i.value).join('').trim();
+ hidden.value = code;
+
+ ref.invokeMethodAsync('RadzenSecurityCode.OnValueChange', code);
+
+ Radzen[id].inputs[Radzen[id].inputs.length - 1].focus();
+ }
+
+ e.preventDefault();
+ }
+ }
+ Radzen[id].keyPress = function (e) {
+ var keyCode = e.data ? e.data.charCodeAt(0) : e.which;
+ var ch = e.data || String.fromCharCode(e.which);
+
+ if (e.metaKey ||
+ e.ctrlKey ||
+ keyCode == 9 ||
+ keyCode == 8 ||
+ keyCode == 13
+ ) {
+ return;
+ }
+
+ if (isNumber && (keyCode < 48 || keyCode > 57)) {
+ e.preventDefault();
+ return;
+ }
+
+ if (e.currentTarget.value == ch) {
+ return;
+ }
+
+ e.currentTarget.value = ch;
+
+ var value = Radzen[id].inputs.map(i => i.value).join('').trim();
+ hidden.value = value;
+
+ ref.invokeMethodAsync('RadzenSecurityCode.OnValueChange', value);
+
+ var index = Radzen[id].inputs.indexOf(e.currentTarget);
+ if (index < Radzen[id].inputs.length - 1) {
+ Radzen[id].inputs[index + 1].focus();
+ }
+ }
+
+ Radzen[id].keyDown = function (e) {
+ var keyCode = e.data ? e.data.charCodeAt(0) : e.which;
+ if (keyCode == 8) {
+ e.currentTarget.value = '';
+
+ var value = Radzen[id].inputs.map(i => i.value).join('').trim();
+ hidden.value = value;
+
+ ref.invokeMethodAsync('RadzenSecurityCode.OnValueChange', value);
+
+ var index = Radzen[id].inputs.indexOf(e.currentTarget);
+ if (index > 0) {
+ Radzen[id].inputs[index - 1].focus();
+ }
+ }
+ }
+
+ for (var i = 0; i < Radzen[id].inputs.length; i++) {
+ Radzen[id].inputs[i].addEventListener(navigator.userAgent.match(/Android/i) ? 'textInput' : 'keypress', Radzen[id].keyPress);
+ Radzen[id].inputs[i].addEventListener(navigator.userAgent.match(/Android/i) ? 'textInput' : 'keydown', Radzen[id].keyDown);
+ Radzen[id].inputs[i].addEventListener('paste', Radzen[id].paste);
+ }
+ },
+ createSlider: function (
+ id,
+ slider,
+ parent,
+ range,
+ minHandle,
+ maxHandle,
+ min,
+ max,
+ value,
+ step,
+ isVertical
+ ) {
+ Radzen[id] = {};
+ Radzen[id].mouseMoveHandler = function (e) {
+ e.preventDefault();
+
+ var handle = slider.isMin ? minHandle : maxHandle;
+
+ if (!slider.canChange) return;
+
+ var offsetX =
+ e.targetTouches && e.targetTouches[0]
+ ? e.targetTouches[0].pageX - e.target.getBoundingClientRect().left
+ : e.pageX - handle.getBoundingClientRect().left;
+
+ var offsetY =
+ e.targetTouches && e.targetTouches[0]
+ ? e.targetTouches[0].pageY - e.target.getBoundingClientRect().top
+ : e.pageY - handle.getBoundingClientRect().top;
+
+ var percent = isVertical ? (parent.offsetHeight - handle.offsetTop - offsetY) / parent.offsetHeight
+ : (Radzen.isRTL(handle) ? parent.offsetWidth - handle.offsetLeft - offsetX : handle.offsetLeft + offsetX) / parent.offsetWidth;
+
+ if (percent > 1) {
+ percent = 1;
+ } else if (percent < 0) {
+ percent = 0;
+ }
+
+ var newValue = percent * (max - min) + min;
+
+ if (
+ slider.canChange &&
+ newValue >= min &&
+ newValue <= max
+ ) {
+ slider.invokeMethodAsync(
+ 'RadzenSlider.OnValueChange',
+ newValue,
+ !!slider.isMin
+ );
+ }
+ };
+
+ Radzen[id].mouseDownHandler = function (e) {
+ if (parent.classList.contains('rz-state-disabled')) return;
+
+ document.addEventListener('mousemove', Radzen[id].mouseMoveHandler);
+ document.addEventListener('touchmove', Radzen[id].mouseMoveHandler, {
+ passive: false, capture: true
+ });
+
+ document.addEventListener('mouseup', Radzen[id].mouseUpHandler);
+ document.addEventListener('touchend', Radzen[id].mouseUpHandler, {
+ passive: true
+ });
+
+ if (minHandle == e.target || maxHandle == e.target) {
+ slider.canChange = true;
+ slider.isMin = minHandle == e.target;
+ } else {
+
+ var offsetX =
+ e.targetTouches && e.targetTouches[0]
+ ? e.targetTouches[0].pageX - e.target.getBoundingClientRect().left
+ : e.offsetX;
+
+ var percent = offsetX / parent.offsetWidth;
+
+ var newValue = percent * (max - min) + min;
+ var oldValue = range ? value[slider.isMin ? 0 : 1] : value;
+ if (newValue >= min && newValue <= max && newValue != oldValue) {
+ slider.invokeMethodAsync(
+ 'RadzenSlider.OnValueChange',
+ newValue,
+ !!slider.isMin
+ );
+ }
+ }
+ };
+
+ Radzen[id].mouseUpHandler = function (e) {
+ slider.canChange = false;
+ document.removeEventListener('mousemove', Radzen[id].mouseMoveHandler);
+ document.removeEventListener('touchmove', Radzen[id].mouseMoveHandler, {
+ passive: false, capture: true
+ });
+ document.removeEventListener('mouseup', Radzen[id].mouseUpHandler);
+ document.removeEventListener('touchend', Radzen[id].mouseUpHandler, {
+ passive: true
+ });
+ };
+
+ parent.addEventListener('mousedown', Radzen[id].mouseDownHandler);
+ parent.addEventListener('touchstart', Radzen[id].mouseDownHandler, {
+ passive: true
+ });
+ },
+ destroySlider: function (id, parent) {
+ if (!Radzen[id]) return;
+
+ if (Radzen[id].mouseMoveHandler) {
+ document.removeEventListener('mousemove', Radzen[id].mouseMoveHandler);
+ document.removeEventListener('touchmove', Radzen[id].mouseMoveHandler);
+ delete Radzen[id].mouseMoveHandler;
+ }
+ if (Radzen[id].mouseUpHandler) {
+ document.removeEventListener('mouseup', Radzen[id].mouseUpHandler);
+ document.removeEventListener('touchend', Radzen[id].mouseUpHandler);
+ delete Radzen[id].mouseUpHandler;
+ }
+ if (Radzen[id].mouseDownHandler) {
+ parent.removeEventListener('mousedown', Radzen[id].mouseDownHandler);
+ parent.removeEventListener('touchstart', Radzen[id].mouseDownHandler);
+ delete Radzen[id].mouseDownHandler;
+ }
+
+ Radzen[id] = null;
+ },
+ prepareDrag: function (el) {
+ if (el) {
+ el.ondragover = function (e) { e.preventDefault(); };
+ el.ondragstart = function (e) { e.dataTransfer.setData('', e.target.id); };
+ }
+ },
+ focusElement: function (elementId) {
+ var el = document.getElementById(elementId);
+ if (el) {
+ el.focus();
+ }
+ },
+ scrollCarouselItem: function (el) {
+ el.parentElement.scroll(el.offsetLeft, 0);
+ },
+ scrollIntoViewIfNeeded: function (ref, selector) {
+ var el = selector ? ref.getElementsByClassName(selector)[0] : ref;
+ if (el && el.scrollIntoViewIfNeeded) {
+ el.scrollIntoViewIfNeeded();
+ } else if (el && el.scrollIntoView) {
+ el.scrollIntoView();
+ }
+ },
+ selectListItem: function (input, ul, index) {
+ if (!input || !ul) return;
+
+ var childNodes = ul.getElementsByTagName('LI');
+
+ var highlighted = ul.querySelectorAll('.rz-state-highlight');
+ if (highlighted.length) {
+ for (var i = 0; i < highlighted.length; i++) {
+ highlighted[i].classList.remove('rz-state-highlight');
+ }
+ }
+
+ ul.nextSelectedIndex = index;
+
+ if (
+ ul.nextSelectedIndex >= 0 &&
+ ul.nextSelectedIndex <= childNodes.length - 1
+ ) {
+ childNodes[ul.nextSelectedIndex].classList.add('rz-state-highlight');
+ childNodes[ul.nextSelectedIndex].scrollIntoView({block:'nearest'});
+ }
+ },
+ focusListItem: function (input, ul, isDown, startIndex) {
+ if (!input || !ul) return;
+ var childNodes = ul.getElementsByTagName('LI');
+
+ if (!childNodes || childNodes.length == 0) return;
+
+ if (startIndex == undefined || startIndex == null) {
+ startIndex = -1;
+ }
+
+ ul.nextSelectedIndex = startIndex;
+ if (isDown) {
+ while (ul.nextSelectedIndex < childNodes.length - 1) {
+ ul.nextSelectedIndex++;
+ if (!childNodes[ul.nextSelectedIndex].classList.contains('rz-state-disabled'))
+ break;
+ }
+ } else {
+ while (ul.nextSelectedIndex >= 0) {
+ ul.nextSelectedIndex--;
+ if (!childNodes[ul.nextSelectedIndex] || !childNodes[ul.nextSelectedIndex].classList.contains('rz-state-disabled'))
+ break;
+ }
+ }
+
+ var highlighted = ul.querySelectorAll('.rz-state-highlight');
+ if (highlighted.length) {
+ for (var i = 0; i < highlighted.length; i++) {
+ highlighted[i].classList.remove('rz-state-highlight');
+ }
+ }
+
+ if (
+ ul.nextSelectedIndex >= 0 &&
+ ul.nextSelectedIndex <= childNodes.length - 1
+ ) {
+ childNodes[ul.nextSelectedIndex].classList.add('rz-state-highlight');
+ Radzen.scrollIntoViewIfNeeded(childNodes[ul.nextSelectedIndex]);
+ }
+
+ return ul.nextSelectedIndex;
+ },
+ clearFocusedHeaderCell: function (gridId) {
+ var grid = document.getElementById(gridId);
+ if (!grid) return;
+
+ var table = grid.querySelector('.rz-grid-table');
+ var thead = table.getElementsByTagName("thead")[0];
+ var highlightedCells = thead.querySelectorAll('.rz-state-focused');
+ if (highlightedCells.length) {
+ for (var i = 0; i < highlightedCells.length; i++) {
+ highlightedCells[i].classList.remove('rz-state-focused');
+ }
+ }
+ },
+ focusTableRow: function (gridId, key, rowIndex, cellIndex, isVirtual) {
+ var grid = document.getElementById(gridId);
+ if (!grid) return;
+
+ var table = grid.querySelector('.rz-grid-table');
+ var tbody = table.tBodies[0];
+ var thead = table.tHead;
+
+ var rows = (cellIndex != null && thead && thead.rows && thead.rows.length ? [...thead.rows] : []).concat(tbody && tbody.rows && tbody.rows.length ? [...tbody.rows] : []);
+
+ if (isVirtual && (key == 'ArrowUp' || key == 'ArrowDown' || key == 'PageUp' || key == 'PageDown' || key == 'Home' || key == 'End')) {
+ if (rowIndex == 0 && (key == 'End' || key == 'PageDown')) {
+ var highlightedCells = thead.querySelectorAll('.rz-state-focused');
+ if (highlightedCells.length) {
+ for (var i = 0; i < highlightedCells.length; i++) {
+ highlightedCells[i].classList.remove('rz-state-focused');
+ }
+ }
+ }
+ if (key == 'ArrowUp' || key == 'ArrowDown' || key == 'PageUp' || key == 'PageDown') {
+ var rowHeight = rows[rows.length - 1] ? rows[rows.length - 1].offsetHeight : 40;
+ var factor = key == 'PageUp' || key == 'PageDown' ? 10 : 1;
+ table.parentNode.scrollTop = table.parentNode.scrollTop + (factor * (key == 'ArrowDown' || key == 'PageDown' ? rowHeight : -rowHeight));
+ }
+ else {
+ table.parentNode.scrollTop = key == 'Home' ? 0 : table.parentNode.scrollHeight;
+ }
+ }
+
+ table.nextSelectedIndex = rowIndex || 0;
+ table.nextSelectedCellIndex = cellIndex || 0;
+
+ if (key == 'ArrowDown') {
+ while (table.nextSelectedIndex < rows.length - 1) {
+ table.nextSelectedIndex++;
+ if (!rows[table.nextSelectedIndex] || !rows[table.nextSelectedIndex].classList.contains('rz-state-disabled'))
+ break;
+ }
+ } else if (key == 'ArrowUp') {
+ while (table.nextSelectedIndex > 0) {
+ table.nextSelectedIndex--;
+ if (!rows[table.nextSelectedIndex] || !rows[table.nextSelectedIndex].classList.contains('rz-state-disabled'))
+ break;
+ }
+ } else if (key == 'ArrowRight') {
+ while (table.nextSelectedCellIndex < rows[table.nextSelectedIndex].cells.length - 1) {
+ table.nextSelectedCellIndex++;
+ if (!rows[table.nextSelectedIndex] || !rows[table.nextSelectedIndex].cells[table.nextSelectedCellIndex] || !rows[table.nextSelectedIndex].cells[table.nextSelectedCellIndex].classList.contains('rz-state-disabled'))
+ break;
+ }
+ } else if (key == 'ArrowLeft') {
+ while (table.nextSelectedCellIndex > 0) {
+ table.nextSelectedCellIndex--;
+ if (!rows[table.nextSelectedIndex] || !rows[table.nextSelectedIndex].cells[table.nextSelectedCellIndex] || !rows[table.nextSelectedIndex].cells[table.nextSelectedCellIndex].classList.contains('rz-state-disabled'))
+ break;
+ }
+ } else if (isVirtual && (key == 'PageDown' || key == 'End')) {
+ table.nextSelectedIndex = rows.length - 1;
+ } else if (isVirtual && (key == 'PageUp' || key == 'Home')) {
+ table.nextSelectedIndex = 1;
+ }
+
+ if (key == 'ArrowLeft' || key == 'ArrowRight' || (key == 'ArrowUp' && cellIndex != null && table.nextSelectedIndex == 0 && table.parentNode.scrollTop == 0)) {
+ var highlightedCells = rows[table.nextSelectedIndex].querySelectorAll('.rz-state-focused');
+ if (highlightedCells.length) {
+ for (var i = 0; i < highlightedCells.length; i++) {
+ highlightedCells[i].classList.remove('rz-state-focused');
+ }
+ }
+
+ if (
+ table.nextSelectedCellIndex >= 0 &&
+ table.nextSelectedCellIndex <= rows[table.nextSelectedIndex].cells.length - 1
+ ) {
+ var cell = rows[table.nextSelectedIndex].cells[table.nextSelectedCellIndex];
+
+ if (!cell.classList.contains('rz-state-focused')) {
+ cell.classList.add('rz-state-focused');
+ if (!isVirtual && table.parentElement.scrollWidth > table.parentElement.clientWidth) {
+ Radzen.scrollIntoViewIfNeeded(cell);
+ }
+ }
+ }
+ } else if (key == 'ArrowDown' || key == 'ArrowUp') {
+ var highlighted = table.querySelectorAll('.rz-state-focused');
+ if (highlighted.length) {
+ for (var i = 0; i < highlighted.length; i++) {
+ highlighted[i].classList.remove('rz-state-focused');
+ }
+ }
+
+ if (table.nextSelectedIndex >= 0 &&
+ table.nextSelectedIndex <= rows.length - 1
+ ) {
+ var row = rows[table.nextSelectedIndex];
+
+ if (!row.classList.contains('rz-state-focused')) {
+ row.classList.add('rz-state-focused');
+ if (!isVirtual && table.parentElement.scrollHeight > table.parentElement.clientHeight) {
+ Radzen.scrollIntoViewIfNeeded(row);
+ }
+ }
+ }
+ }
+
+ return [table.nextSelectedIndex, table.nextSelectedCellIndex];
+ },
+ uploadInputChange: function (e, url, auto, multiple, clear, parameterName) {
+ if (auto) {
+ Radzen.upload(e.target, url, multiple, clear, parameterName);
+ e.target.value = '';
+ } else {
+ Radzen.uploadChange(e.target);
+ }
+ },
+ uploads: function (uploadComponent, id) {
+ if (!Radzen.uploadComponents) {
+ Radzen.uploadComponents = {};
+ }
+ Radzen.uploadComponents[id] = uploadComponent;
+ },
+ uploadChange: function (fileInput) {
+ var files = [];
+ for (var i = 0; i < fileInput.files.length; i++) {
+ var file = fileInput.files[i];
+ files.push({
+ Name: file.name,
+ Size: file.size,
+ Url: URL.createObjectURL(file)
+ });
+ }
+
+ var uploadComponent =
+ Radzen.uploadComponents && Radzen.uploadComponents[fileInput.id];
+ if (uploadComponent) {
+ if (uploadComponent.localFiles) {
+ // Clear any previously created preview URL(s)
+ for (var i = 0; i < uploadComponent.localFiles.length; i++) {
+ var file = uploadComponent.localFiles[i];
+ if (file.Url) {
+ URL.revokeObjectURL(file.Url);
+ }
+ }
+ }
+
+ uploadComponent.files = Array.from(fileInput.files);
+ uploadComponent.localFiles = files;
+ uploadComponent.invokeMethodAsync('RadzenUpload.OnChange', files);
+ }
+
+ for (var i = 0; i < fileInput.files.length; i++) {
+ var file = fileInput.files[i];
+ if (file.Url) {
+ URL.revokeObjectURL(file.Url);
+ }
+ }
+ },
+ removeFileFromUpload: function (fileInput, name) {
+ var uploadComponent = Radzen.uploadComponents && Radzen.uploadComponents[fileInput.id];
+ if (!uploadComponent) return;
+ var file = uploadComponent.files.find(function (f) { return f.name == name; })
+ if (!file) { return; }
+ var localFile = uploadComponent.localFiles.find(function (f) { return f.Name == name; });
+ if (localFile) {
+ URL.revokeObjectURL(localFile.Url);
+ }
+ var index = uploadComponent.files.indexOf(file)
+ if (index != -1) {
+ uploadComponent.files.splice(index, 1);
+ }
+ fileInput.value = '';
+ },
+ removeFileFromFileInput: function (fileInput) {
+ fileInput.value = '';
+ },
+ upload: function (fileInput, url, multiple, clear, parameterName) {
+ var uploadComponent = Radzen.uploadComponents && Radzen.uploadComponents[fileInput.id];
+ if (!uploadComponent) { return; }
+ if (!uploadComponent.files || clear) {
+ uploadComponent.files = Array.from(fileInput.files);
+ }
+ var data = new FormData();
+ var files = [];
+ var cancelled = false;
+ for (var i = 0; i < uploadComponent.files.length; i++) {
+ var file = uploadComponent.files[i];
+ data.append(parameterName || (multiple ? 'files' : 'file'), file, file.name);
+ files.push({Name: file.name, Size: file.size});
+ }
+ var xhr = new XMLHttpRequest();
+ xhr.withCredentials = true;
+ xhr.upload.onprogress = function (e) {
+ if (e.lengthComputable) {
+ var uploadComponent =
+ Radzen.uploadComponents && Radzen.uploadComponents[fileInput.id];
+ if (uploadComponent) {
+ var progress = parseInt((e.loaded / e.total) * 100);
+ uploadComponent.invokeMethodAsync(
+ 'RadzenUpload.OnProgress',
+ progress,
+ e.loaded,
+ e.total,
+ files,
+ cancelled
+ ).then(function (cancel) {
+ if (cancel) {
+ cancelled = true;
+ xhr.abort();
+ }
+ });
+ }
+ }
+ };
+ xhr.onreadystatechange = function (e) {
+ if (xhr.readyState === XMLHttpRequest.DONE) {
+ var status = xhr.status;
+ var uploadComponent =
+ Radzen.uploadComponents && Radzen.uploadComponents[fileInput.id];
+ if (uploadComponent) {
+ if (status === 0 || (status >= 200 && status < 400)) {
+ uploadComponent.invokeMethodAsync(
+ 'RadzenUpload.OnComplete',
+ xhr.responseText,
+ cancelled
+ );
+ } else {
+ uploadComponent.invokeMethodAsync(
+ 'RadzenUpload.OnError',
+ xhr.responseText
+ );
+ }
+ }
+ }
+ };
+ uploadComponent.invokeMethodAsync('GetHeaders').then(function (headers) {
+ xhr.open('POST', url, true);
+ for (var name in headers) {
+ xhr.setRequestHeader(name, headers[name]);
+ }
+ xhr.send(data);
+ });
+ },
+ getCookie: function (name) {
+ var value = '; ' + decodeURIComponent(document.cookie);
+ var parts = value.split('; ' + name + '=');
+ if (parts.length == 2) return parts.pop().split(';').shift();
+ },
+ getCulture: function () {
+ var cultureCookie = Radzen.getCookie('.AspNetCore.Culture');
+ var uiCulture = cultureCookie
+ ? cultureCookie.split('|').pop().split('=').pop()
+ : null;
+ return uiCulture || 'en-US';
+ },
+ numericOnPaste: function (e, min, max) {
+ if (e.clipboardData) {
+ var value = e.clipboardData.getData('text');
+
+ if (value && !isNaN(+value)) {
+ var numericValue = +value;
+ if (min != null && numericValue >= min) {
+ return;
+ }
+ if (max != null && numericValue <= max) {
+ return;
+ }
+ }
+
+ e.preventDefault();
+ }
+ },
+ numericOnInput: function (e, min, max, isNullable) {
+ var value = e.target.value;
+
+ if (!isNullable && value == '' && min != null) {
+ e.target.value = min;
+ }
+
+ if (value && !isNaN(+value)) {
+ var numericValue = +value;
+ if (min != null && !isNaN(+min) && numericValue < min) {
+ e.target.value = min;
+ }
+ if (max != null && !isNaN(+max) && numericValue > max) {
+ e.target.value = max;
+ }
+ }
+ },
+ numericKeyPress: function (e, isInteger, decimalSeparator) {
+ if (
+ e.metaKey ||
+ e.ctrlKey ||
+ e.keyCode == 9 ||
+ e.keyCode == 8 ||
+ e.keyCode == 13
+ ) {
+ return;
+ }
+
+ if (e.code === 'NumpadDecimal' && !isInteger) {
+ var cursorPosition = e.target.selectionEnd;
+ e.target.value = [e.target.value.slice(0, e.target.selectionStart), decimalSeparator, e.target.value.slice(e.target.selectionEnd)].join('');
+ e.target.selectionStart = ++cursorPosition;
+ e.target.selectionEnd = cursorPosition;
+ e.preventDefault();
+ return;
+ }
+
+ var ch = e.key;
+
+ if (/\p{Nd}/u.test(ch) || ch === '-' || (!isInteger && ch === decimalSeparator)) {
+ return;
+ }
+
+ e.preventDefault();
+ },
+ openContextMenu: function (x,y,id, instance, callback) {
+ Radzen.closePopup(id);
+
+ Radzen.openPopup(null, id, false, null, x, y, instance, callback);
+
+ setTimeout(function () {
+ var popup = document.getElementById(id);
+ if (popup) {
+ var menu = popup.querySelector('.rz-menu');
+ if (menu) {
+ menu.focus();
+ }
+ }
+ }, 500);
+ },
+ openTooltip: function (target, id, delay, duration, position, closeTooltipOnDocumentClick, instance, callback) {
+ Radzen.closeTooltip(id);
+
+ if (delay) {
+ Radzen[id + 'delay'] = setTimeout(Radzen.openPopup, delay, target, id, false, position, null, null, instance, callback, closeTooltipOnDocumentClick);
+ } else {
+ Radzen.openPopup(target, id, false, position, null, null, instance, callback, closeTooltipOnDocumentClick);
+ }
+
+ if (duration) {
+ Radzen[id + 'duration'] = setTimeout(Radzen.closePopup, duration, id, instance, callback);
+ }
+ },
+ closeTooltip(id) {
+ Radzen.activeElement = null;
+ Radzen.closePopup(id);
+
+ if (Radzen[id + 'delay']) {
+ clearTimeout(Radzen[id + 'delay']);
+ }
+
+ if (Radzen[id + 'duration']) {
+ clearTimeout(Radzen[id + 'duration']);
+ }
+ },
+ destroyDatePicker(id) {
+ var el = document.getElementById(id);
+ if (!el) return;
+
+ var button = el.querySelector('.rz-datepicker-trigger');
+ if (button) {
+ button.onclick = null;
+ }
+ var input = el.querySelector('.rz-inputtext');
+ if (input) {
+ input.onclick = null;
+ }
+ },
+ createDatePicker(el, popupId) {
+ if(!el) return;
+ var handler = function (e, condition) {
+ if (condition) {
+ Radzen.togglePopup(e.currentTarget.parentNode, popupId, false, null, null, true, false);
+ }
+ };
+
+ var input = el.querySelector('.rz-inputtext');
+ var button = el.querySelector('.rz-datepicker-trigger');
+ if (button) {
+ button.onclick = function (e) {
+ handler(e, !e.currentTarget.classList.contains('rz-state-disabled') && (input ? !input.classList.contains('rz-readonly') : true));
+ };
+ }
+
+ if (input) {
+ input.onclick = function (e) {
+ handler(e, e.currentTarget.classList.contains('rz-input-trigger') && !e.currentTarget.classList.contains('rz-readonly'));
+ };
+ }
+ },
+ findPopup: function (id) {
+ var popups = [];
+ for (var i = 0; i < document.body.children.length; i++) {
+ if (document.body.children[i].id == id) {
+ popups.push(document.body.children[i]);
+ }
+ }
+ return popups;
+ },
+ repositionPopup: function (parent, id) {
+ var popup = document.getElementById(id);
+ if (!popup) return;
+
+ var rect = popup.getBoundingClientRect();
+ var parentRect = parent ? parent.getBoundingClientRect() : { top: 0, bottom: 0, left: 0, right: 0, width: 0, height: 0 };
+
+ if (/Edge/.test(navigator.userAgent)) {
+ var scrollTop = document.body.scrollTop;
+ } else {
+ var scrollTop = document.documentElement.scrollTop;
+ }
+
+ var top = parentRect.bottom + scrollTop;
+
+ if (top + rect.height > window.innerHeight + scrollTop && parentRect.top > rect.height) {
+ top = parentRect.top - rect.height + scrollTop;
+ }
+
+ popup.style.top = top + 'px';
+ },
+ openPopup: function (parent, id, syncWidth, position, x, y, instance, callback, closeOnDocumentClick = true, autoFocusFirstElement = false, disableSmartPosition = false) {
+ var popup = document.getElementById(id);
+ if (!popup) return;
+
+ Radzen.activeElement = document.activeElement;
+
+ var parentRect = parent ? parent.getBoundingClientRect() : { top: y || 0, bottom: 0, left: x || 0, right: 0, width: 0, height: 0 };
+
+ if (/Edge/.test(navigator.userAgent)) {
+ var scrollLeft = document.body.scrollLeft;
+ var scrollTop = document.body.scrollTop;
+ } else {
+ var scrollLeft = document.documentElement.scrollLeft;
+ var scrollTop = document.documentElement.scrollTop;
+ }
+
+ var top = y ? y : parentRect.bottom;
+ var left = x ? x : parentRect.left;
+
+ if (syncWidth) {
+ popup.style.width = parentRect.width + 'px';
+ if (!popup.style.minWidth) {
+ popup.minWidth = true;
+ popup.style.minWidth = parentRect.width + 'px';
+ }
+ }
+
+ if (window.chrome) {
+ var closestFrozenCell = popup.closest('.rz-frozen-cell');
+ if (closestFrozenCell) {
+ Radzen[id + 'FZL'] = { cell: closestFrozenCell, left: closestFrozenCell.style.left };
+ closestFrozenCell.style.left = '';
+ }
+ }
+
+ popup.style.display = 'block';
+ popup.onanimationend = null;
+ popup.classList.add("rz-open");
+ popup.classList.remove("rz-close");
+
+ var rect = popup.getBoundingClientRect();
+ rect.width = x ? rect.width + 20 : rect.width;
+ rect.height = y ? rect.height + 20 : rect.height;
+
+ var smartPosition = !position || position == 'bottom';
+
+ if (smartPosition && top + rect.height > window.innerHeight && parentRect.top > rect.height) {
+ if (disableSmartPosition !== true) {
+ top = parentRect.top - rect.height;
+ }
+
+ if (position) {
+ top = top - 40;
+ var tooltipContent = popup.children[0];
+ var tooltipContentClassName = 'rz-' + position + '-tooltip-content';
+ if (tooltipContent.classList.contains(tooltipContentClassName)) {
+ tooltipContent.classList.remove(tooltipContentClassName);
+ tooltipContent.classList.add('rz-top-tooltip-content');
+ position = 'top';
+ if (instance && callback) {
+ try { instance.invokeMethodAsync(callback, position); } catch { }
+ }
+ }
+ }
+ }
+
+ if (smartPosition && left + rect.width > window.innerWidth && window.innerWidth > rect.width) {
+ left = !position ? window.innerWidth - rect.width : rect.left;
+
+ if (position) {
+ top = y || parentRect.top;
+ var tooltipContent = popup.children[0];
+ var tooltipContentClassName = 'rz-' + position + '-tooltip-content';
+ if (tooltipContent.classList.contains(tooltipContentClassName)) {
+ tooltipContent.classList.remove(tooltipContentClassName);
+ tooltipContent.classList.add('rz-left-tooltip-content');
+ position = 'left';
+ if (instance && callback) {
+ try { instance.invokeMethodAsync(callback, position); } catch { }
+ }
+ }
+ }
+ }
+
+ if (smartPosition) {
+ if (position) {
+ top = top + 20;
+ }
+ }
+
+ if (position == 'left') {
+ left = parentRect.left - rect.width - 5;
+ top = parentRect.top;
+ }
+
+ if (position == 'right') {
+ left = parentRect.right + 10;
+ top = parentRect.top;
+ }
+
+ if (position == 'top') {
+ top = parentRect.top - rect.height + 5;
+ left = parentRect.left;
+ }
+
+ popup.style.zIndex = 2000;
+ popup.style.left = left + scrollLeft + 'px';
+ popup.style.top = top + scrollTop + 'px';
+
+ if (!popup.classList.contains('rz-overlaypanel')) {
+ popup.classList.add('rz-popup');
+ }
+
+ Radzen[id] = function (e) {
+ var lastPopup = Radzen.popups && Radzen.popups[Radzen.popups.length - 1];
+ var currentPopup = lastPopup != null && document.getElementById(lastPopup.id) || popup;
+
+ if (lastPopup) {
+ currentPopup.instance = lastPopup.instance;
+ currentPopup.callback = lastPopup.callback;
+ currentPopup.parent = lastPopup.parent;
+ }
+
+ if(e.type == 'contextmenu' || !e.target || !closeOnDocumentClick) return;
+ if (!/Android/i.test(navigator.userAgent) &&
+ !['input', 'textarea'].includes(document.activeElement ? document.activeElement.tagName.toLowerCase() : '') && e.type == 'resize') {
+ Radzen.closePopup(currentPopup.id, currentPopup.instance, currentPopup.callback, e);
+ return;
+ }
+
+ var closestLink = e.target.closest && (e.target.closest('.rz-link') || e.target.closest('.rz-navigation-item-link'));
+ if (e.type == 'resize' && !/Android/i.test(navigator.userAgent)) {
+ if (closestLink && closestLink.closest && closestLink.closest('a') && e.button == 0) {
+ closestLink.closest('a').click();
+ Radzen.closeAllPopups();
+ } else {
+ Radzen.closeAllPopups();
+ }
+ }
+ if (currentPopup.parent) {
+ if (e.type == 'mousedown' && !currentPopup.parent.contains(e.target) && !currentPopup.contains(e.target)) {
+ Radzen.closePopup(currentPopup.id, currentPopup.instance, currentPopup.callback, e);
+ }
+ } else {
+ if (e.target.nodeType && !currentPopup.contains(e.target)) {
+ Radzen.closePopup(currentPopup.id, currentPopup.instance, currentPopup.callback, e);
+ }
+ }
+ };
+
+ if (!Radzen.popups) {
+ Radzen.popups = [];
+ }
+
+ Radzen.popups.push({ id, instance, callback, parent });
+
+ document.body.appendChild(popup);
+ document.removeEventListener('mousedown', Radzen[id]);
+ document.addEventListener('mousedown', Radzen[id]);
+ window.removeEventListener('resize', Radzen[id]);
+ window.addEventListener('resize', Radzen[id]);
+
+ var p = parent;
+ while (p && p != document.body) {
+ if (p.scrollWidth > p.clientWidth || p.scrollHeight > p.clientHeight) {
+ p.removeEventListener('scroll', Radzen.closeAllPopups);
+ p.addEventListener('scroll', Radzen.closeAllPopups);
+ }
+ p = p.parentElement;
+ }
+
+ if (!parent) {
+ document.removeEventListener('contextmenu', Radzen[id]);
+ document.addEventListener('contextmenu', Radzen[id]);
+ }
+
+ if (autoFocusFirstElement) {
+ setTimeout(function () {
+ popup.removeEventListener('keydown', Radzen.focusTrap);
+ popup.addEventListener('keydown', Radzen.focusTrap);
+
+ var focusable = Radzen.getFocusableElements(popup);
+ var firstFocusable = focusable[0];
+ if (firstFocusable) {
+ firstFocusable.focus();
+ }
+ }, 200);
+ }
+ },
+ closeAllPopups: function (e, id) {
+ if (!Radzen.popups) return;
+ var el = e && e.target || id && documentElement.getElementById(id);
+ var popups = Radzen.popups;
+ for (var i = 0; i < popups.length; i++) {
+ var p = popups[i];
+
+ var closestPopup = el && el.closest && (el.closest('.rz-popup') || el.closest('.rz-overlaypanel'));
+ if (closestPopup && closestPopup != p) {
+ return;
+ }
+
+ Radzen.closePopup(p.id, p.instance, p.callback, e);
+ }
+ Radzen.popups = [];
+ },
+ closePopup: function (id, instance, callback, e) {
+ var popup = document.getElementById(id);
+ if (!popup) return;
+ if (popup.style.display == 'none') {
+ var popups = Radzen.findPopup(id);
+ if (popups.length > 1) {
+ for (var i = 0; i < popups.length; i++) {
+ if (popups[i].style.display == 'none') {
+ popups[i].parentNode.removeChild(popups[i]);
+ } else {
+ popup = popups[i];
+ }
+ }
+ } else {
+ return;
+ }
+ }
+
+ if (popup) {
+ if (popup.minWidth) {
+ popup.style.minWidth = '';
+ }
+
+ if (window.chrome && Radzen[id + 'FZL']) {
+ Radzen[id + 'FZL'].cell.style.left = Radzen[id + 'FZL'].left;
+ Radzen[id + 'FZL'] = null;
+ }
+
+ popup.onanimationend = function () {
+ popup.style.display = 'none';
+ popup.onanimationend = null;
+ }
+ popup.classList.add("rz-close");
+ popup.classList.remove("rz-open");
+ }
+ document.removeEventListener('mousedown', Radzen[id]);
+ window.removeEventListener('resize', Radzen[id]);
+ Radzen[id] = null;
+
+ if (instance && callback) {
+ if (callback.includes('RadzenTooltip')) {
+ try { instance.invokeMethodAsync(callback, null); } catch { }
+ } else {
+ try { instance.invokeMethodAsync(callback); } catch { }
+ }
+ }
+ Radzen.popups = (Radzen.popups || []).filter(function (obj) {
+ return obj.id !== id;
+ });
+
+ if (Radzen.activeElement && Radzen.activeElement == document.activeElement ||
+ Radzen.activeElement && document.activeElement == document.body ||
+ Radzen.activeElement && document.activeElement &&
+ (document.activeElement.classList.contains('rz-dropdown-filter') || document.activeElement.classList.contains('rz-lookup-search-input'))) {
+ setTimeout(function () {
+ if (e && e.target && e.target.tabIndex != -1) {
+ Radzen.activeElement = e.target;
+ }
+ if (Radzen.activeElement) {
+ Radzen.activeElement.focus();
+ }
+ Radzen.activeElement = null;
+ }, 100);
+ }
+ },
+ popupOpened: function (id) {
+ var popup = document.getElementById(id);
+ if (popup) {
+ return popup.style.display != 'none';
+ }
+ return false;
+ },
+ togglePopup: function (parent, id, syncWidth, instance, callback, closeOnDocumentClick = true, autoFocusFirstElement = false) {
+ var popup = document.getElementById(id);
+ if (!popup) return;
+ if (popup.style.display == 'block') {
+ Radzen.closePopup(id, instance, callback);
+ } else {
+ Radzen.openPopup(parent, id, syncWidth, null, null, null, instance, callback, closeOnDocumentClick, autoFocusFirstElement);
+ }
+ },
+ destroyPopup: function (id) {
+ var popup = document.getElementById(id);
+ if (popup) {
+ popup.parentNode.removeChild(popup);
+ }
+ document.removeEventListener('mousedown', Radzen[id]);
+ },
+ scrollDataGrid: function (e) {
+ var scrollLeft =
+ (e.target.scrollLeft ? '-' + e.target.scrollLeft : 0) + 'px';
+
+ e.target.previousElementSibling.style.marginLeft = scrollLeft;
+ e.target.previousElementSibling.firstElementChild.style.paddingRight =
+ e.target.clientHeight < e.target.scrollHeight ? (e.target.offsetWidth - e.target.clientWidth) + 'px' : '0px';
+
+ if (e.target.nextElementSibling) {
+ e.target.nextElementSibling.style.marginLeft = scrollLeft;
+ e.target.nextElementSibling.firstElementChild.style.paddingRight =
+ e.target.clientHeight < e.target.scrollHeight ? (e.target.offsetWidth - e.target.clientWidth) + 'px' : '0px';
+ }
+
+ for (var i = 0; i < document.body.children.length; i++) {
+ if (document.body.children[i].classList.contains('rz-overlaypanel')) {
+ document.body.children[i].style.display = 'none';
+ }
+ }
+ },
+ focusFirstFocusableElement: function (el) {
+ var focusable = Radzen.getFocusableElements(el);
+ var editor = el.querySelector('.rz-html-editor');
+
+ if (editor && !focusable.includes(editor.previousElementSibling)) {
+ var editable = el.querySelector('.rz-html-editor-content');
+ if (editable) {
+ var selection = window.getSelection();
+ var range = document.createRange();
+ range.setStart(editable, 0);
+ range.setEnd(editable, 0);
+ selection.removeAllRanges();
+ selection.addRange(range);
+ }
+ } else {
+ var firstFocusable = focusable[0];
+ if (firstFocusable) {
+ firstFocusable.focus();
+ }
+ }
+ },
+ openSideDialog: function (options) {
+ setTimeout(function () {
+ if (options.autoFocusFirstElement) {
+ var dialogs = document.querySelectorAll('.rz-dialog-side-content');
+ if (dialogs.length == 0) return;
+ var lastDialog = dialogs[dialogs.length - 1];
+ Radzen.focusFirstFocusableElement(lastDialog);
+ }
+ }, 500);
+ },
+ openDialog: function (options, dialogService, dialog) {
+ if (Radzen.closeAllPopups) {
+ Radzen.closeAllPopups();
+ }
+ Radzen.dialogService = dialogService;
+ if (
+ document.documentElement.scrollHeight >
+ document.documentElement.clientHeight
+ ) {
+ document.body.classList.add('no-scroll');
+ }
+
+ setTimeout(function () {
+ var dialogs = document.querySelectorAll('.rz-dialog-content');
+ if (dialogs.length == 0) return;
+ var lastDialog = dialogs[dialogs.length - 1];
+
+ if (lastDialog) {
+ lastDialog.options = options;
+ lastDialog.removeEventListener('keydown', Radzen.focusTrap);
+ lastDialog.addEventListener('keydown', Radzen.focusTrap);
+
+ if (options.resizable) {
+ dialog.offsetWidth = lastDialog.parentElement.offsetWidth;
+ dialog.offsetHeight = lastDialog.parentElement.offsetHeight;
+ var dialogResize = function (e) {
+ if (!dialog) return;
+ if (dialog.offsetWidth != e[0].target.offsetWidth || dialog.offsetHeight != e[0].target.offsetHeight) {
+
+ dialog.offsetWidth = e[0].target.offsetWidth;
+ dialog.offsetHeight = e[0].target.offsetHeight;
+
+ dialog.invokeMethodAsync(
+ 'RadzenDialog.OnResize',
+ e[0].target.offsetWidth,
+ e[0].target.offsetHeight
+ );
+ }
+ };
+ Radzen.dialogResizer = new ResizeObserver(dialogResize).observe(lastDialog.parentElement);
+ }
+
+ if (options.draggable) {
+ var dialogTitle = lastDialog.parentElement.querySelector('.rz-dialog-titlebar');
+ if (dialogTitle) {
+ Radzen[dialogTitle] = function (e) {
+ var rect = lastDialog.parentElement.getBoundingClientRect();
+ var offsetX = e.clientX - rect.left;
+ var offsetY = e.clientY - rect.top;
+
+ var move = function (e) {
+ var left = e.clientX - offsetX;
+ var top = e.clientY - offsetY;
+
+ lastDialog.parentElement.style.left = left + 'px';
+ lastDialog.parentElement.style.top = top + 'px';
+
+ dialog.invokeMethodAsync('RadzenDialog.OnDrag', top, left);
+ };
+
+ var stop = function () {
+ document.removeEventListener('mousemove', move);
+ document.removeEventListener('mouseup', stop);
+ };
+
+ document.addEventListener('mousemove', move);
+ document.addEventListener('mouseup', stop);
+ };
+
+ dialogTitle.addEventListener('mousedown', Radzen[dialogTitle]);
+ }
+ }
+
+ if (options.autoFocusFirstElement) {
+ Radzen.focusFirstFocusableElement(lastDialog);
+ }
+ }
+ }, 500);
+
+ document.removeEventListener('keydown', Radzen.closePopupOrDialog);
+ if (options.closeDialogOnEsc) {
+ document.addEventListener('keydown', Radzen.closePopupOrDialog);
+ }
+ },
+ closeDialog: function () {
+ Radzen.dialogResizer = null;
+ document.body.classList.remove('no-scroll');
+ var dialogs = document.querySelectorAll('.rz-dialog-content');
+
+ var lastDialog = dialogs.length && dialogs[dialogs.length - 1];
+ if (lastDialog) {
+ var dialogTitle = lastDialog.parentElement.querySelector('.rz-dialog-titlebar');
+ if (dialogTitle) {
+ dialogTitle.removeEventListener('mousedown', Radzen[dialogTitle]);
+ Radzen[dialogTitle] = null;
+ delete Radzen[dialogTitle];
+ }
+ }
+
+ if (dialogs.length <= 1) {
+ document.removeEventListener('keydown', Radzen.closePopupOrDialog);
+ delete Radzen.dialogService;
+ }
+ },
+ disableKeydown: function (e) {
+ e = e || window.event;
+ e.preventDefault();
+ },
+ getFocusableElements: function (element) {
+ return [...element.querySelectorAll('a, button, input, textarea, select, details, iframe, embed, object, summary dialog, audio[controls], video[controls], [contenteditable], [tabindex]')]
+ .filter(el => el && el.tabIndex > -1 && !el.hasAttribute('disabled') && el.offsetParent !== null);
+ },
+ focusTrap: function (e) {
+ e = e || window.event;
+ var isTab = false;
+ if ("key" in e) {
+ isTab = (e.key === "Tab");
+ } else {
+ isTab = (e.keyCode === 9);
+ }
+ if (isTab) {
+ var focusable = Radzen.getFocusableElements(e.currentTarget);
+ var firstFocusable = focusable[0];
+ var lastFocusable = focusable[focusable.length - 1];
+
+ if (firstFocusable && lastFocusable && e.shiftKey && document.activeElement === firstFocusable) {
+ e.preventDefault();
+ lastFocusable.focus();
+ } else if (firstFocusable && lastFocusable && !e.shiftKey && document.activeElement === lastFocusable) {
+ e.preventDefault();
+ firstFocusable.focus();
+ }
+ }
+ },
+ closePopupOrDialog: function (e) {
+ e = e || window.event;
+ var isEscape = false;
+ if ("key" in e) {
+ isEscape = (e.key === "Escape" || e.key === "Esc");
+ } else {
+ isEscape = (e.keyCode === 27);
+ }
+ if (isEscape && Radzen.dialogService) {
+ var popups = document.querySelectorAll('.rz-popup,.rz-overlaypanel');
+ for (var i = 0; i < popups.length; i++) {
+ if (popups[i].style.display != 'none') {
+ return;
+ }
+ }
+
+ var dialogs = document.querySelectorAll('.rz-dialog-content');
+ if (dialogs.length == 0) return;
+ var lastDialog = dialogs[dialogs.length - 1];
+
+ if (lastDialog && lastDialog.options && lastDialog.options.closeDialogOnEsc) {
+ Radzen.dialogService.invokeMethodAsync('DialogService.Close', null);
+
+ if (dialogs.length <= 1) {
+ document.removeEventListener('keydown', Radzen.closePopupOrDialog);
+ delete Radzen.dialogService;
+ var layout = document.querySelector('.rz-layout');
+ if (layout) {
+ layout.removeEventListener('keydown', Radzen.disableKeydown);
+ }
+ }
+ }
+ }
+ },
+ getNumericValue: function (arg) {
+ var el =
+ arg instanceof Element || arg instanceof HTMLDocument
+ ? arg
+ : document.getElementById(arg);
+ return el ? Radzen.getInputValue(el.children[0]) : null;
+ },
+ getInputValue: function (arg) {
+ var input =
+ arg instanceof Element || arg instanceof HTMLDocument
+ ? arg
+ : document.getElementById(arg);
+ return input && input.value != '' ? input.value : null;
+ },
+ setInputValue: function (arg, value) {
+ var input =
+ arg instanceof Element || arg instanceof HTMLDocument
+ ? arg
+ : document.getElementById(arg);
+ if (input) {
+ input.value = value;
+ }
+ },
+ blur: function (el, e) {
+ if (el) {
+ e.preventDefault();
+ el.dispatchEvent(new KeyboardEvent('keydown', { bubbles: true, cancelable: true, keyCode: 9 }));
+ }
+ },
+ readFileAsBase64: function (fileInput, maxFileSize, maxWidth, maxHeight) {
+ var calculateWidthAndHeight = function (img) {
+ var width = img.width;
+ var height = img.height;
+ // Change the resizing logic
+ if (width > height) {
+ if (width > maxWidth) {
+ height = height * (maxWidth / width);
+ width = maxWidth;
+ }
+ } else {
+ if (height > maxHeight) {
+ width = width * (maxHeight / height);
+ height = maxHeight;
+ }
+ }
+ return { width, height };
+ };
+ var readAsDataURL = function (fileInput) {
+ return new Promise(function (resolve, reject) {
+ var reader = new FileReader();
+ reader.onerror = function () {
+ reader.abort();
+ reject('Error reading file.');
+ };
+ reader.addEventListener(
+ 'load',
+ function () {
+ if (fileInput.files[0] && fileInput.files[0].type.includes('image') && maxWidth > 0 && maxHeight > 0) {
+ var img = document.createElement("img");
+ img.onload = function (event) {
+ // Dynamically create a canvas element
+ var canvas = document.createElement("canvas");
+ var res = calculateWidthAndHeight(img);
+ canvas.width = res.width;
+ canvas.height = res.height;
+ var ctx = canvas.getContext("2d");
+ ctx.drawImage(img, 0, 0, res.width, res.height);
+ resolve(canvas.toDataURL(fileInput.type));
+ }
+ img.src = reader.result;
+ } else {
+ resolve(reader.result);
+ }
+ },
+ false
+ );
+ var file = fileInput.files[0];
+ if (!file) return;
+ if (file.size <= maxFileSize) {
+ reader.readAsDataURL(file);
+ } else {
+ reject('File too large.');
+ }
+ });
+ };
+
+ return readAsDataURL(fileInput);
+ },
+ toggleMenuItem: function (target, event, defaultActive, clickToOpen) {
+ var item = target.closest('.rz-navigation-item');
+
+ var active = defaultActive != undefined ? defaultActive : !item.classList.contains('rz-navigation-item-active');
+
+ function toggle(active) {
+ item.classList.toggle('rz-navigation-item-active', active);
+
+ target.classList.toggle('rz-navigation-item-wrapper-active', active);
+
+ var children = item.querySelector('.rz-navigation-menu');
+
+ if (children) {
+ if (active) {
+ children.onanimationend = null;
+ children.style.display = '';
+ children.classList.add('rz-open');
+ children.classList.remove('rz-close');
+ } else {
+ children.onanimationend = function () {
+ children.style.display = 'none';
+ children.onanimationend = null;
+ }
+ children.classList.remove('rz-open');
+ children.classList.add('rz-close');
+ }
+ }
+
+ var icon = item.querySelector('.rz-navigation-item-icon-children');
+
+ if (icon) {
+ icon.classList.toggle('rz-state-expanded', active);
+ icon.classList.toggle('rz-state-collapsed', !active);
+ }
+ }
+
+ if (clickToOpen === false && item.parentElement && item.parentElement.closest('.rz-navigation-item') && !defaultActive) {
+ return;
+ };
+
+ toggle(active);
+
+ document.removeEventListener('click', target.clickHandler);
+
+ target.clickHandler = function (event) {
+ if (item.contains(event.target)) {
+ var child = event.target.closest('.rz-navigation-item');
+ if (child && child.querySelector('.rz-navigation-menu')) {
+ return;
+ }
+ }
+ toggle(false);
+ }
+
+ document.addEventListener('click', target.clickHandler);
+ },
+ destroyChart: function (ref) {
+ if(!ref) return;
+ ref.removeEventListener('mouseleave', ref.mouseLeaveHandler);
+ delete ref.mouseLeaveHandler;
+ ref.removeEventListener('mouseenter', ref.mouseEnterHandler);
+ delete ref.mouseEnterHandler;
+ ref.removeEventListener('mousemove', ref.mouseMoveHandler);
+ delete ref.mouseMoveHandler;
+ ref.removeEventListener('click', ref.clickHandler);
+ delete ref.clickHandler;
+ this.destroyResizable(ref);
+ },
+ destroyGauge: function (ref) {
+ this.destroyResizable(ref);
+ },
+ destroyResizable: function (ref) {
+ if (ref.resizeObserver) {
+ ref.resizeObserver.disconnect();
+ delete ref.resizeObserver;
+ }
+ if (ref.resizeHandler) {
+ window.removeEventListener('resize', ref.resizeHandler);
+ delete ref.resizeHandler;
+ }
+ },
+ createResizable: function (ref, instance) {
+ ref.resizeHandler = function () {
+ var rect = ref.getBoundingClientRect();
+
+ instance.invokeMethodAsync('Resize', rect.width, rect.height);
+ };
+
+ if (window.ResizeObserver) {
+ ref.resizeObserver = new ResizeObserver(ref.resizeHandler);
+ ref.resizeObserver.observe(ref);
+ } else {
+ window.addEventListener('resize', ref.resizeHandler);
+ }
+
+ var rect = ref.getBoundingClientRect();
+
+ return {width: rect.width, height: rect.height};
+ },
+ createChart: function (ref, instance) {
+ var inside = false;
+ ref.mouseMoveHandler = this.throttle(function (e) {
+ if (inside) {
+ var rect = ref.getBoundingClientRect();
+ var x = e.clientX - rect.left;
+ var y = e.clientY - rect.top;
+ instance.invokeMethodAsync('MouseMove', x, y);
+ }
+ }, 100);
+ ref.mouseEnterHandler = function () {
+ inside = true;
+ };
+ ref.mouseLeaveHandler = function (e) {
+ if (e.relatedTarget && (e.relatedTarget.matches('.rz-chart-tooltip') || e.relatedTarget.closest('.rz-chart-tooltip'))) {
+ return;
+ }
+ inside = false;
+ instance.invokeMethodAsync('MouseMove', -1, -1);
+ };
+ ref.clickHandler = function (e) {
+ var rect = ref.getBoundingClientRect();
+ var x = e.clientX - rect.left;
+ var y = e.clientY - rect.top;
+ if (!e.target.closest('.rz-marker')) {
+ instance.invokeMethodAsync('Click', x, y);
+ }
+ };
+
+ ref.addEventListener('mouseenter', ref.mouseEnterHandler);
+ ref.addEventListener('mouseleave', ref.mouseLeaveHandler);
+ ref.addEventListener('mousemove', ref.mouseMoveHandler);
+ ref.addEventListener('click', ref.clickHandler);
+
+ return this.createResizable(ref, instance);
+ },
+ createGauge: function (ref, instance) {
+ return this.createResizable(ref, instance);
+ },
+ destroyScheduler: function (ref) {
+ if (ref && ref.resizeHandler) {
+ window.removeEventListener('resize', ref.resizeHandler);
+ delete ref.resizeHandler;
+ }
+ },
+ createScheduler: function (ref, instance) {
+ ref.resizeHandler = function () {
+ var rect = ref.getBoundingClientRect();
+
+ instance.invokeMethodAsync('Resize', rect.width, rect.height);
+ };
+
+ window.addEventListener('resize', ref.resizeHandler);
+
+ var rect = ref.getBoundingClientRect();
+ return {width: rect.width, height: rect.height};
+ },
+ innerHTML: function (ref, value) {
+ if (value != undefined) {
+ if (ref != null) {
+ ref.innerHTML = value;
+ }
+ } else {
+ return ref.innerHTML;
+ }
+ },
+ execCommand: function (ref, name, value) {
+ if (document.activeElement != ref && ref) {
+ ref.focus();
+ }
+ document.execCommand(name, false, value);
+ return this.queryCommands(ref);
+ },
+ queryCommands: function (ref) {
+ return {
+ html: ref != null ? ref.innerHTML : null,
+ fontName: document.queryCommandValue('fontName'),
+ fontSize: document.queryCommandValue('fontSize'),
+ formatBlock: document.queryCommandValue('formatBlock'),
+ bold: document.queryCommandState('bold'),
+ underline: document.queryCommandState('underline'),
+ justifyRight: document.queryCommandState('justifyRight'),
+ justifyLeft: document.queryCommandState('justifyLeft'),
+ justifyCenter: document.queryCommandState('justifyCenter'),
+ justifyFull: document.queryCommandState('justifyFull'),
+ italic: document.queryCommandState('italic'),
+ strikeThrough: document.queryCommandState('strikeThrough'),
+ superscript: document.queryCommandState('superscript'),
+ subscript: document.queryCommandState('subscript'),
+ unlink: document.queryCommandEnabled('unlink'),
+ undo: document.queryCommandEnabled('undo'),
+ redo: document.queryCommandEnabled('redo')
+ };
+ },
+ mediaQueries: {},
+ mediaQuery: function(query, instance) {
+ if (instance) {
+ function callback(event) {
+ instance.invokeMethodAsync('OnChange', event.matches)
+ };
+ var query = matchMedia(query);
+ this.mediaQueries[instance._id] = function() {
+ query.removeListener(callback);
+ }
+ query.addListener(callback);
+ return query.matches;
+ } else {
+ instance = query;
+ if (this.mediaQueries[instance._id]) {
+ this.mediaQueries[instance._id]();
+ delete this.mediaQueries[instance._id];
+ }
+ }
+ },
+ createEditor: function (ref, uploadUrl, paste, instance, shortcuts) {
+ ref.inputListener = function () {
+ instance.invokeMethodAsync('OnChange', ref.innerHTML);
+ };
+ ref.keydownListener = function (e) {
+ var key = '';
+ if (e.ctrlKey || e.metaKey) {
+ key += 'Ctrl+';
+ }
+ if (e.altKey) {
+ key += 'Alt+';
+ }
+ if (e.shiftKey) {
+ key += 'Shift+';
+ }
+ key += e.code.replace('Key', '').replace('Digit', '').replace('Numpad', '');
+
+ if (shortcuts.includes(key)) {
+ e.preventDefault();
+ instance.invokeMethodAsync('ExecuteShortcutAsync', key);
+ }
+ };
+
+ ref.clickListener = function (e) {
+ if (e.target) {
+ if (e.target.matches('a,button')) {
+ e.preventDefault();
+ }
+
+ for (var img of ref.querySelectorAll('img.rz-state-selected')) {
+ img.classList.remove('rz-state-selected');
+ }
+
+ if (e.target.matches('img')) {
+ e.target.classList.add('rz-state-selected');
+ var range = document.createRange();
+ range.selectNode(e.target);
+ getSelection().removeAllRanges();
+ getSelection().addRange(range);
+ }
+ }
+ }
+
+ ref.selectionChangeListener = function () {
+ if (document.activeElement == ref) {
+ instance.invokeMethodAsync('OnSelectionChange');
+ }
+ };
+ ref.pasteListener = function (e) {
+ var item = e.clipboardData.items[0];
+
+ if (item.kind == 'file') {
+ e.preventDefault();
+ var file = item.getAsFile();
+
+ if (uploadUrl) {
+ var xhr = new XMLHttpRequest();
+ var data = new FormData();
+ data.append("file", file);
+ xhr.onreadystatechange = function (e) {
+ if (xhr.readyState === XMLHttpRequest.DONE) {
+ var status = xhr.status;
+ if (status === 0 || (status >= 200 && status < 400)) {
+ var result = JSON.parse(xhr.responseText);
+ var html = '
';
+ if (paste) {
+ instance.invokeMethodAsync('OnPaste', html)
+ .then(function (html) {
+ document.execCommand("insertHTML", false, html);
+ });
+ } else {
+ document.execCommand("insertHTML", false, '');
+ }
+ instance.invokeMethodAsync('OnUploadComplete', xhr.responseText);
+ } else {
+ instance.invokeMethodAsync('OnError', xhr.responseText);
+ }
+ }
+ }
+ instance.invokeMethodAsync('GetHeaders').then(function (headers) {
+ xhr.open('POST', uploadUrl, true);
+ for (var name in headers) {
+ xhr.setRequestHeader(name, headers[name]);
+ }
+ xhr.send(data);
+ });
+ } else {
+ var reader = new FileReader();
+ reader.onload = function (e) {
+ var html = '
';
+
+ if (paste) {
+ instance.invokeMethodAsync('OnPaste', html)
+ .then(function (html) {
+ document.execCommand("insertHTML", false, html);
+ });
+ } else {
+ document.execCommand("insertHTML", false, html);
+ }
+ };
+ reader.readAsDataURL(file);
+ }
+ } else if (paste) {
+ e.preventDefault();
+ var data = e.clipboardData.getData('text/html') || e.clipboardData.getData('text/plain');
+
+ instance.invokeMethodAsync('OnPaste', data)
+ .then(function (html) {
+ document.execCommand("insertHTML", false, html);
+ });
+ }
+ };
+ ref.addEventListener('input', ref.inputListener);
+ ref.addEventListener('paste', ref.pasteListener);
+ ref.addEventListener('keydown', ref.keydownListener);
+ ref.addEventListener('click', ref.clickListener);
+ document.addEventListener('selectionchange', ref.selectionChangeListener);
+ document.execCommand('styleWithCSS', false, true);
+ },
+ saveSelection: function (ref) {
+ if (document.activeElement == ref) {
+ var selection = getSelection();
+ if (selection.rangeCount > 0) {
+ ref.range = selection.getRangeAt(0);
+ }
+ }
+ },
+ restoreSelection: function (ref) {
+ var range = ref.range;
+ if (range) {
+ delete ref.range;
+ if(ref) {
+ ref.focus();
+ }
+ var selection = getSelection();
+ selection.removeAllRanges();
+ selection.addRange(range);
+ }
+ },
+ selectionAttributes: function (selector, attributes, container) {
+ var selection = getSelection();
+ var range = selection.rangeCount > 0 && selection.getRangeAt(0);
+ var parent = range && range.commonAncestorContainer;
+ var img = container.querySelector('img.rz-state-selected');
+ var inside = img && selector == 'img';
+ while (parent) {
+ if (parent == container) {
+ inside = true;
+ break;
+ }
+ parent = parent.parentNode;
+ }
+ if (!inside) {
+ return {};
+ }
+ var target = selection.focusNode;
+ var innerHTML;
+
+ if (img && selector == 'img') {
+ target = img;
+ } else if (target) {
+ if (target.nodeType == 3) {
+ target = target.parentElement;
+ } else {
+ target = target.childNodes[selection.focusOffset];
+ if (target) {
+ innerHTML = target.outerHTML;
+ }
+ }
+ if (target && target.matches && !target.matches(selector)) {
+ target = target.closest(selector);
+ }
+ }
+
+ return attributes.reduce(function (result, name) {
+ if (target) {
+ result[name] = name == 'innerText' ? target[name] : target.getAttribute(name);
+ }
+ return result;
+ }, { innerText: selection.toString(), innerHTML: innerHTML });
+ },
+ destroyEditor: function (ref) {
+ if (ref) {
+ ref.removeEventListener('input', ref.inputListener);
+ ref.removeEventListener('paste', ref.pasteListener);
+ ref.removeEventListener('keydown', ref.keydownListener);
+ ref.removeEventListener('click', ref.clickListener);
+ document.removeEventListener('selectionchange', ref.selectionChangeListener);
+ }
+ },
+ startDrag: function (ref, instance, handler) {
+ if (!ref) {
+ return { left: 0, top: 0, width: 0, height: 0 };
+ }
+ ref.mouseMoveHandler = function (e) {
+ instance.invokeMethodAsync(handler, { clientX: e.clientX, clientY: e.clientY });
+ };
+ ref.touchMoveHandler = function (e) {
+ if (e.targetTouches[0] && ref.contains(e.targetTouches[0].target)) {
+ instance.invokeMethodAsync(handler, { clientX: e.targetTouches[0].clientX, clientY: e.targetTouches[0].clientY });
+ }
+ };
+ ref.mouseUpHandler = function (e) {
+ Radzen.endDrag(ref);
+ };
+ document.addEventListener('mousemove', ref.mouseMoveHandler);
+ document.addEventListener('mouseup', ref.mouseUpHandler);
+ document.addEventListener('touchmove', ref.touchMoveHandler, { passive: true, capture: true })
+ document.addEventListener('touchend', ref.mouseUpHandler, { passive: true });
+ return Radzen.clientRect(ref);
+ },
+ submit: function (form) {
+ form.submit();
+ },
+ clientRect: function (arg) {
+ var el = arg instanceof Element || arg instanceof HTMLDocument
+ ? arg
+ : document.getElementById(arg);
+ var rect = el.getBoundingClientRect();
+ return { left: rect.left, top: rect.top, width: rect.width, height: rect.height };
+ },
+ endDrag: function (ref) {
+ document.removeEventListener('mousemove', ref.mouseMoveHandler);
+ document.removeEventListener('mouseup', ref.mouseUpHandler);
+ document.removeEventListener('touchmove', ref.touchMoveHandler)
+ document.removeEventListener('touchend', ref.mouseUpHandler);
+ },
+ startColumnReorder: function(id) {
+ var el = document.getElementById(id + '-drag');
+ var cell = el.parentNode.parentNode;
+ var visual = document.createElement("th");
+ visual.className = cell.className + ' rz-column-draggable';
+ visual.style = cell.style;
+ visual.style.display = 'none';
+ visual.style.position = 'absolute';
+ visual.style.height = cell.offsetHeight + 'px';
+ visual.style.width = cell.offsetWidth + 'px';
+ visual.style.zIndex = 2000;
+ visual.innerHTML = cell.firstChild.outerHTML;
+ visual.id = id + 'visual';
+ document.body.appendChild(visual);
+
+ var resizers = cell.parentNode.querySelectorAll('.rz-column-resizer');
+ for (let i = 0; i < resizers.length; i++) {
+ resizers[i].style.display = 'none';
+ }
+
+ Radzen[id + 'end'] = function (e) {
+ var el = document.getElementById(id + 'visual');
+ if (el) {
+ document.body.removeChild(el);
+ Radzen[id + 'end'] = null;
+ Radzen[id + 'move'] = null;
+ var resizers = cell.parentNode.querySelectorAll('.rz-column-resizer');
+ for (let i = 0; i < resizers.length; i++) {
+ resizers[i].style.display = 'block';
+ }
+ }
+ }
+ document.removeEventListener('click', Radzen[id + 'end']);
+ document.addEventListener('click', Radzen[id + 'end']);
+
+ Radzen[id + 'move'] = function (e) {
+ var el = document.getElementById(id + 'visual');
+ if (el) {
+ el.style.display = 'block';
+
+ if (/Edge/.test(navigator.userAgent)) {
+ var scrollLeft = document.body.scrollLeft;
+ var scrollTop = document.body.scrollTop;
+ } else {
+ var scrollLeft = document.documentElement.scrollLeft;
+ var scrollTop = document.documentElement.scrollTop;
+ }
+
+ el.style.top = e.clientY + scrollTop + 10 + 'px';
+ el.style.left = e.clientX + scrollLeft + 10 + 'px';
+ }
+ }
+ document.removeEventListener('mousemove', Radzen[id + 'move']);
+ document.addEventListener('mousemove', Radzen[id + 'move']);
+ },
+ stopColumnResize: function (id, grid, columnIndex) {
+ var el = document.getElementById(id + '-resizer');
+ if(!el) return;
+ var cell = el.parentNode.parentNode;
+ if (!cell) return;
+ if (Radzen[el]) {
+ grid.invokeMethodAsync(
+ 'RadzenGrid.OnColumnResized',
+ columnIndex,
+ cell.getBoundingClientRect().width
+ );
+ el.style.width = null;
+ document.removeEventListener('mousemove', Radzen[el].mouseMoveHandler);
+ document.removeEventListener('mouseup', Radzen[el].mouseUpHandler);
+ document.removeEventListener('touchmove', Radzen[el].touchMoveHandler)
+ document.removeEventListener('touchend', Radzen[el].mouseUpHandler);
+ Radzen[el] = null;
+ }
+ },
+ startColumnResize: function(id, grid, columnIndex, clientX) {
+ var el = document.getElementById(id + '-resizer');
+ var cell = el.parentNode.parentNode;
+ var col = document.getElementById(id + '-col');
+ var dataCol = document.getElementById(id + '-data-col');
+ var footerCol = document.getElementById(id + '-footer-col');
+ Radzen[el] = {
+ clientX: clientX,
+ width: cell.getBoundingClientRect().width,
+ mouseUpHandler: function (e) {
+ if (Radzen[el]) {
+ grid.invokeMethodAsync(
+ 'RadzenGrid.OnColumnResized',
+ columnIndex,
+ cell.getBoundingClientRect().width
+ );
+ el.style.width = null;
+ document.removeEventListener('mousemove', Radzen[el].mouseMoveHandler);
+ document.removeEventListener('mouseup', Radzen[el].mouseUpHandler);
+ document.removeEventListener('touchmove', Radzen[el].touchMoveHandler)
+ document.removeEventListener('touchend', Radzen[el].mouseUpHandler);
+ Radzen[el] = null;
+ }
+ },
+ mouseMoveHandler: function (e) {
+ if (Radzen[el]) {
+ var widthFloat = (Radzen[el].width - (Radzen.isRTL(cell) ? -1 : 1) * (Radzen[el].clientX - e.clientX));
+ var minWidth = parseFloat(cell.style.minWidth || 0)
+ var maxWidth = parseFloat(cell.style.maxWidth || 0)
+
+ if (widthFloat < minWidth) {
+ widthFloat = minWidth;
+ }
+
+ if (cell.style.maxWidth && widthFloat > maxWidth) {
+ widthFloat = maxWidth;
+ }
+
+ var width = widthFloat + 'px';
+
+ if (cell) {
+ cell.style.width = width;
+ }
+ if (col) {
+ col.style.width = width;
+ }
+ if (dataCol) {
+ dataCol.style.width = width;
+ }
+ if (footerCol) {
+ footerCol.style.width = width;
+ }
+ }
+ },
+ touchMoveHandler: function (e) {
+ if (e.targetTouches[0]) {
+ Radzen[el].mouseMoveHandler(e.targetTouches[0]);
+ }
+ }
+ };
+ el.style.width = "100%";
+ document.addEventListener('mousemove', Radzen[el].mouseMoveHandler);
+ document.addEventListener('mouseup', Radzen[el].mouseUpHandler);
+ document.addEventListener('touchmove', Radzen[el].touchMoveHandler, { passive: true })
+ document.addEventListener('touchend', Radzen[el].mouseUpHandler, { passive: true });
+ },
+ startSplitterResize: function(id,
+ splitter,
+ paneId,
+ paneNextId,
+ orientation,
+ clientPos,
+ minValue,
+ maxValue,
+ minNextValue,
+ maxNextValue) {
+
+ var el = document.getElementById(id);
+ var pane = document.getElementById(paneId);
+ var paneNext = document.getElementById(paneNextId);
+ var paneLength;
+ var paneNextLength;
+ var panePerc;
+ var paneNextPerc;
+ var isHOrientation=orientation == 'Horizontal';
+
+ var totalLength = 0.0;
+ Array.from(el.children).forEach(element => {
+ totalLength += isHOrientation
+ ? element.getBoundingClientRect().width
+ : element.getBoundingClientRect().height;
+ });
+
+ if (pane) {
+ paneLength = isHOrientation
+ ? pane.getBoundingClientRect().width
+ : pane.getBoundingClientRect().height;
+
+ panePerc = (paneLength / totalLength * 100) + '%';
+ }
+
+ if (paneNext) {
+ paneNextLength = isHOrientation
+ ? paneNext.getBoundingClientRect().width
+ : paneNext.getBoundingClientRect().height;
+
+ paneNextPerc = (paneNextLength / totalLength * 100) + '%';
+ }
+
+ function ensurevalue(value) {
+ if (!value)
+ return null;
+
+ value=value.trim().toLowerCase();
+
+ if (value.endsWith("%"))
+ return totalLength*parseFloat(value)/100;
+
+ if (value.endsWith("px"))
+ return parseFloat(value);
+
+ throw 'Invalid value';
+ }
+
+ minValue=ensurevalue(minValue);
+ maxValue=ensurevalue(maxValue);
+ minNextValue=ensurevalue(minNextValue);
+ maxNextValue=ensurevalue(maxNextValue);
+
+ Radzen[el] = {
+ clientPos: clientPos,
+ panePerc: parseFloat(panePerc),
+ paneNextPerc: isFinite(parseFloat(paneNextPerc)) ? parseFloat(paneNextPerc) : 0,
+ paneLength: paneLength,
+ paneNextLength: isFinite(paneNextLength) ? paneNextLength : 0,
+ mouseUpHandler: function(e) {
+ if (Radzen[el]) {
+ splitter.invokeMethodAsync(
+ 'RadzenSplitter.OnPaneResized',
+ parseInt(pane.getAttribute('data-index')),
+ parseFloat(pane.style.flexBasis),
+ paneNext ? parseInt(paneNext.getAttribute('data-index')) : null,
+ paneNext ? parseFloat(paneNext.style.flexBasis) : null
+ );
+
+ document.removeEventListener('pointerup', Radzen[el].mouseUpHandler);
+ document.removeEventListener('pointermove', Radzen[el].mouseMoveHandler);
+ el.removeEventListener('touchmove', preventDefaultAndStopPropagation);
+ Radzen[el] = null;
+ }
+ },
+ mouseMoveHandler: function(e) {
+ if (Radzen[el]) {
+
+ splitter.invokeMethodAsync(
+ 'RadzenSplitter.OnPaneResizing'
+ );
+
+ var spacePerc = Radzen[el].panePerc + Radzen[el].paneNextPerc;
+ var spaceLength = Radzen[el].paneLength + Radzen[el].paneNextLength;
+
+ var length = (Radzen[el].paneLength -
+ (isHOrientation && Radzen.isRTL(e.target) ? -1 : 1) * (Radzen[el].clientPos - (isHOrientation ? e.clientX : e.clientY)));
+
+ if (length > spaceLength)
+ length = spaceLength;
+
+ if (minValue && length < minValue) length = minValue;
+ if (maxValue && length > maxValue) length = maxValue;
+
+ if (paneNext) {
+ var nextSpace=spaceLength-length;
+ if (minNextValue && nextSpace < minNextValue) length = spaceLength-minNextValue;
+ if (maxNextValue && nextSpace > maxNextValue) length = spaceLength+maxNextValue;
+ }
+
+ var perc = length / Radzen[el].paneLength;
+ if (!isFinite(perc)) {
+ perc = 1;
+ Radzen[el].panePerc = 0.1;
+ Radzen[el].paneLength =isHOrientation
+ ? pane.getBoundingClientRect().width
+ : pane.getBoundingClientRect().height;
+ }
+
+ var newPerc = Radzen[el].panePerc * perc;
+ if (newPerc < 0) newPerc = 0;
+ if (newPerc > 100) newPerc = 100;
+
+ pane.style.flexBasis = newPerc + '%';
+ if (paneNext)
+ paneNext.style.flexBasis = (spacePerc - newPerc) + '%';
+ }
+ },
+ touchMoveHandler: function(e) {
+ if (e.targetTouches[0]) {
+ Radzen[el].mouseMoveHandler(e.targetTouches[0]);
+ }
+ }
+ };
+
+ const preventDefaultAndStopPropagation = (ev) => {
+ ev.preventDefault();
+ ev.stopPropagation();
+ };
+ document.addEventListener('pointerup', Radzen[el].mouseUpHandler);
+ document.addEventListener('pointermove', Radzen[el].mouseMoveHandler);
+ el.addEventListener('touchmove', preventDefaultAndStopPropagation, { passive: false });
+ },
+ resizeSplitter(id, e) {
+ var el = document.getElementById(id);
+ if (el && Radzen[el]) {
+ Radzen[el].mouseMoveHandler(e);
+ Radzen[el].mouseUpHandler(e);
+ }
+ },
+ openWaiting: function() {
+ if (document.documentElement.scrollHeight > document.documentElement.clientHeight) {
+ document.body.classList.add('no-scroll');
+ }
+ if (Radzen.WaitingIntervalId != null) {
+ clearInterval(Radzen.WaitingIntervalId);
+ }
+
+ setTimeout(function() {
+ var timerObj = document.getElementsByClassName('rz-waiting-timer');
+ if (timerObj.length == 0) return;
+ var timerStart = new Date().getTime();
+ Radzen.WaitingIntervalId = setInterval(function() {
+ if (timerObj == null || timerObj[0] == null) {
+ clearInterval(Radzen.WaitingIntervalId);
+ } else {
+ var time = new Date(new Date().getTime() - timerStart);
+ timerObj[0].innerHTML = Math.floor(time / 1000) + "." + Math.floor((time % 1000) / 100);
+ }
+ },
+ 100);
+ },
+ 100);
+ },
+ closeWaiting: function() {
+ document.body.classList.remove('no-scroll');
+ if (Radzen.WaitingIntervalId != null) {
+ clearInterval(Radzen.WaitingIntervalId);
+ Radzen.WaitingIntervalId = null;
+ }
+ },
+ toggleDictation: function (componentRef, language) {
+ function start() {
+ const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+
+ if (!SpeechRecognition) {
+ return;
+ }
+
+ radzenRecognition = new SpeechRecognition();
+ radzenRecognition.componentRef = componentRef;
+ radzenRecognition.continuous = true;
+
+ if (language) {
+ radzenRecognition.lang = language;
+ }
+
+ radzenRecognition.onresult = function (event) {
+ if (event.results.length < 1) {
+ return;
+ }
+
+ let current = event.results[event.results.length - 1][0]
+ let result = current.transcript;
+
+ componentRef.invokeMethodAsync("OnResult", result);
+ };
+ radzenRecognition.onend = function (event) {
+ componentRef.invokeMethodAsync("StopRecording");
+ radzenRecognition = null;
+ };
+ radzenRecognition.start();
+ }
+
+ if (radzenRecognition) {
+ if (radzenRecognition.componentRef._id != componentRef._id) {
+ radzenRecognition.addEventListener('end', start);
+ }
+ radzenRecognition.stop();
+ } else {
+ start();
+ }
+ },
+ openChartTooltip: function (chart, x, y, id, instance, callback) {
+ Radzen.closeTooltip(id);
+
+ var chartRect = chart.getBoundingClientRect();
+ x = Math.max(2, chartRect.left + x);
+ y = Math.max(2, chartRect.top + y);
+ Radzen.openPopup(chart, id, false, null, x, y, instance, callback, true, false, false);
+
+ var popup = document.getElementById(id);
+ if (!popup) {
+ return;
+ }
+ var tooltipContent = popup.children[0];
+ var tooltipContentRect = tooltipContent.getBoundingClientRect();
+ var tooltipContentClassName = 'rz-top-chart-tooltip';
+ if (y - tooltipContentRect.height < 0) {
+ tooltipContentClassName = 'rz-bottom-chart-tooltip';
+ }
+ tooltipContent.classList.remove('rz-top-chart-tooltip');
+ tooltipContent.classList.remove('rz-bottom-chart-tooltip');
+ tooltipContent.classList.add(tooltipContentClassName);
+ },
+ navigateTo: function (selector, scroll) {
+ if (selector.startsWith('#')) {
+ history.replaceState(null, '', location.pathname + location.search + selector);
+ }
+
+ if (scroll) {
+ const target = document.querySelector(selector);
+ if (target) {
+ target.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'start' });
+ }
+ }
+ },
+ registerScrollListener: function (element, ref, selectors, selector) {
+ let currentSelector;
+ const container = selector ? document.querySelector(selector) : document.documentElement;
+ const elements = selectors.map(document.querySelector, document);
+
+ this.unregisterScrollListener(element);
+ element.scrollHandler = () => {
+ const center = (container.tagName === 'HTML' ? 0 : container.getBoundingClientRect().top) + container.clientHeight / 2;
+
+ let min = Number.MAX_SAFE_INTEGER;
+ let match;
+
+ for (let i = 0; i < elements.length; i++) {
+ const element = elements[i];
+ if (!element) continue;
+
+ const rect = element.getBoundingClientRect();
+ const diff = Math.abs(rect.top - center);
+
+ if (!match && rect.top < center) {
+ match = selectors[i];
+ min = diff;
+ continue;
+ }
+
+ if (match && rect.top >= center) continue;
+
+ if (diff < min) {
+ match = selectors[i];
+ min = diff;
+ }
+ }
+
+ if (match !== currentSelector) {
+ currentSelector = match;
+ this.navigateTo(currentSelector, false);
+ ref.invokeMethodAsync('ScrollIntoView', currentSelector);
+ }
+ };
+
+ document.addEventListener('scroll', element.scrollHandler, true);
+ window.addEventListener('resize', element.scrollHandler, true);
+ },
+ unregisterScrollListener: function (element) {
+ document.removeEventListener('scroll', element.scrollHandler, true);
+ window.removeEventListener('resize', element.scrollHandler, true);
+ }
+};
diff --git a/LittleShop/wwwroot/lib/radzen/dark-base.css b/LittleShop/wwwroot/lib/radzen/dark-base.css
new file mode 100644
index 0000000..6d90b3a
--- /dev/null
+++ b/LittleShop/wwwroot/lib/radzen/dark-base.css
@@ -0,0 +1,24431 @@
+@charset "UTF-8";
+.rz-slot-minor {
+ border-top: 1px dotted var(--rz-scheduler-minor-border-color) !important;
+}
+
+@font-face {
+ font-family: "Material Symbols";
+ src: url("../fonts/MaterialSymbolsOutlined.woff2") format("woff2 supports variations"), url("../fonts/MaterialSymbolsOutlined.woff2") format("woff2-variations");
+ font-style: normal;
+ font-weight: 100 700;
+}
+@font-face {
+ font-family: "Source Sans Pro";
+ src: url("../fonts/SourceSans3VF-Upright.ttf.woff2") format("woff2 supports variations"), url("../fonts/SourceSans3VF-Upright.ttf.woff2") format("woff2-variations");
+ font-style: normal;
+ font-weight: 200 900;
+ font-display: swap;
+}
+@font-face {
+ font-family: "Source Sans Pro";
+ src: url("../fonts/SourceSans3VF-Italic.ttf.woff2") format("woff2 supports variations"), url("../fonts/SourceSans3VF-Italic.ttf.woff2") format("woff2-variations");
+ font-style: italic;
+ font-weight: 200 900;
+ font-display: swap;
+}
+[class^=rz-], [class^=rz-]::before, [class^=rz-]::after, [class^=rz-] *, [class^=rz-] *::before, [class^=rz-] *::after,
+[class*=" rz-"],
+[class*=" rz-"]::before,
+[class*=" rz-"]::after,
+[class*=" rz-"] *,
+[class*=" rz-"] *::before,
+[class*=" rz-"] *::after {
+ box-sizing: border-box;
+}
+
+.rz-text-title-color {
+ color: var(--rz-base-50) !important;
+}
+
+.rz-text-color {
+ color: var(--rz-base-100) !important;
+}
+
+.rz-text-secondary-color {
+ color: var(--rz-base-300) !important;
+}
+
+.rz-text-tertiary-color {
+ color: var(--rz-base-400) !important;
+}
+
+.rz-text-disabled-color {
+ color: var(--rz-base-600) !important;
+}
+
+.rz-text-contrast-color {
+ color: var(--rz-white) !important;
+}
+
+.rz-border-radius {
+ border-radius: var(--rz-border-radius) !important;
+}
+
+.rz-border-radius-0 {
+ border-radius: var(--rz-border-radius-0) !important;
+}
+
+.rz-border-radius-1 {
+ border-radius: var(--rz-border-radius-1) !important;
+}
+
+.rz-border-radius-2 {
+ border-radius: var(--rz-border-radius-2) !important;
+}
+
+.rz-border-radius-3 {
+ border-radius: var(--rz-border-radius-3) !important;
+}
+
+.rz-border-radius-4 {
+ border-radius: var(--rz-border-radius-4) !important;
+}
+
+.rz-border-radius-5 {
+ border-radius: var(--rz-border-radius-5) !important;
+}
+
+.rz-border-radius-6 {
+ border-radius: var(--rz-border-radius-6) !important;
+}
+
+.rz-border-radius-7 {
+ border-radius: var(--rz-border-radius-7) !important;
+}
+
+.rz-border-radius-8 {
+ border-radius: var(--rz-border-radius-8) !important;
+}
+
+.rz-border-radius-9 {
+ border-radius: var(--rz-border-radius-9) !important;
+}
+
+.rz-border-radius-10 {
+ border-radius: var(--rz-border-radius-10) !important;
+}
+
+.rz-shadow-0 {
+ box-shadow: var(--rz-shadow-0) !important;
+}
+
+.rz-shadow-1 {
+ box-shadow: var(--rz-shadow-1) !important;
+}
+
+.rz-shadow-2 {
+ box-shadow: var(--rz-shadow-2) !important;
+}
+
+.rz-shadow-3 {
+ box-shadow: var(--rz-shadow-3) !important;
+}
+
+.rz-shadow-4 {
+ box-shadow: var(--rz-shadow-4) !important;
+}
+
+.rz-shadow-5 {
+ box-shadow: var(--rz-shadow-5) !important;
+}
+
+.rz-shadow-6 {
+ box-shadow: var(--rz-shadow-6) !important;
+}
+
+.rz-shadow-7 {
+ box-shadow: var(--rz-shadow-7) !important;
+}
+
+.rz-shadow-8 {
+ box-shadow: var(--rz-shadow-8) !important;
+}
+
+.rz-shadow-9 {
+ box-shadow: var(--rz-shadow-9) !important;
+}
+
+.rz-shadow-10 {
+ box-shadow: var(--rz-shadow-10) !important;
+}
+
+.rz-display-none {
+ display: none !important;
+}
+
+.rz-display-block {
+ display: block !important;
+}
+
+.rz-display-inline {
+ display: inline !important;
+}
+
+.rz-display-inline-block {
+ display: inline-block !important;
+}
+
+.rz-display-flex {
+ display: flex !important;
+}
+
+.rz-display-inline-flex {
+ display: inline-flex !important;
+}
+
+.rz-display-grid {
+ display: grid !important;
+}
+
+.rz-display-inline-grid {
+ display: inline-grid !important;
+}
+
+@media (min-width: 576px) {
+ .rz-display-xs-none {
+ display: none !important;
+ }
+ .rz-display-xs-block {
+ display: block !important;
+ }
+ .rz-display-xs-inline {
+ display: inline !important;
+ }
+ .rz-display-xs-inline-block {
+ display: inline-block !important;
+ }
+ .rz-display-xs-flex {
+ display: flex !important;
+ }
+ .rz-display-xs-inline-flex {
+ display: inline-flex !important;
+ }
+ .rz-display-xs-grid {
+ display: grid !important;
+ }
+ .rz-display-xs-inline-grid {
+ display: inline-grid !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-display-sm-none {
+ display: none !important;
+ }
+ .rz-display-sm-block {
+ display: block !important;
+ }
+ .rz-display-sm-inline {
+ display: inline !important;
+ }
+ .rz-display-sm-inline-block {
+ display: inline-block !important;
+ }
+ .rz-display-sm-flex {
+ display: flex !important;
+ }
+ .rz-display-sm-inline-flex {
+ display: inline-flex !important;
+ }
+ .rz-display-sm-grid {
+ display: grid !important;
+ }
+ .rz-display-sm-inline-grid {
+ display: inline-grid !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-display-md-none {
+ display: none !important;
+ }
+ .rz-display-md-block {
+ display: block !important;
+ }
+ .rz-display-md-inline {
+ display: inline !important;
+ }
+ .rz-display-md-inline-block {
+ display: inline-block !important;
+ }
+ .rz-display-md-flex {
+ display: flex !important;
+ }
+ .rz-display-md-inline-flex {
+ display: inline-flex !important;
+ }
+ .rz-display-md-grid {
+ display: grid !important;
+ }
+ .rz-display-md-inline-grid {
+ display: inline-grid !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-display-lg-none {
+ display: none !important;
+ }
+ .rz-display-lg-block {
+ display: block !important;
+ }
+ .rz-display-lg-inline {
+ display: inline !important;
+ }
+ .rz-display-lg-inline-block {
+ display: inline-block !important;
+ }
+ .rz-display-lg-flex {
+ display: flex !important;
+ }
+ .rz-display-lg-inline-flex {
+ display: inline-flex !important;
+ }
+ .rz-display-lg-grid {
+ display: grid !important;
+ }
+ .rz-display-lg-inline-grid {
+ display: inline-grid !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-display-xl-none {
+ display: none !important;
+ }
+ .rz-display-xl-block {
+ display: block !important;
+ }
+ .rz-display-xl-inline {
+ display: inline !important;
+ }
+ .rz-display-xl-inline-block {
+ display: inline-block !important;
+ }
+ .rz-display-xl-flex {
+ display: flex !important;
+ }
+ .rz-display-xl-inline-flex {
+ display: inline-flex !important;
+ }
+ .rz-display-xl-grid {
+ display: grid !important;
+ }
+ .rz-display-xl-inline-grid {
+ display: inline-grid !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-display-xx-none {
+ display: none !important;
+ }
+ .rz-display-xx-block {
+ display: block !important;
+ }
+ .rz-display-xx-inline {
+ display: inline !important;
+ }
+ .rz-display-xx-inline-block {
+ display: inline-block !important;
+ }
+ .rz-display-xx-flex {
+ display: flex !important;
+ }
+ .rz-display-xx-inline-flex {
+ display: inline-flex !important;
+ }
+ .rz-display-xx-grid {
+ display: grid !important;
+ }
+ .rz-display-xx-inline-grid {
+ display: inline-grid !important;
+ }
+}
+.rz-justify-content-normal {
+ justify-content: normal !important;
+}
+
+.rz-justify-content-stretch {
+ justify-content: stretch !important;
+}
+
+.rz-justify-content-center {
+ justify-content: center !important;
+}
+
+.rz-justify-content-start {
+ justify-content: start !important;
+}
+
+.rz-justify-content-end {
+ justify-content: end !important;
+}
+
+.rz-justify-content-flex-start {
+ justify-content: flex-start !important;
+}
+
+.rz-justify-content-flex-end {
+ justify-content: flex-end !important;
+}
+
+.rz-justify-content-left {
+ justify-content: left !important;
+}
+
+.rz-justify-content-right {
+ justify-content: right !important;
+}
+
+.rz-justify-content-space-between {
+ justify-content: space-between !important;
+}
+
+.rz-justify-content-space-around {
+ justify-content: space-around !important;
+}
+
+.rz-justify-content-space-evenly {
+ justify-content: space-evenly !important;
+}
+
+@media (min-width: 576px) {
+ .rz-justify-content-xs-normal {
+ justify-content: normal !important;
+ }
+ .rz-justify-content-xs-stretch {
+ justify-content: stretch !important;
+ }
+ .rz-justify-content-xs-center {
+ justify-content: center !important;
+ }
+ .rz-justify-content-xs-start {
+ justify-content: start !important;
+ }
+ .rz-justify-content-xs-end {
+ justify-content: end !important;
+ }
+ .rz-justify-content-xs-flex-start {
+ justify-content: flex-start !important;
+ }
+ .rz-justify-content-xs-flex-end {
+ justify-content: flex-end !important;
+ }
+ .rz-justify-content-xs-left {
+ justify-content: left !important;
+ }
+ .rz-justify-content-xs-right {
+ justify-content: right !important;
+ }
+ .rz-justify-content-xs-space-between {
+ justify-content: space-between !important;
+ }
+ .rz-justify-content-xs-space-around {
+ justify-content: space-around !important;
+ }
+ .rz-justify-content-xs-space-evenly {
+ justify-content: space-evenly !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-justify-content-sm-normal {
+ justify-content: normal !important;
+ }
+ .rz-justify-content-sm-stretch {
+ justify-content: stretch !important;
+ }
+ .rz-justify-content-sm-center {
+ justify-content: center !important;
+ }
+ .rz-justify-content-sm-start {
+ justify-content: start !important;
+ }
+ .rz-justify-content-sm-end {
+ justify-content: end !important;
+ }
+ .rz-justify-content-sm-flex-start {
+ justify-content: flex-start !important;
+ }
+ .rz-justify-content-sm-flex-end {
+ justify-content: flex-end !important;
+ }
+ .rz-justify-content-sm-left {
+ justify-content: left !important;
+ }
+ .rz-justify-content-sm-right {
+ justify-content: right !important;
+ }
+ .rz-justify-content-sm-space-between {
+ justify-content: space-between !important;
+ }
+ .rz-justify-content-sm-space-around {
+ justify-content: space-around !important;
+ }
+ .rz-justify-content-sm-space-evenly {
+ justify-content: space-evenly !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-justify-content-md-normal {
+ justify-content: normal !important;
+ }
+ .rz-justify-content-md-stretch {
+ justify-content: stretch !important;
+ }
+ .rz-justify-content-md-center {
+ justify-content: center !important;
+ }
+ .rz-justify-content-md-start {
+ justify-content: start !important;
+ }
+ .rz-justify-content-md-end {
+ justify-content: end !important;
+ }
+ .rz-justify-content-md-flex-start {
+ justify-content: flex-start !important;
+ }
+ .rz-justify-content-md-flex-end {
+ justify-content: flex-end !important;
+ }
+ .rz-justify-content-md-left {
+ justify-content: left !important;
+ }
+ .rz-justify-content-md-right {
+ justify-content: right !important;
+ }
+ .rz-justify-content-md-space-between {
+ justify-content: space-between !important;
+ }
+ .rz-justify-content-md-space-around {
+ justify-content: space-around !important;
+ }
+ .rz-justify-content-md-space-evenly {
+ justify-content: space-evenly !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-justify-content-lg-normal {
+ justify-content: normal !important;
+ }
+ .rz-justify-content-lg-stretch {
+ justify-content: stretch !important;
+ }
+ .rz-justify-content-lg-center {
+ justify-content: center !important;
+ }
+ .rz-justify-content-lg-start {
+ justify-content: start !important;
+ }
+ .rz-justify-content-lg-end {
+ justify-content: end !important;
+ }
+ .rz-justify-content-lg-flex-start {
+ justify-content: flex-start !important;
+ }
+ .rz-justify-content-lg-flex-end {
+ justify-content: flex-end !important;
+ }
+ .rz-justify-content-lg-left {
+ justify-content: left !important;
+ }
+ .rz-justify-content-lg-right {
+ justify-content: right !important;
+ }
+ .rz-justify-content-lg-space-between {
+ justify-content: space-between !important;
+ }
+ .rz-justify-content-lg-space-around {
+ justify-content: space-around !important;
+ }
+ .rz-justify-content-lg-space-evenly {
+ justify-content: space-evenly !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-justify-content-xl-normal {
+ justify-content: normal !important;
+ }
+ .rz-justify-content-xl-stretch {
+ justify-content: stretch !important;
+ }
+ .rz-justify-content-xl-center {
+ justify-content: center !important;
+ }
+ .rz-justify-content-xl-start {
+ justify-content: start !important;
+ }
+ .rz-justify-content-xl-end {
+ justify-content: end !important;
+ }
+ .rz-justify-content-xl-flex-start {
+ justify-content: flex-start !important;
+ }
+ .rz-justify-content-xl-flex-end {
+ justify-content: flex-end !important;
+ }
+ .rz-justify-content-xl-left {
+ justify-content: left !important;
+ }
+ .rz-justify-content-xl-right {
+ justify-content: right !important;
+ }
+ .rz-justify-content-xl-space-between {
+ justify-content: space-between !important;
+ }
+ .rz-justify-content-xl-space-around {
+ justify-content: space-around !important;
+ }
+ .rz-justify-content-xl-space-evenly {
+ justify-content: space-evenly !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-justify-content-xx-normal {
+ justify-content: normal !important;
+ }
+ .rz-justify-content-xx-stretch {
+ justify-content: stretch !important;
+ }
+ .rz-justify-content-xx-center {
+ justify-content: center !important;
+ }
+ .rz-justify-content-xx-start {
+ justify-content: start !important;
+ }
+ .rz-justify-content-xx-end {
+ justify-content: end !important;
+ }
+ .rz-justify-content-xx-flex-start {
+ justify-content: flex-start !important;
+ }
+ .rz-justify-content-xx-flex-end {
+ justify-content: flex-end !important;
+ }
+ .rz-justify-content-xx-left {
+ justify-content: left !important;
+ }
+ .rz-justify-content-xx-right {
+ justify-content: right !important;
+ }
+ .rz-justify-content-xx-space-between {
+ justify-content: space-between !important;
+ }
+ .rz-justify-content-xx-space-around {
+ justify-content: space-around !important;
+ }
+ .rz-justify-content-xx-space-evenly {
+ justify-content: space-evenly !important;
+ }
+}
+.rz-align-items-normal {
+ align-items: normal !important;
+}
+
+.rz-align-items-stretch {
+ align-items: stretch !important;
+}
+
+.rz-align-items-center {
+ align-items: center !important;
+}
+
+.rz-align-items-start {
+ align-items: start !important;
+}
+
+.rz-align-items-end {
+ align-items: end !important;
+}
+
+.rz-align-items-flex-start {
+ align-items: flex-start !important;
+}
+
+.rz-align-items-flex-end {
+ align-items: flex-end !important;
+}
+
+@media (min-width: 576px) {
+ .rz-align-items-xs-normal {
+ align-items: normal !important;
+ }
+ .rz-align-items-xs-stretch {
+ align-items: stretch !important;
+ }
+ .rz-align-items-xs-center {
+ align-items: center !important;
+ }
+ .rz-align-items-xs-start {
+ align-items: start !important;
+ }
+ .rz-align-items-xs-end {
+ align-items: end !important;
+ }
+ .rz-align-items-xs-flex-start {
+ align-items: flex-start !important;
+ }
+ .rz-align-items-xs-flex-end {
+ align-items: flex-end !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-align-items-sm-normal {
+ align-items: normal !important;
+ }
+ .rz-align-items-sm-stretch {
+ align-items: stretch !important;
+ }
+ .rz-align-items-sm-center {
+ align-items: center !important;
+ }
+ .rz-align-items-sm-start {
+ align-items: start !important;
+ }
+ .rz-align-items-sm-end {
+ align-items: end !important;
+ }
+ .rz-align-items-sm-flex-start {
+ align-items: flex-start !important;
+ }
+ .rz-align-items-sm-flex-end {
+ align-items: flex-end !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-align-items-md-normal {
+ align-items: normal !important;
+ }
+ .rz-align-items-md-stretch {
+ align-items: stretch !important;
+ }
+ .rz-align-items-md-center {
+ align-items: center !important;
+ }
+ .rz-align-items-md-start {
+ align-items: start !important;
+ }
+ .rz-align-items-md-end {
+ align-items: end !important;
+ }
+ .rz-align-items-md-flex-start {
+ align-items: flex-start !important;
+ }
+ .rz-align-items-md-flex-end {
+ align-items: flex-end !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-align-items-lg-normal {
+ align-items: normal !important;
+ }
+ .rz-align-items-lg-stretch {
+ align-items: stretch !important;
+ }
+ .rz-align-items-lg-center {
+ align-items: center !important;
+ }
+ .rz-align-items-lg-start {
+ align-items: start !important;
+ }
+ .rz-align-items-lg-end {
+ align-items: end !important;
+ }
+ .rz-align-items-lg-flex-start {
+ align-items: flex-start !important;
+ }
+ .rz-align-items-lg-flex-end {
+ align-items: flex-end !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-align-items-xl-normal {
+ align-items: normal !important;
+ }
+ .rz-align-items-xl-stretch {
+ align-items: stretch !important;
+ }
+ .rz-align-items-xl-center {
+ align-items: center !important;
+ }
+ .rz-align-items-xl-start {
+ align-items: start !important;
+ }
+ .rz-align-items-xl-end {
+ align-items: end !important;
+ }
+ .rz-align-items-xl-flex-start {
+ align-items: flex-start !important;
+ }
+ .rz-align-items-xl-flex-end {
+ align-items: flex-end !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-align-items-xx-normal {
+ align-items: normal !important;
+ }
+ .rz-align-items-xx-stretch {
+ align-items: stretch !important;
+ }
+ .rz-align-items-xx-center {
+ align-items: center !important;
+ }
+ .rz-align-items-xx-start {
+ align-items: start !important;
+ }
+ .rz-align-items-xx-end {
+ align-items: end !important;
+ }
+ .rz-align-items-xx-flex-start {
+ align-items: flex-start !important;
+ }
+ .rz-align-items-xx-flex-end {
+ align-items: flex-end !important;
+ }
+}
+.rz-overflow-auto {
+ overflow: auto !important;
+}
+
+.rz-overflow-scroll {
+ overflow: scroll !important;
+}
+
+.rz-overflow-visible {
+ overflow: visible !important;
+}
+
+.rz-overflow-hidden {
+ overflow: hidden !important;
+}
+
+@media (min-width: 576px) {
+ .rz-overflow-xs-auto {
+ overflow: auto !important;
+ }
+ .rz-overflow-xs-scroll {
+ overflow: scroll !important;
+ }
+ .rz-overflow-xs-visible {
+ overflow: visible !important;
+ }
+ .rz-overflow-xs-hidden {
+ overflow: hidden !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-overflow-sm-auto {
+ overflow: auto !important;
+ }
+ .rz-overflow-sm-scroll {
+ overflow: scroll !important;
+ }
+ .rz-overflow-sm-visible {
+ overflow: visible !important;
+ }
+ .rz-overflow-sm-hidden {
+ overflow: hidden !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-overflow-md-auto {
+ overflow: auto !important;
+ }
+ .rz-overflow-md-scroll {
+ overflow: scroll !important;
+ }
+ .rz-overflow-md-visible {
+ overflow: visible !important;
+ }
+ .rz-overflow-md-hidden {
+ overflow: hidden !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-overflow-lg-auto {
+ overflow: auto !important;
+ }
+ .rz-overflow-lg-scroll {
+ overflow: scroll !important;
+ }
+ .rz-overflow-lg-visible {
+ overflow: visible !important;
+ }
+ .rz-overflow-lg-hidden {
+ overflow: hidden !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-overflow-xl-auto {
+ overflow: auto !important;
+ }
+ .rz-overflow-xl-scroll {
+ overflow: scroll !important;
+ }
+ .rz-overflow-xl-visible {
+ overflow: visible !important;
+ }
+ .rz-overflow-xl-hidden {
+ overflow: hidden !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-overflow-xx-auto {
+ overflow: auto !important;
+ }
+ .rz-overflow-xx-scroll {
+ overflow: scroll !important;
+ }
+ .rz-overflow-xx-visible {
+ overflow: visible !important;
+ }
+ .rz-overflow-xx-hidden {
+ overflow: hidden !important;
+ }
+}
+.rz-w-25 {
+ width: 25% !important;
+}
+
+.rz-w-50 {
+ width: 50% !important;
+}
+
+.rz-w-75 {
+ width: 75% !important;
+}
+
+.rz-w-100 {
+ width: 100% !important;
+}
+
+@media (min-width: 576px) {
+ .rz-w-xs-25 {
+ width: 25% !important;
+ }
+ .rz-w-xs-50 {
+ width: 50% !important;
+ }
+ .rz-w-xs-75 {
+ width: 75% !important;
+ }
+ .rz-w-xs-100 {
+ width: 100% !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-w-sm-25 {
+ width: 25% !important;
+ }
+ .rz-w-sm-50 {
+ width: 50% !important;
+ }
+ .rz-w-sm-75 {
+ width: 75% !important;
+ }
+ .rz-w-sm-100 {
+ width: 100% !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-w-md-25 {
+ width: 25% !important;
+ }
+ .rz-w-md-50 {
+ width: 50% !important;
+ }
+ .rz-w-md-75 {
+ width: 75% !important;
+ }
+ .rz-w-md-100 {
+ width: 100% !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-w-lg-25 {
+ width: 25% !important;
+ }
+ .rz-w-lg-50 {
+ width: 50% !important;
+ }
+ .rz-w-lg-75 {
+ width: 75% !important;
+ }
+ .rz-w-lg-100 {
+ width: 100% !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-w-xl-25 {
+ width: 25% !important;
+ }
+ .rz-w-xl-50 {
+ width: 50% !important;
+ }
+ .rz-w-xl-75 {
+ width: 75% !important;
+ }
+ .rz-w-xl-100 {
+ width: 100% !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-w-xx-25 {
+ width: 25% !important;
+ }
+ .rz-w-xx-50 {
+ width: 50% !important;
+ }
+ .rz-w-xx-75 {
+ width: 75% !important;
+ }
+ .rz-w-xx-100 {
+ width: 100% !important;
+ }
+}
+.rz-vw-25 {
+ width: 25vw !important;
+}
+
+.rz-vw-50 {
+ width: 50vw !important;
+}
+
+.rz-vw-75 {
+ width: 75vw !important;
+}
+
+.rz-vw-100 {
+ width: 100vw !important;
+}
+
+@media (min-width: 576px) {
+ .rz-vw-xs-25 {
+ width: 25vw !important;
+ }
+ .rz-vw-xs-50 {
+ width: 50vw !important;
+ }
+ .rz-vw-xs-75 {
+ width: 75vw !important;
+ }
+ .rz-vw-xs-100 {
+ width: 100vw !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-vw-sm-25 {
+ width: 25vw !important;
+ }
+ .rz-vw-sm-50 {
+ width: 50vw !important;
+ }
+ .rz-vw-sm-75 {
+ width: 75vw !important;
+ }
+ .rz-vw-sm-100 {
+ width: 100vw !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-vw-md-25 {
+ width: 25vw !important;
+ }
+ .rz-vw-md-50 {
+ width: 50vw !important;
+ }
+ .rz-vw-md-75 {
+ width: 75vw !important;
+ }
+ .rz-vw-md-100 {
+ width: 100vw !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-vw-lg-25 {
+ width: 25vw !important;
+ }
+ .rz-vw-lg-50 {
+ width: 50vw !important;
+ }
+ .rz-vw-lg-75 {
+ width: 75vw !important;
+ }
+ .rz-vw-lg-100 {
+ width: 100vw !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-vw-xl-25 {
+ width: 25vw !important;
+ }
+ .rz-vw-xl-50 {
+ width: 50vw !important;
+ }
+ .rz-vw-xl-75 {
+ width: 75vw !important;
+ }
+ .rz-vw-xl-100 {
+ width: 100vw !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-vw-xx-25 {
+ width: 25vw !important;
+ }
+ .rz-vw-xx-50 {
+ width: 50vw !important;
+ }
+ .rz-vw-xx-75 {
+ width: 75vw !important;
+ }
+ .rz-vw-xx-100 {
+ width: 100vw !important;
+ }
+}
+.rz-w-auto {
+ width: auto !important;
+}
+
+.rz-w-fit-content {
+ width: fit-content !important;
+}
+
+.rz-w-min-content {
+ width: min-content !important;
+}
+
+.rz-w-max-content {
+ width: max-content !important;
+}
+
+.rz-w-stretch {
+ width: stretch !important;
+}
+
+@media (min-width: 576px) {
+ .rz-w-xs-auto {
+ width: auto !important;
+ }
+ .rz-w-xs-fit-content {
+ width: fit-content !important;
+ }
+ .rz-w-xs-min-content {
+ width: min-content !important;
+ }
+ .rz-w-xs-max-content {
+ width: max-content !important;
+ }
+ .rz-w-xs-stretch {
+ width: stretch !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-w-sm-auto {
+ width: auto !important;
+ }
+ .rz-w-sm-fit-content {
+ width: fit-content !important;
+ }
+ .rz-w-sm-min-content {
+ width: min-content !important;
+ }
+ .rz-w-sm-max-content {
+ width: max-content !important;
+ }
+ .rz-w-sm-stretch {
+ width: stretch !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-w-md-auto {
+ width: auto !important;
+ }
+ .rz-w-md-fit-content {
+ width: fit-content !important;
+ }
+ .rz-w-md-min-content {
+ width: min-content !important;
+ }
+ .rz-w-md-max-content {
+ width: max-content !important;
+ }
+ .rz-w-md-stretch {
+ width: stretch !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-w-lg-auto {
+ width: auto !important;
+ }
+ .rz-w-lg-fit-content {
+ width: fit-content !important;
+ }
+ .rz-w-lg-min-content {
+ width: min-content !important;
+ }
+ .rz-w-lg-max-content {
+ width: max-content !important;
+ }
+ .rz-w-lg-stretch {
+ width: stretch !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-w-xl-auto {
+ width: auto !important;
+ }
+ .rz-w-xl-fit-content {
+ width: fit-content !important;
+ }
+ .rz-w-xl-min-content {
+ width: min-content !important;
+ }
+ .rz-w-xl-max-content {
+ width: max-content !important;
+ }
+ .rz-w-xl-stretch {
+ width: stretch !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-w-xx-auto {
+ width: auto !important;
+ }
+ .rz-w-xx-fit-content {
+ width: fit-content !important;
+ }
+ .rz-w-xx-min-content {
+ width: min-content !important;
+ }
+ .rz-w-xx-max-content {
+ width: max-content !important;
+ }
+ .rz-w-xx-stretch {
+ width: stretch !important;
+ }
+}
+.rz-min-w-25 {
+ min-width: 25% !important;
+}
+
+.rz-min-w-50 {
+ min-width: 50% !important;
+}
+
+.rz-min-w-75 {
+ min-width: 75% !important;
+}
+
+.rz-min-w-100 {
+ min-width: 100% !important;
+}
+
+@media (min-width: 576px) {
+ .rz-min-w-xs-25 {
+ min-width: 25% !important;
+ }
+ .rz-min-w-xs-50 {
+ min-width: 50% !important;
+ }
+ .rz-min-w-xs-75 {
+ min-width: 75% !important;
+ }
+ .rz-min-w-xs-100 {
+ min-width: 100% !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-min-w-sm-25 {
+ min-width: 25% !important;
+ }
+ .rz-min-w-sm-50 {
+ min-width: 50% !important;
+ }
+ .rz-min-w-sm-75 {
+ min-width: 75% !important;
+ }
+ .rz-min-w-sm-100 {
+ min-width: 100% !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-min-w-md-25 {
+ min-width: 25% !important;
+ }
+ .rz-min-w-md-50 {
+ min-width: 50% !important;
+ }
+ .rz-min-w-md-75 {
+ min-width: 75% !important;
+ }
+ .rz-min-w-md-100 {
+ min-width: 100% !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-min-w-lg-25 {
+ min-width: 25% !important;
+ }
+ .rz-min-w-lg-50 {
+ min-width: 50% !important;
+ }
+ .rz-min-w-lg-75 {
+ min-width: 75% !important;
+ }
+ .rz-min-w-lg-100 {
+ min-width: 100% !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-min-w-xl-25 {
+ min-width: 25% !important;
+ }
+ .rz-min-w-xl-50 {
+ min-width: 50% !important;
+ }
+ .rz-min-w-xl-75 {
+ min-width: 75% !important;
+ }
+ .rz-min-w-xl-100 {
+ min-width: 100% !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-min-w-xx-25 {
+ min-width: 25% !important;
+ }
+ .rz-min-w-xx-50 {
+ min-width: 50% !important;
+ }
+ .rz-min-w-xx-75 {
+ min-width: 75% !important;
+ }
+ .rz-min-w-xx-100 {
+ min-width: 100% !important;
+ }
+}
+.rz-max-w-25 {
+ max-width: 25% !important;
+}
+
+.rz-max-w-50 {
+ max-width: 50% !important;
+}
+
+.rz-max-w-75 {
+ max-width: 75% !important;
+}
+
+.rz-max-w-100 {
+ max-width: 100% !important;
+}
+
+@media (min-width: 576px) {
+ .rz-max-w-xs-25 {
+ max-width: 25% !important;
+ }
+ .rz-max-w-xs-50 {
+ max-width: 50% !important;
+ }
+ .rz-max-w-xs-75 {
+ max-width: 75% !important;
+ }
+ .rz-max-w-xs-100 {
+ max-width: 100% !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-max-w-sm-25 {
+ max-width: 25% !important;
+ }
+ .rz-max-w-sm-50 {
+ max-width: 50% !important;
+ }
+ .rz-max-w-sm-75 {
+ max-width: 75% !important;
+ }
+ .rz-max-w-sm-100 {
+ max-width: 100% !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-max-w-md-25 {
+ max-width: 25% !important;
+ }
+ .rz-max-w-md-50 {
+ max-width: 50% !important;
+ }
+ .rz-max-w-md-75 {
+ max-width: 75% !important;
+ }
+ .rz-max-w-md-100 {
+ max-width: 100% !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-max-w-lg-25 {
+ max-width: 25% !important;
+ }
+ .rz-max-w-lg-50 {
+ max-width: 50% !important;
+ }
+ .rz-max-w-lg-75 {
+ max-width: 75% !important;
+ }
+ .rz-max-w-lg-100 {
+ max-width: 100% !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-max-w-xl-25 {
+ max-width: 25% !important;
+ }
+ .rz-max-w-xl-50 {
+ max-width: 50% !important;
+ }
+ .rz-max-w-xl-75 {
+ max-width: 75% !important;
+ }
+ .rz-max-w-xl-100 {
+ max-width: 100% !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-max-w-xx-25 {
+ max-width: 25% !important;
+ }
+ .rz-max-w-xx-50 {
+ max-width: 50% !important;
+ }
+ .rz-max-w-xx-75 {
+ max-width: 75% !important;
+ }
+ .rz-max-w-xx-100 {
+ max-width: 100% !important;
+ }
+}
+.rz-h-25 {
+ height: 25% !important;
+}
+
+.rz-h-50 {
+ height: 50% !important;
+}
+
+.rz-h-75 {
+ height: 75% !important;
+}
+
+.rz-h-100 {
+ height: 100% !important;
+}
+
+@media (min-width: 576px) {
+ .rz-h-xs-25 {
+ height: 25% !important;
+ }
+ .rz-h-xs-50 {
+ height: 50% !important;
+ }
+ .rz-h-xs-75 {
+ height: 75% !important;
+ }
+ .rz-h-xs-100 {
+ height: 100% !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-h-sm-25 {
+ height: 25% !important;
+ }
+ .rz-h-sm-50 {
+ height: 50% !important;
+ }
+ .rz-h-sm-75 {
+ height: 75% !important;
+ }
+ .rz-h-sm-100 {
+ height: 100% !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-h-md-25 {
+ height: 25% !important;
+ }
+ .rz-h-md-50 {
+ height: 50% !important;
+ }
+ .rz-h-md-75 {
+ height: 75% !important;
+ }
+ .rz-h-md-100 {
+ height: 100% !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-h-lg-25 {
+ height: 25% !important;
+ }
+ .rz-h-lg-50 {
+ height: 50% !important;
+ }
+ .rz-h-lg-75 {
+ height: 75% !important;
+ }
+ .rz-h-lg-100 {
+ height: 100% !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-h-xl-25 {
+ height: 25% !important;
+ }
+ .rz-h-xl-50 {
+ height: 50% !important;
+ }
+ .rz-h-xl-75 {
+ height: 75% !important;
+ }
+ .rz-h-xl-100 {
+ height: 100% !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-h-xx-25 {
+ height: 25% !important;
+ }
+ .rz-h-xx-50 {
+ height: 50% !important;
+ }
+ .rz-h-xx-75 {
+ height: 75% !important;
+ }
+ .rz-h-xx-100 {
+ height: 100% !important;
+ }
+}
+.rz-vh-25 {
+ height: 25vh !important;
+}
+
+.rz-vh-50 {
+ height: 50vh !important;
+}
+
+.rz-vh-75 {
+ height: 75vh !important;
+}
+
+.rz-vh-100 {
+ height: 100vh !important;
+}
+
+@media (min-width: 576px) {
+ .rz-vh-xs-25 {
+ height: 25vh !important;
+ }
+ .rz-vh-xs-50 {
+ height: 50vh !important;
+ }
+ .rz-vh-xs-75 {
+ height: 75vh !important;
+ }
+ .rz-vh-xs-100 {
+ height: 100vh !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-vh-sm-25 {
+ height: 25vh !important;
+ }
+ .rz-vh-sm-50 {
+ height: 50vh !important;
+ }
+ .rz-vh-sm-75 {
+ height: 75vh !important;
+ }
+ .rz-vh-sm-100 {
+ height: 100vh !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-vh-md-25 {
+ height: 25vh !important;
+ }
+ .rz-vh-md-50 {
+ height: 50vh !important;
+ }
+ .rz-vh-md-75 {
+ height: 75vh !important;
+ }
+ .rz-vh-md-100 {
+ height: 100vh !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-vh-lg-25 {
+ height: 25vh !important;
+ }
+ .rz-vh-lg-50 {
+ height: 50vh !important;
+ }
+ .rz-vh-lg-75 {
+ height: 75vh !important;
+ }
+ .rz-vh-lg-100 {
+ height: 100vh !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-vh-xl-25 {
+ height: 25vh !important;
+ }
+ .rz-vh-xl-50 {
+ height: 50vh !important;
+ }
+ .rz-vh-xl-75 {
+ height: 75vh !important;
+ }
+ .rz-vh-xl-100 {
+ height: 100vh !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-vh-xx-25 {
+ height: 25vh !important;
+ }
+ .rz-vh-xx-50 {
+ height: 50vh !important;
+ }
+ .rz-vh-xx-75 {
+ height: 75vh !important;
+ }
+ .rz-vh-xx-100 {
+ height: 100vh !important;
+ }
+}
+.rz-h-auto {
+ height: auto !important;
+}
+
+@media (min-width: 576px) {
+ .rz-h-xs-auto {
+ height: auto !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-h-sm-auto {
+ height: auto !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-h-md-auto {
+ height: auto !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-h-lg-auto {
+ height: auto !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-h-xl-auto {
+ height: auto !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-h-xx-auto {
+ height: auto !important;
+ }
+}
+.rz-min-h-25 {
+ min-height: 25% !important;
+}
+
+.rz-min-h-50 {
+ min-height: 50% !important;
+}
+
+.rz-min-h-75 {
+ min-height: 75% !important;
+}
+
+.rz-min-h-100 {
+ min-height: 100% !important;
+}
+
+@media (min-width: 576px) {
+ .rz-min-h-xs-25 {
+ min-height: 25% !important;
+ }
+ .rz-min-h-xs-50 {
+ min-height: 50% !important;
+ }
+ .rz-min-h-xs-75 {
+ min-height: 75% !important;
+ }
+ .rz-min-h-xs-100 {
+ min-height: 100% !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-min-h-sm-25 {
+ min-height: 25% !important;
+ }
+ .rz-min-h-sm-50 {
+ min-height: 50% !important;
+ }
+ .rz-min-h-sm-75 {
+ min-height: 75% !important;
+ }
+ .rz-min-h-sm-100 {
+ min-height: 100% !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-min-h-md-25 {
+ min-height: 25% !important;
+ }
+ .rz-min-h-md-50 {
+ min-height: 50% !important;
+ }
+ .rz-min-h-md-75 {
+ min-height: 75% !important;
+ }
+ .rz-min-h-md-100 {
+ min-height: 100% !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-min-h-lg-25 {
+ min-height: 25% !important;
+ }
+ .rz-min-h-lg-50 {
+ min-height: 50% !important;
+ }
+ .rz-min-h-lg-75 {
+ min-height: 75% !important;
+ }
+ .rz-min-h-lg-100 {
+ min-height: 100% !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-min-h-xl-25 {
+ min-height: 25% !important;
+ }
+ .rz-min-h-xl-50 {
+ min-height: 50% !important;
+ }
+ .rz-min-h-xl-75 {
+ min-height: 75% !important;
+ }
+ .rz-min-h-xl-100 {
+ min-height: 100% !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-min-h-xx-25 {
+ min-height: 25% !important;
+ }
+ .rz-min-h-xx-50 {
+ min-height: 50% !important;
+ }
+ .rz-min-h-xx-75 {
+ min-height: 75% !important;
+ }
+ .rz-min-h-xx-100 {
+ min-height: 100% !important;
+ }
+}
+.rz-max-h-25 {
+ max-height: 25% !important;
+}
+
+.rz-max-h-50 {
+ max-height: 50% !important;
+}
+
+.rz-max-h-75 {
+ max-height: 75% !important;
+}
+
+.rz-max-h-100 {
+ max-height: 100% !important;
+}
+
+@media (min-width: 576px) {
+ .rz-max-h-xs-25 {
+ max-height: 25% !important;
+ }
+ .rz-max-h-xs-50 {
+ max-height: 50% !important;
+ }
+ .rz-max-h-xs-75 {
+ max-height: 75% !important;
+ }
+ .rz-max-h-xs-100 {
+ max-height: 100% !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-max-h-sm-25 {
+ max-height: 25% !important;
+ }
+ .rz-max-h-sm-50 {
+ max-height: 50% !important;
+ }
+ .rz-max-h-sm-75 {
+ max-height: 75% !important;
+ }
+ .rz-max-h-sm-100 {
+ max-height: 100% !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-max-h-md-25 {
+ max-height: 25% !important;
+ }
+ .rz-max-h-md-50 {
+ max-height: 50% !important;
+ }
+ .rz-max-h-md-75 {
+ max-height: 75% !important;
+ }
+ .rz-max-h-md-100 {
+ max-height: 100% !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-max-h-lg-25 {
+ max-height: 25% !important;
+ }
+ .rz-max-h-lg-50 {
+ max-height: 50% !important;
+ }
+ .rz-max-h-lg-75 {
+ max-height: 75% !important;
+ }
+ .rz-max-h-lg-100 {
+ max-height: 100% !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-max-h-xl-25 {
+ max-height: 25% !important;
+ }
+ .rz-max-h-xl-50 {
+ max-height: 50% !important;
+ }
+ .rz-max-h-xl-75 {
+ max-height: 75% !important;
+ }
+ .rz-max-h-xl-100 {
+ max-height: 100% !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-max-h-xx-25 {
+ max-height: 25% !important;
+ }
+ .rz-max-h-xx-50 {
+ max-height: 50% !important;
+ }
+ .rz-max-h-xx-75 {
+ max-height: 75% !important;
+ }
+ .rz-max-h-xx-100 {
+ max-height: 100% !important;
+ }
+}
+.rz-color-white {
+ color: var(--rz-white) !important;
+}
+
+.rz-color-black {
+ color: var(--rz-black) !important;
+}
+
+.rz-color-base {
+ color: var(--rz-base) !important;
+}
+
+.rz-color-base-50 {
+ color: var(--rz-base-50) !important;
+}
+
+.rz-color-base-100 {
+ color: var(--rz-base-100) !important;
+}
+
+.rz-color-base-200 {
+ color: var(--rz-base-200) !important;
+}
+
+.rz-color-base-300 {
+ color: var(--rz-base-300) !important;
+}
+
+.rz-color-base-400 {
+ color: var(--rz-base-400) !important;
+}
+
+.rz-color-base-500 {
+ color: var(--rz-base-500) !important;
+}
+
+.rz-color-base-600 {
+ color: var(--rz-base-600) !important;
+}
+
+.rz-color-base-700 {
+ color: var(--rz-base-700) !important;
+}
+
+.rz-color-base-800 {
+ color: var(--rz-base-800) !important;
+}
+
+.rz-color-base-900 {
+ color: var(--rz-base-900) !important;
+}
+
+.rz-color-base-light {
+ color: var(--rz-base-light) !important;
+}
+
+.rz-color-base-lighter {
+ color: var(--rz-base-lighter) !important;
+}
+
+.rz-color-base-dark {
+ color: var(--rz-base-dark) !important;
+}
+
+.rz-color-base-darker {
+ color: var(--rz-base-darker) !important;
+}
+
+.rz-color-primary {
+ color: var(--rz-primary) !important;
+}
+
+.rz-color-primary-light {
+ color: var(--rz-primary-light) !important;
+}
+
+.rz-color-primary-lighter {
+ color: var(--rz-primary-lighter) !important;
+}
+
+.rz-color-primary-dark {
+ color: var(--rz-primary-dark) !important;
+}
+
+.rz-color-primary-darker {
+ color: var(--rz-primary-darker) !important;
+}
+
+.rz-color-secondary {
+ color: var(--rz-secondary) !important;
+}
+
+.rz-color-secondary-light {
+ color: var(--rz-secondary-light) !important;
+}
+
+.rz-color-secondary-lighter {
+ color: var(--rz-secondary-lighter) !important;
+}
+
+.rz-color-secondary-dark {
+ color: var(--rz-secondary-dark) !important;
+}
+
+.rz-color-secondary-darker {
+ color: var(--rz-secondary-darker) !important;
+}
+
+.rz-color-info {
+ color: var(--rz-info) !important;
+}
+
+.rz-color-info-light {
+ color: var(--rz-info-light) !important;
+}
+
+.rz-color-info-lighter {
+ color: var(--rz-info-lighter) !important;
+}
+
+.rz-color-info-dark {
+ color: var(--rz-info-dark) !important;
+}
+
+.rz-color-info-darker {
+ color: var(--rz-info-darker) !important;
+}
+
+.rz-color-success {
+ color: var(--rz-success) !important;
+}
+
+.rz-color-success-light {
+ color: var(--rz-success-light) !important;
+}
+
+.rz-color-success-lighter {
+ color: var(--rz-success-lighter) !important;
+}
+
+.rz-color-success-dark {
+ color: var(--rz-success-dark) !important;
+}
+
+.rz-color-success-darker {
+ color: var(--rz-success-darker) !important;
+}
+
+.rz-color-warning {
+ color: var(--rz-warning) !important;
+}
+
+.rz-color-warning-light {
+ color: var(--rz-warning-light) !important;
+}
+
+.rz-color-warning-lighter {
+ color: var(--rz-warning-lighter) !important;
+}
+
+.rz-color-warning-dark {
+ color: var(--rz-warning-dark) !important;
+}
+
+.rz-color-warning-darker {
+ color: var(--rz-warning-darker) !important;
+}
+
+.rz-color-danger {
+ color: var(--rz-danger) !important;
+}
+
+.rz-color-danger-light {
+ color: var(--rz-danger-light) !important;
+}
+
+.rz-color-danger-lighter {
+ color: var(--rz-danger-lighter) !important;
+}
+
+.rz-color-danger-dark {
+ color: var(--rz-danger-dark) !important;
+}
+
+.rz-color-danger-darker {
+ color: var(--rz-danger-darker) !important;
+}
+
+.rz-color-on-base {
+ color: var(--rz-on-base) !important;
+}
+
+.rz-color-on-base-light {
+ color: var(--rz-on-base-light) !important;
+}
+
+.rz-color-on-base-lighter {
+ color: var(--rz-on-base-lighter) !important;
+}
+
+.rz-color-on-base-dark {
+ color: var(--rz-on-base-dark) !important;
+}
+
+.rz-color-on-base-darker {
+ color: var(--rz-on-base-darker) !important;
+}
+
+.rz-color-on-primary {
+ color: var(--rz-on-primary) !important;
+}
+
+.rz-color-on-primary-light {
+ color: var(--rz-on-primary-light) !important;
+}
+
+.rz-color-on-primary-lighter {
+ color: var(--rz-on-primary-lighter) !important;
+}
+
+.rz-color-on-primary-dark {
+ color: var(--rz-on-primary-dark) !important;
+}
+
+.rz-color-on-primary-darker {
+ color: var(--rz-on-primary-darker) !important;
+}
+
+.rz-color-on-secondary {
+ color: var(--rz-on-secondary) !important;
+}
+
+.rz-color-on-secondary-light {
+ color: var(--rz-on-secondary-light) !important;
+}
+
+.rz-color-on-secondary-lighter {
+ color: var(--rz-on-secondary-lighter) !important;
+}
+
+.rz-color-on-secondary-dark {
+ color: var(--rz-on-secondary-dark) !important;
+}
+
+.rz-color-on-secondary-darker {
+ color: var(--rz-on-secondary-darker) !important;
+}
+
+.rz-color-on-info {
+ color: var(--rz-on-info) !important;
+}
+
+.rz-color-on-info-light {
+ color: var(--rz-on-info-light) !important;
+}
+
+.rz-color-on-info-lighter {
+ color: var(--rz-on-info-lighter) !important;
+}
+
+.rz-color-on-info-dark {
+ color: var(--rz-on-info-dark) !important;
+}
+
+.rz-color-on-info-darker {
+ color: var(--rz-on-info-darker) !important;
+}
+
+.rz-color-on-success {
+ color: var(--rz-on-success) !important;
+}
+
+.rz-color-on-success-light {
+ color: var(--rz-on-success-light) !important;
+}
+
+.rz-color-on-success-lighter {
+ color: var(--rz-on-success-lighter) !important;
+}
+
+.rz-color-on-success-dark {
+ color: var(--rz-on-success-dark) !important;
+}
+
+.rz-color-on-success-darker {
+ color: var(--rz-on-success-darker) !important;
+}
+
+.rz-color-on-warning {
+ color: var(--rz-on-warning) !important;
+}
+
+.rz-color-on-warning-light {
+ color: var(--rz-on-warning-light) !important;
+}
+
+.rz-color-on-warning-lighter {
+ color: var(--rz-on-warning-lighter) !important;
+}
+
+.rz-color-on-warning-dark {
+ color: var(--rz-on-warning-dark) !important;
+}
+
+.rz-color-on-warning-darker {
+ color: var(--rz-on-warning-darker) !important;
+}
+
+.rz-color-on-danger {
+ color: var(--rz-on-danger) !important;
+}
+
+.rz-color-on-danger-light {
+ color: var(--rz-on-danger-light) !important;
+}
+
+.rz-color-on-danger-lighter {
+ color: var(--rz-on-danger-lighter) !important;
+}
+
+.rz-color-on-danger-dark {
+ color: var(--rz-on-danger-dark) !important;
+}
+
+.rz-color-on-danger-darker {
+ color: var(--rz-on-danger-darker) !important;
+}
+
+.rz-color-series-1 {
+ color: var(--rz-series-1) !important;
+}
+
+.rz-color-series-2 {
+ color: var(--rz-series-2) !important;
+}
+
+.rz-color-series-3 {
+ color: var(--rz-series-3) !important;
+}
+
+.rz-color-series-4 {
+ color: var(--rz-series-4) !important;
+}
+
+.rz-color-series-5 {
+ color: var(--rz-series-5) !important;
+}
+
+.rz-color-series-6 {
+ color: var(--rz-series-6) !important;
+}
+
+.rz-color-series-7 {
+ color: var(--rz-series-7) !important;
+}
+
+.rz-color-series-8 {
+ color: var(--rz-series-8) !important;
+}
+
+.rz-color-series-9 {
+ color: var(--rz-series-9) !important;
+}
+
+.rz-color-series-10 {
+ color: var(--rz-series-10) !important;
+}
+
+.rz-color-series-11 {
+ color: var(--rz-series-11) !important;
+}
+
+.rz-color-series-12 {
+ color: var(--rz-series-12) !important;
+}
+
+.rz-color-series-13 {
+ color: var(--rz-series-13) !important;
+}
+
+.rz-color-series-14 {
+ color: var(--rz-series-14) !important;
+}
+
+.rz-color-series-15 {
+ color: var(--rz-series-15) !important;
+}
+
+.rz-color-series-16 {
+ color: var(--rz-series-16) !important;
+}
+
+.rz-color-series-17 {
+ color: var(--rz-series-17) !important;
+}
+
+.rz-color-series-18 {
+ color: var(--rz-series-18) !important;
+}
+
+.rz-color-series-19 {
+ color: var(--rz-series-19) !important;
+}
+
+.rz-color-series-20 {
+ color: var(--rz-series-20) !important;
+}
+
+.rz-color-series-21 {
+ color: var(--rz-series-21) !important;
+}
+
+.rz-color-series-22 {
+ color: var(--rz-series-22) !important;
+}
+
+.rz-color-series-23 {
+ color: var(--rz-series-23) !important;
+}
+
+.rz-color-series-24 {
+ color: var(--rz-series-24) !important;
+}
+
+.rz-background-color-white {
+ background-color: var(--rz-white) !important;
+}
+
+.rz-background-color-black {
+ background-color: var(--rz-black) !important;
+}
+
+.rz-background-color-base {
+ background-color: var(--rz-base) !important;
+}
+
+.rz-background-color-base-50 {
+ background-color: var(--rz-base-50) !important;
+}
+
+.rz-background-color-base-100 {
+ background-color: var(--rz-base-100) !important;
+}
+
+.rz-background-color-base-200 {
+ background-color: var(--rz-base-200) !important;
+}
+
+.rz-background-color-base-300 {
+ background-color: var(--rz-base-300) !important;
+}
+
+.rz-background-color-base-400 {
+ background-color: var(--rz-base-400) !important;
+}
+
+.rz-background-color-base-500 {
+ background-color: var(--rz-base-500) !important;
+}
+
+.rz-background-color-base-600 {
+ background-color: var(--rz-base-600) !important;
+}
+
+.rz-background-color-base-700 {
+ background-color: var(--rz-base-700) !important;
+}
+
+.rz-background-color-base-800 {
+ background-color: var(--rz-base-800) !important;
+}
+
+.rz-background-color-base-900 {
+ background-color: var(--rz-base-900) !important;
+}
+
+.rz-background-color-base-light {
+ background-color: var(--rz-base-light) !important;
+}
+
+.rz-background-color-base-lighter {
+ background-color: var(--rz-base-lighter) !important;
+}
+
+.rz-background-color-base-dark {
+ background-color: var(--rz-base-dark) !important;
+}
+
+.rz-background-color-base-darker {
+ background-color: var(--rz-base-darker) !important;
+}
+
+.rz-background-color-primary {
+ background-color: var(--rz-primary) !important;
+}
+
+.rz-background-color-primary-light {
+ background-color: var(--rz-primary-light) !important;
+}
+
+.rz-background-color-primary-lighter {
+ background-color: var(--rz-primary-lighter) !important;
+}
+
+.rz-background-color-primary-dark {
+ background-color: var(--rz-primary-dark) !important;
+}
+
+.rz-background-color-primary-darker {
+ background-color: var(--rz-primary-darker) !important;
+}
+
+.rz-background-color-secondary {
+ background-color: var(--rz-secondary) !important;
+}
+
+.rz-background-color-secondary-light {
+ background-color: var(--rz-secondary-light) !important;
+}
+
+.rz-background-color-secondary-lighter {
+ background-color: var(--rz-secondary-lighter) !important;
+}
+
+.rz-background-color-secondary-dark {
+ background-color: var(--rz-secondary-dark) !important;
+}
+
+.rz-background-color-secondary-darker {
+ background-color: var(--rz-secondary-darker) !important;
+}
+
+.rz-background-color-info {
+ background-color: var(--rz-info) !important;
+}
+
+.rz-background-color-info-light {
+ background-color: var(--rz-info-light) !important;
+}
+
+.rz-background-color-info-lighter {
+ background-color: var(--rz-info-lighter) !important;
+}
+
+.rz-background-color-info-dark {
+ background-color: var(--rz-info-dark) !important;
+}
+
+.rz-background-color-info-darker {
+ background-color: var(--rz-info-darker) !important;
+}
+
+.rz-background-color-success {
+ background-color: var(--rz-success) !important;
+}
+
+.rz-background-color-success-light {
+ background-color: var(--rz-success-light) !important;
+}
+
+.rz-background-color-success-lighter {
+ background-color: var(--rz-success-lighter) !important;
+}
+
+.rz-background-color-success-dark {
+ background-color: var(--rz-success-dark) !important;
+}
+
+.rz-background-color-success-darker {
+ background-color: var(--rz-success-darker) !important;
+}
+
+.rz-background-color-warning {
+ background-color: var(--rz-warning) !important;
+}
+
+.rz-background-color-warning-light {
+ background-color: var(--rz-warning-light) !important;
+}
+
+.rz-background-color-warning-lighter {
+ background-color: var(--rz-warning-lighter) !important;
+}
+
+.rz-background-color-warning-dark {
+ background-color: var(--rz-warning-dark) !important;
+}
+
+.rz-background-color-warning-darker {
+ background-color: var(--rz-warning-darker) !important;
+}
+
+.rz-background-color-danger {
+ background-color: var(--rz-danger) !important;
+}
+
+.rz-background-color-danger-light {
+ background-color: var(--rz-danger-light) !important;
+}
+
+.rz-background-color-danger-lighter {
+ background-color: var(--rz-danger-lighter) !important;
+}
+
+.rz-background-color-danger-dark {
+ background-color: var(--rz-danger-dark) !important;
+}
+
+.rz-background-color-danger-darker {
+ background-color: var(--rz-danger-darker) !important;
+}
+
+.rz-background-color-on-base {
+ background-color: var(--rz-on-base) !important;
+}
+
+.rz-background-color-on-base-light {
+ background-color: var(--rz-on-base-light) !important;
+}
+
+.rz-background-color-on-base-lighter {
+ background-color: var(--rz-on-base-lighter) !important;
+}
+
+.rz-background-color-on-base-dark {
+ background-color: var(--rz-on-base-dark) !important;
+}
+
+.rz-background-color-on-base-darker {
+ background-color: var(--rz-on-base-darker) !important;
+}
+
+.rz-background-color-on-primary {
+ background-color: var(--rz-on-primary) !important;
+}
+
+.rz-background-color-on-primary-light {
+ background-color: var(--rz-on-primary-light) !important;
+}
+
+.rz-background-color-on-primary-lighter {
+ background-color: var(--rz-on-primary-lighter) !important;
+}
+
+.rz-background-color-on-primary-dark {
+ background-color: var(--rz-on-primary-dark) !important;
+}
+
+.rz-background-color-on-primary-darker {
+ background-color: var(--rz-on-primary-darker) !important;
+}
+
+.rz-background-color-on-secondary {
+ background-color: var(--rz-on-secondary) !important;
+}
+
+.rz-background-color-on-secondary-light {
+ background-color: var(--rz-on-secondary-light) !important;
+}
+
+.rz-background-color-on-secondary-lighter {
+ background-color: var(--rz-on-secondary-lighter) !important;
+}
+
+.rz-background-color-on-secondary-dark {
+ background-color: var(--rz-on-secondary-dark) !important;
+}
+
+.rz-background-color-on-secondary-darker {
+ background-color: var(--rz-on-secondary-darker) !important;
+}
+
+.rz-background-color-on-info {
+ background-color: var(--rz-on-info) !important;
+}
+
+.rz-background-color-on-info-light {
+ background-color: var(--rz-on-info-light) !important;
+}
+
+.rz-background-color-on-info-lighter {
+ background-color: var(--rz-on-info-lighter) !important;
+}
+
+.rz-background-color-on-info-dark {
+ background-color: var(--rz-on-info-dark) !important;
+}
+
+.rz-background-color-on-info-darker {
+ background-color: var(--rz-on-info-darker) !important;
+}
+
+.rz-background-color-on-success {
+ background-color: var(--rz-on-success) !important;
+}
+
+.rz-background-color-on-success-light {
+ background-color: var(--rz-on-success-light) !important;
+}
+
+.rz-background-color-on-success-lighter {
+ background-color: var(--rz-on-success-lighter) !important;
+}
+
+.rz-background-color-on-success-dark {
+ background-color: var(--rz-on-success-dark) !important;
+}
+
+.rz-background-color-on-success-darker {
+ background-color: var(--rz-on-success-darker) !important;
+}
+
+.rz-background-color-on-warning {
+ background-color: var(--rz-on-warning) !important;
+}
+
+.rz-background-color-on-warning-light {
+ background-color: var(--rz-on-warning-light) !important;
+}
+
+.rz-background-color-on-warning-lighter {
+ background-color: var(--rz-on-warning-lighter) !important;
+}
+
+.rz-background-color-on-warning-dark {
+ background-color: var(--rz-on-warning-dark) !important;
+}
+
+.rz-background-color-on-warning-darker {
+ background-color: var(--rz-on-warning-darker) !important;
+}
+
+.rz-background-color-on-danger {
+ background-color: var(--rz-on-danger) !important;
+}
+
+.rz-background-color-on-danger-light {
+ background-color: var(--rz-on-danger-light) !important;
+}
+
+.rz-background-color-on-danger-lighter {
+ background-color: var(--rz-on-danger-lighter) !important;
+}
+
+.rz-background-color-on-danger-dark {
+ background-color: var(--rz-on-danger-dark) !important;
+}
+
+.rz-background-color-on-danger-darker {
+ background-color: var(--rz-on-danger-darker) !important;
+}
+
+.rz-background-color-series-1 {
+ background-color: var(--rz-series-1) !important;
+}
+
+.rz-background-color-series-2 {
+ background-color: var(--rz-series-2) !important;
+}
+
+.rz-background-color-series-3 {
+ background-color: var(--rz-series-3) !important;
+}
+
+.rz-background-color-series-4 {
+ background-color: var(--rz-series-4) !important;
+}
+
+.rz-background-color-series-5 {
+ background-color: var(--rz-series-5) !important;
+}
+
+.rz-background-color-series-6 {
+ background-color: var(--rz-series-6) !important;
+}
+
+.rz-background-color-series-7 {
+ background-color: var(--rz-series-7) !important;
+}
+
+.rz-background-color-series-8 {
+ background-color: var(--rz-series-8) !important;
+}
+
+.rz-background-color-series-9 {
+ background-color: var(--rz-series-9) !important;
+}
+
+.rz-background-color-series-10 {
+ background-color: var(--rz-series-10) !important;
+}
+
+.rz-background-color-series-11 {
+ background-color: var(--rz-series-11) !important;
+}
+
+.rz-background-color-series-12 {
+ background-color: var(--rz-series-12) !important;
+}
+
+.rz-background-color-series-13 {
+ background-color: var(--rz-series-13) !important;
+}
+
+.rz-background-color-series-14 {
+ background-color: var(--rz-series-14) !important;
+}
+
+.rz-background-color-series-15 {
+ background-color: var(--rz-series-15) !important;
+}
+
+.rz-background-color-series-16 {
+ background-color: var(--rz-series-16) !important;
+}
+
+.rz-background-color-series-17 {
+ background-color: var(--rz-series-17) !important;
+}
+
+.rz-background-color-series-18 {
+ background-color: var(--rz-series-18) !important;
+}
+
+.rz-background-color-series-19 {
+ background-color: var(--rz-series-19) !important;
+}
+
+.rz-background-color-series-20 {
+ background-color: var(--rz-series-20) !important;
+}
+
+.rz-background-color-series-21 {
+ background-color: var(--rz-series-21) !important;
+}
+
+.rz-background-color-series-22 {
+ background-color: var(--rz-series-22) !important;
+}
+
+.rz-background-color-series-23 {
+ background-color: var(--rz-series-23) !important;
+}
+
+.rz-background-color-series-24 {
+ background-color: var(--rz-series-24) !important;
+}
+
+.rz-border {
+ border-width: 0;
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base);
+}
+
+.rz-border-0 {
+ border-width: 0 !important;
+}
+
+.rz-border-start {
+ border-width: 0;
+ border-inline-start-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base);
+}
+
+.rz-border-start-0 {
+ border-inline-start-width: 0 !important;
+}
+
+.rz-border-end {
+ border-width: 0;
+ border-inline-end-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base);
+}
+
+.rz-border-end-0 {
+ border-inline-end-width: 0 !important;
+}
+
+.rz-border-left {
+ border-width: 0;
+ border-left-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base);
+}
+
+.rz-border-left-0 {
+ border-left-width: 0 !important;
+}
+
+.rz-border-right {
+ border-width: 0;
+ border-right-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base);
+}
+
+.rz-border-right-0 {
+ border-right-width: 0 !important;
+}
+
+.rz-border-top {
+ border-width: 0;
+ border-top-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base);
+}
+
+.rz-border-top-0 {
+ border-top-width: 0 !important;
+}
+
+.rz-border-bottom {
+ border-width: 0;
+ border-bottom-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base);
+}
+
+.rz-border-bottom-0 {
+ border-bottom-width: 0 !important;
+}
+
+.rz-border-white {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-white) !important;
+}
+
+.rz-border-black {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-black) !important;
+}
+
+.rz-border-base {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base) !important;
+}
+
+.rz-border-base-50 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-50) !important;
+}
+
+.rz-border-base-100 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-100) !important;
+}
+
+.rz-border-base-200 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-200) !important;
+}
+
+.rz-border-base-300 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-300) !important;
+}
+
+.rz-border-base-400 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-400) !important;
+}
+
+.rz-border-base-500 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-500) !important;
+}
+
+.rz-border-base-600 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-600) !important;
+}
+
+.rz-border-base-700 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-700) !important;
+}
+
+.rz-border-base-800 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-800) !important;
+}
+
+.rz-border-base-900 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-900) !important;
+}
+
+.rz-border-base-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-light) !important;
+}
+
+.rz-border-base-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-lighter) !important;
+}
+
+.rz-border-base-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-dark) !important;
+}
+
+.rz-border-base-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-darker) !important;
+}
+
+.rz-border-primary {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-primary) !important;
+}
+
+.rz-border-primary-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-primary-light) !important;
+}
+
+.rz-border-primary-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-primary-lighter) !important;
+}
+
+.rz-border-primary-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-primary-dark) !important;
+}
+
+.rz-border-primary-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-primary-darker) !important;
+}
+
+.rz-border-secondary {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-secondary) !important;
+}
+
+.rz-border-secondary-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-secondary-light) !important;
+}
+
+.rz-border-secondary-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-secondary-lighter) !important;
+}
+
+.rz-border-secondary-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-secondary-dark) !important;
+}
+
+.rz-border-secondary-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-secondary-darker) !important;
+}
+
+.rz-border-info {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-info) !important;
+}
+
+.rz-border-info-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-info-light) !important;
+}
+
+.rz-border-info-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-info-lighter) !important;
+}
+
+.rz-border-info-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-info-dark) !important;
+}
+
+.rz-border-info-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-info-darker) !important;
+}
+
+.rz-border-success {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-success) !important;
+}
+
+.rz-border-success-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-success-light) !important;
+}
+
+.rz-border-success-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-success-lighter) !important;
+}
+
+.rz-border-success-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-success-dark) !important;
+}
+
+.rz-border-success-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-success-darker) !important;
+}
+
+.rz-border-warning {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-warning) !important;
+}
+
+.rz-border-warning-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-warning-light) !important;
+}
+
+.rz-border-warning-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-warning-lighter) !important;
+}
+
+.rz-border-warning-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-warning-dark) !important;
+}
+
+.rz-border-warning-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-warning-darker) !important;
+}
+
+.rz-border-danger {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-danger) !important;
+}
+
+.rz-border-danger-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-danger-light) !important;
+}
+
+.rz-border-danger-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-danger-lighter) !important;
+}
+
+.rz-border-danger-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-danger-dark) !important;
+}
+
+.rz-border-danger-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-danger-darker) !important;
+}
+
+.rz-border-on-base {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-base) !important;
+}
+
+.rz-border-on-base-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-base-light) !important;
+}
+
+.rz-border-on-base-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-base-lighter) !important;
+}
+
+.rz-border-on-base-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-base-dark) !important;
+}
+
+.rz-border-on-base-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-base-darker) !important;
+}
+
+.rz-border-on-primary {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-primary) !important;
+}
+
+.rz-border-on-primary-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-primary-light) !important;
+}
+
+.rz-border-on-primary-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-primary-lighter) !important;
+}
+
+.rz-border-on-primary-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-primary-dark) !important;
+}
+
+.rz-border-on-primary-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-primary-darker) !important;
+}
+
+.rz-border-on-secondary {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-secondary) !important;
+}
+
+.rz-border-on-secondary-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-secondary-light) !important;
+}
+
+.rz-border-on-secondary-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-secondary-lighter) !important;
+}
+
+.rz-border-on-secondary-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-secondary-dark) !important;
+}
+
+.rz-border-on-secondary-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-secondary-darker) !important;
+}
+
+.rz-border-on-info {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-info) !important;
+}
+
+.rz-border-on-info-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-info-light) !important;
+}
+
+.rz-border-on-info-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-info-lighter) !important;
+}
+
+.rz-border-on-info-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-info-dark) !important;
+}
+
+.rz-border-on-info-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-info-darker) !important;
+}
+
+.rz-border-on-success {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-success) !important;
+}
+
+.rz-border-on-success-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-success-light) !important;
+}
+
+.rz-border-on-success-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-success-lighter) !important;
+}
+
+.rz-border-on-success-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-success-dark) !important;
+}
+
+.rz-border-on-success-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-success-darker) !important;
+}
+
+.rz-border-on-warning {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-warning) !important;
+}
+
+.rz-border-on-warning-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-warning-light) !important;
+}
+
+.rz-border-on-warning-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-warning-lighter) !important;
+}
+
+.rz-border-on-warning-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-warning-dark) !important;
+}
+
+.rz-border-on-warning-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-warning-darker) !important;
+}
+
+.rz-border-on-danger {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-danger) !important;
+}
+
+.rz-border-on-danger-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-danger-light) !important;
+}
+
+.rz-border-on-danger-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-danger-lighter) !important;
+}
+
+.rz-border-on-danger-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-danger-dark) !important;
+}
+
+.rz-border-on-danger-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-danger-darker) !important;
+}
+
+.rz-border-series-1 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-1) !important;
+}
+
+.rz-border-series-2 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-2) !important;
+}
+
+.rz-border-series-3 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-3) !important;
+}
+
+.rz-border-series-4 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-4) !important;
+}
+
+.rz-border-series-5 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-5) !important;
+}
+
+.rz-border-series-6 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-6) !important;
+}
+
+.rz-border-series-7 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-7) !important;
+}
+
+.rz-border-series-8 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-8) !important;
+}
+
+.rz-border-series-9 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-9) !important;
+}
+
+.rz-border-series-10 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-10) !important;
+}
+
+.rz-border-series-11 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-11) !important;
+}
+
+.rz-border-series-12 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-12) !important;
+}
+
+.rz-border-series-13 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-13) !important;
+}
+
+.rz-border-series-14 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-14) !important;
+}
+
+.rz-border-series-15 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-15) !important;
+}
+
+.rz-border-series-16 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-16) !important;
+}
+
+.rz-border-series-17 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-17) !important;
+}
+
+.rz-border-series-18 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-18) !important;
+}
+
+.rz-border-series-19 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-19) !important;
+}
+
+.rz-border-series-20 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-20) !important;
+}
+
+.rz-border-series-21 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-21) !important;
+}
+
+.rz-border-series-22 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-22) !important;
+}
+
+.rz-border-series-23 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-23) !important;
+}
+
+.rz-border-series-24 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-24) !important;
+}
+
+.rz-border-color-white {
+ border-color: var(--rz-white) !important;
+}
+
+.rz-border-color-black {
+ border-color: var(--rz-black) !important;
+}
+
+.rz-border-color-base {
+ border-color: var(--rz-base) !important;
+}
+
+.rz-border-color-base-50 {
+ border-color: var(--rz-base-50) !important;
+}
+
+.rz-border-color-base-100 {
+ border-color: var(--rz-base-100) !important;
+}
+
+.rz-border-color-base-200 {
+ border-color: var(--rz-base-200) !important;
+}
+
+.rz-border-color-base-300 {
+ border-color: var(--rz-base-300) !important;
+}
+
+.rz-border-color-base-400 {
+ border-color: var(--rz-base-400) !important;
+}
+
+.rz-border-color-base-500 {
+ border-color: var(--rz-base-500) !important;
+}
+
+.rz-border-color-base-600 {
+ border-color: var(--rz-base-600) !important;
+}
+
+.rz-border-color-base-700 {
+ border-color: var(--rz-base-700) !important;
+}
+
+.rz-border-color-base-800 {
+ border-color: var(--rz-base-800) !important;
+}
+
+.rz-border-color-base-900 {
+ border-color: var(--rz-base-900) !important;
+}
+
+.rz-border-color-base-light {
+ border-color: var(--rz-base-light) !important;
+}
+
+.rz-border-color-base-lighter {
+ border-color: var(--rz-base-lighter) !important;
+}
+
+.rz-border-color-base-dark {
+ border-color: var(--rz-base-dark) !important;
+}
+
+.rz-border-color-base-darker {
+ border-color: var(--rz-base-darker) !important;
+}
+
+.rz-border-color-primary {
+ border-color: var(--rz-primary) !important;
+}
+
+.rz-border-color-primary-light {
+ border-color: var(--rz-primary-light) !important;
+}
+
+.rz-border-color-primary-lighter {
+ border-color: var(--rz-primary-lighter) !important;
+}
+
+.rz-border-color-primary-dark {
+ border-color: var(--rz-primary-dark) !important;
+}
+
+.rz-border-color-primary-darker {
+ border-color: var(--rz-primary-darker) !important;
+}
+
+.rz-border-color-secondary {
+ border-color: var(--rz-secondary) !important;
+}
+
+.rz-border-color-secondary-light {
+ border-color: var(--rz-secondary-light) !important;
+}
+
+.rz-border-color-secondary-lighter {
+ border-color: var(--rz-secondary-lighter) !important;
+}
+
+.rz-border-color-secondary-dark {
+ border-color: var(--rz-secondary-dark) !important;
+}
+
+.rz-border-color-secondary-darker {
+ border-color: var(--rz-secondary-darker) !important;
+}
+
+.rz-border-color-info {
+ border-color: var(--rz-info) !important;
+}
+
+.rz-border-color-info-light {
+ border-color: var(--rz-info-light) !important;
+}
+
+.rz-border-color-info-lighter {
+ border-color: var(--rz-info-lighter) !important;
+}
+
+.rz-border-color-info-dark {
+ border-color: var(--rz-info-dark) !important;
+}
+
+.rz-border-color-info-darker {
+ border-color: var(--rz-info-darker) !important;
+}
+
+.rz-border-color-success {
+ border-color: var(--rz-success) !important;
+}
+
+.rz-border-color-success-light {
+ border-color: var(--rz-success-light) !important;
+}
+
+.rz-border-color-success-lighter {
+ border-color: var(--rz-success-lighter) !important;
+}
+
+.rz-border-color-success-dark {
+ border-color: var(--rz-success-dark) !important;
+}
+
+.rz-border-color-success-darker {
+ border-color: var(--rz-success-darker) !important;
+}
+
+.rz-border-color-warning {
+ border-color: var(--rz-warning) !important;
+}
+
+.rz-border-color-warning-light {
+ border-color: var(--rz-warning-light) !important;
+}
+
+.rz-border-color-warning-lighter {
+ border-color: var(--rz-warning-lighter) !important;
+}
+
+.rz-border-color-warning-dark {
+ border-color: var(--rz-warning-dark) !important;
+}
+
+.rz-border-color-warning-darker {
+ border-color: var(--rz-warning-darker) !important;
+}
+
+.rz-border-color-danger {
+ border-color: var(--rz-danger) !important;
+}
+
+.rz-border-color-danger-light {
+ border-color: var(--rz-danger-light) !important;
+}
+
+.rz-border-color-danger-lighter {
+ border-color: var(--rz-danger-lighter) !important;
+}
+
+.rz-border-color-danger-dark {
+ border-color: var(--rz-danger-dark) !important;
+}
+
+.rz-border-color-danger-darker {
+ border-color: var(--rz-danger-darker) !important;
+}
+
+.rz-border-color-on-base {
+ border-color: var(--rz-on-base) !important;
+}
+
+.rz-border-color-on-base-light {
+ border-color: var(--rz-on-base-light) !important;
+}
+
+.rz-border-color-on-base-lighter {
+ border-color: var(--rz-on-base-lighter) !important;
+}
+
+.rz-border-color-on-base-dark {
+ border-color: var(--rz-on-base-dark) !important;
+}
+
+.rz-border-color-on-base-darker {
+ border-color: var(--rz-on-base-darker) !important;
+}
+
+.rz-border-color-on-primary {
+ border-color: var(--rz-on-primary) !important;
+}
+
+.rz-border-color-on-primary-light {
+ border-color: var(--rz-on-primary-light) !important;
+}
+
+.rz-border-color-on-primary-lighter {
+ border-color: var(--rz-on-primary-lighter) !important;
+}
+
+.rz-border-color-on-primary-dark {
+ border-color: var(--rz-on-primary-dark) !important;
+}
+
+.rz-border-color-on-primary-darker {
+ border-color: var(--rz-on-primary-darker) !important;
+}
+
+.rz-border-color-on-secondary {
+ border-color: var(--rz-on-secondary) !important;
+}
+
+.rz-border-color-on-secondary-light {
+ border-color: var(--rz-on-secondary-light) !important;
+}
+
+.rz-border-color-on-secondary-lighter {
+ border-color: var(--rz-on-secondary-lighter) !important;
+}
+
+.rz-border-color-on-secondary-dark {
+ border-color: var(--rz-on-secondary-dark) !important;
+}
+
+.rz-border-color-on-secondary-darker {
+ border-color: var(--rz-on-secondary-darker) !important;
+}
+
+.rz-border-color-on-info {
+ border-color: var(--rz-on-info) !important;
+}
+
+.rz-border-color-on-info-light {
+ border-color: var(--rz-on-info-light) !important;
+}
+
+.rz-border-color-on-info-lighter {
+ border-color: var(--rz-on-info-lighter) !important;
+}
+
+.rz-border-color-on-info-dark {
+ border-color: var(--rz-on-info-dark) !important;
+}
+
+.rz-border-color-on-info-darker {
+ border-color: var(--rz-on-info-darker) !important;
+}
+
+.rz-border-color-on-success {
+ border-color: var(--rz-on-success) !important;
+}
+
+.rz-border-color-on-success-light {
+ border-color: var(--rz-on-success-light) !important;
+}
+
+.rz-border-color-on-success-lighter {
+ border-color: var(--rz-on-success-lighter) !important;
+}
+
+.rz-border-color-on-success-dark {
+ border-color: var(--rz-on-success-dark) !important;
+}
+
+.rz-border-color-on-success-darker {
+ border-color: var(--rz-on-success-darker) !important;
+}
+
+.rz-border-color-on-warning {
+ border-color: var(--rz-on-warning) !important;
+}
+
+.rz-border-color-on-warning-light {
+ border-color: var(--rz-on-warning-light) !important;
+}
+
+.rz-border-color-on-warning-lighter {
+ border-color: var(--rz-on-warning-lighter) !important;
+}
+
+.rz-border-color-on-warning-dark {
+ border-color: var(--rz-on-warning-dark) !important;
+}
+
+.rz-border-color-on-warning-darker {
+ border-color: var(--rz-on-warning-darker) !important;
+}
+
+.rz-border-color-on-danger {
+ border-color: var(--rz-on-danger) !important;
+}
+
+.rz-border-color-on-danger-light {
+ border-color: var(--rz-on-danger-light) !important;
+}
+
+.rz-border-color-on-danger-lighter {
+ border-color: var(--rz-on-danger-lighter) !important;
+}
+
+.rz-border-color-on-danger-dark {
+ border-color: var(--rz-on-danger-dark) !important;
+}
+
+.rz-border-color-on-danger-darker {
+ border-color: var(--rz-on-danger-darker) !important;
+}
+
+.rz-border-color-series-1 {
+ border-color: var(--rz-series-1) !important;
+}
+
+.rz-border-color-series-2 {
+ border-color: var(--rz-series-2) !important;
+}
+
+.rz-border-color-series-3 {
+ border-color: var(--rz-series-3) !important;
+}
+
+.rz-border-color-series-4 {
+ border-color: var(--rz-series-4) !important;
+}
+
+.rz-border-color-series-5 {
+ border-color: var(--rz-series-5) !important;
+}
+
+.rz-border-color-series-6 {
+ border-color: var(--rz-series-6) !important;
+}
+
+.rz-border-color-series-7 {
+ border-color: var(--rz-series-7) !important;
+}
+
+.rz-border-color-series-8 {
+ border-color: var(--rz-series-8) !important;
+}
+
+.rz-border-color-series-9 {
+ border-color: var(--rz-series-9) !important;
+}
+
+.rz-border-color-series-10 {
+ border-color: var(--rz-series-10) !important;
+}
+
+.rz-border-color-series-11 {
+ border-color: var(--rz-series-11) !important;
+}
+
+.rz-border-color-series-12 {
+ border-color: var(--rz-series-12) !important;
+}
+
+.rz-border-color-series-13 {
+ border-color: var(--rz-series-13) !important;
+}
+
+.rz-border-color-series-14 {
+ border-color: var(--rz-series-14) !important;
+}
+
+.rz-border-color-series-15 {
+ border-color: var(--rz-series-15) !important;
+}
+
+.rz-border-color-series-16 {
+ border-color: var(--rz-series-16) !important;
+}
+
+.rz-border-color-series-17 {
+ border-color: var(--rz-series-17) !important;
+}
+
+.rz-border-color-series-18 {
+ border-color: var(--rz-series-18) !important;
+}
+
+.rz-border-color-series-19 {
+ border-color: var(--rz-series-19) !important;
+}
+
+.rz-border-color-series-20 {
+ border-color: var(--rz-series-20) !important;
+}
+
+.rz-border-color-series-21 {
+ border-color: var(--rz-series-21) !important;
+}
+
+.rz-border-color-series-22 {
+ border-color: var(--rz-series-22) !important;
+}
+
+.rz-border-color-series-23 {
+ border-color: var(--rz-series-23) !important;
+}
+
+.rz-border-color-series-24 {
+ border-color: var(--rz-series-24) !important;
+}
+
+.rz-ripple {
+ position: relative;
+ overflow: hidden;
+}
+.rz-ripple:before {
+ content: "";
+ position: absolute;
+ inset: 0;
+ opacity: 0;
+ background-position: center;
+ background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%;
+ transition: background-size 0.8s, opacity 0.8s;
+ pointer-events: none;
+}
+.rz-ripple.rz-state-disabled:before {
+ background: transparent;
+}
+.rz-ripple:active:before {
+ transition: background-size 0s, opacity 0s;
+ opacity: 0.32;
+ background-size: 0%;
+}
+
+body {
+ margin: 0;
+}
+
+.rz-m-0 {
+ margin: 0 !important;
+}
+
+.rz-my-0,
+.rz-mt-0 {
+ margin-top: 0 !important;
+}
+
+.rz-mx-0,
+.rz-mr-0 {
+ margin-right: 0 !important;
+}
+
+.rz-my-0,
+.rz-mb-0 {
+ margin-bottom: 0 !important;
+}
+
+.rz-mx-0,
+.rz-ml-0 {
+ margin-left: 0 !important;
+}
+
+.rz-ms-0 {
+ margin-inline-start: 0 !important;
+}
+
+.rz-me-0 {
+ margin-inline-end: 0 !important;
+}
+
+.rz-m-05 {
+ margin: 0.125rem !important;
+}
+
+.rz-my-05,
+.rz-mt-05 {
+ margin-top: 0.125rem !important;
+}
+
+.rz-mx-05,
+.rz-mr-05 {
+ margin-right: 0.125rem !important;
+}
+
+.rz-my-05,
+.rz-mb-05 {
+ margin-bottom: 0.125rem !important;
+}
+
+.rz-mx-05,
+.rz-ml-05 {
+ margin-left: 0.125rem !important;
+}
+
+.rz-ms-05 {
+ margin-inline-start: 0.125rem !important;
+}
+
+.rz-me-05 {
+ margin-inline-end: 0.125rem !important;
+}
+
+.rz-m-1 {
+ margin: 0.25rem !important;
+}
+
+.rz-my-1,
+.rz-mt-1 {
+ margin-top: 0.25rem !important;
+}
+
+.rz-mx-1,
+.rz-mr-1 {
+ margin-right: 0.25rem !important;
+}
+
+.rz-my-1,
+.rz-mb-1 {
+ margin-bottom: 0.25rem !important;
+}
+
+.rz-mx-1,
+.rz-ml-1 {
+ margin-left: 0.25rem !important;
+}
+
+.rz-ms-1 {
+ margin-inline-start: 0.25rem !important;
+}
+
+.rz-me-1 {
+ margin-inline-end: 0.25rem !important;
+}
+
+.rz-m-2 {
+ margin: 0.5rem !important;
+}
+
+.rz-my-2,
+.rz-mt-2 {
+ margin-top: 0.5rem !important;
+}
+
+.rz-mx-2,
+.rz-mr-2 {
+ margin-right: 0.5rem !important;
+}
+
+.rz-my-2,
+.rz-mb-2 {
+ margin-bottom: 0.5rem !important;
+}
+
+.rz-mx-2,
+.rz-ml-2 {
+ margin-left: 0.5rem !important;
+}
+
+.rz-ms-2 {
+ margin-inline-start: 0.5rem !important;
+}
+
+.rz-me-2 {
+ margin-inline-end: 0.5rem !important;
+}
+
+.rz-m-3 {
+ margin: 0.75rem !important;
+}
+
+.rz-my-3,
+.rz-mt-3 {
+ margin-top: 0.75rem !important;
+}
+
+.rz-mx-3,
+.rz-mr-3 {
+ margin-right: 0.75rem !important;
+}
+
+.rz-my-3,
+.rz-mb-3 {
+ margin-bottom: 0.75rem !important;
+}
+
+.rz-mx-3,
+.rz-ml-3 {
+ margin-left: 0.75rem !important;
+}
+
+.rz-ms-3 {
+ margin-inline-start: 0.75rem !important;
+}
+
+.rz-me-3 {
+ margin-inline-end: 0.75rem !important;
+}
+
+.rz-m-4 {
+ margin: 1rem !important;
+}
+
+.rz-my-4,
+.rz-mt-4 {
+ margin-top: 1rem !important;
+}
+
+.rz-mx-4,
+.rz-mr-4 {
+ margin-right: 1rem !important;
+}
+
+.rz-my-4,
+.rz-mb-4 {
+ margin-bottom: 1rem !important;
+}
+
+.rz-mx-4,
+.rz-ml-4 {
+ margin-left: 1rem !important;
+}
+
+.rz-ms-4 {
+ margin-inline-start: 1rem !important;
+}
+
+.rz-me-4 {
+ margin-inline-end: 1rem !important;
+}
+
+.rz-m-5 {
+ margin: 1.25rem !important;
+}
+
+.rz-my-5,
+.rz-mt-5 {
+ margin-top: 1.25rem !important;
+}
+
+.rz-mx-5,
+.rz-mr-5 {
+ margin-right: 1.25rem !important;
+}
+
+.rz-my-5,
+.rz-mb-5 {
+ margin-bottom: 1.25rem !important;
+}
+
+.rz-mx-5,
+.rz-ml-5 {
+ margin-left: 1.25rem !important;
+}
+
+.rz-ms-5 {
+ margin-inline-start: 1.25rem !important;
+}
+
+.rz-me-5 {
+ margin-inline-end: 1.25rem !important;
+}
+
+.rz-m-6 {
+ margin: 1.5rem !important;
+}
+
+.rz-my-6,
+.rz-mt-6 {
+ margin-top: 1.5rem !important;
+}
+
+.rz-mx-6,
+.rz-mr-6 {
+ margin-right: 1.5rem !important;
+}
+
+.rz-my-6,
+.rz-mb-6 {
+ margin-bottom: 1.5rem !important;
+}
+
+.rz-mx-6,
+.rz-ml-6 {
+ margin-left: 1.5rem !important;
+}
+
+.rz-ms-6 {
+ margin-inline-start: 1.5rem !important;
+}
+
+.rz-me-6 {
+ margin-inline-end: 1.5rem !important;
+}
+
+.rz-m-7 {
+ margin: 1.75rem !important;
+}
+
+.rz-my-7,
+.rz-mt-7 {
+ margin-top: 1.75rem !important;
+}
+
+.rz-mx-7,
+.rz-mr-7 {
+ margin-right: 1.75rem !important;
+}
+
+.rz-my-7,
+.rz-mb-7 {
+ margin-bottom: 1.75rem !important;
+}
+
+.rz-mx-7,
+.rz-ml-7 {
+ margin-left: 1.75rem !important;
+}
+
+.rz-ms-7 {
+ margin-inline-start: 1.75rem !important;
+}
+
+.rz-me-7 {
+ margin-inline-end: 1.75rem !important;
+}
+
+.rz-m-8 {
+ margin: 2rem !important;
+}
+
+.rz-my-8,
+.rz-mt-8 {
+ margin-top: 2rem !important;
+}
+
+.rz-mx-8,
+.rz-mr-8 {
+ margin-right: 2rem !important;
+}
+
+.rz-my-8,
+.rz-mb-8 {
+ margin-bottom: 2rem !important;
+}
+
+.rz-mx-8,
+.rz-ml-8 {
+ margin-left: 2rem !important;
+}
+
+.rz-ms-8 {
+ margin-inline-start: 2rem !important;
+}
+
+.rz-me-8 {
+ margin-inline-end: 2rem !important;
+}
+
+.rz-m-9 {
+ margin: 2.25rem !important;
+}
+
+.rz-my-9,
+.rz-mt-9 {
+ margin-top: 2.25rem !important;
+}
+
+.rz-mx-9,
+.rz-mr-9 {
+ margin-right: 2.25rem !important;
+}
+
+.rz-my-9,
+.rz-mb-9 {
+ margin-bottom: 2.25rem !important;
+}
+
+.rz-mx-9,
+.rz-ml-9 {
+ margin-left: 2.25rem !important;
+}
+
+.rz-ms-9 {
+ margin-inline-start: 2.25rem !important;
+}
+
+.rz-me-9 {
+ margin-inline-end: 2.25rem !important;
+}
+
+.rz-m-10 {
+ margin: 2.5rem !important;
+}
+
+.rz-my-10,
+.rz-mt-10 {
+ margin-top: 2.5rem !important;
+}
+
+.rz-mx-10,
+.rz-mr-10 {
+ margin-right: 2.5rem !important;
+}
+
+.rz-my-10,
+.rz-mb-10 {
+ margin-bottom: 2.5rem !important;
+}
+
+.rz-mx-10,
+.rz-ml-10 {
+ margin-left: 2.5rem !important;
+}
+
+.rz-ms-10 {
+ margin-inline-start: 2.5rem !important;
+}
+
+.rz-me-10 {
+ margin-inline-end: 2.5rem !important;
+}
+
+.rz-m-11 {
+ margin: 2.75rem !important;
+}
+
+.rz-my-11,
+.rz-mt-11 {
+ margin-top: 2.75rem !important;
+}
+
+.rz-mx-11,
+.rz-mr-11 {
+ margin-right: 2.75rem !important;
+}
+
+.rz-my-11,
+.rz-mb-11 {
+ margin-bottom: 2.75rem !important;
+}
+
+.rz-mx-11,
+.rz-ml-11 {
+ margin-left: 2.75rem !important;
+}
+
+.rz-ms-11 {
+ margin-inline-start: 2.75rem !important;
+}
+
+.rz-me-11 {
+ margin-inline-end: 2.75rem !important;
+}
+
+.rz-m-12 {
+ margin: 3rem !important;
+}
+
+.rz-my-12,
+.rz-mt-12 {
+ margin-top: 3rem !important;
+}
+
+.rz-mx-12,
+.rz-mr-12 {
+ margin-right: 3rem !important;
+}
+
+.rz-my-12,
+.rz-mb-12 {
+ margin-bottom: 3rem !important;
+}
+
+.rz-mx-12,
+.rz-ml-12 {
+ margin-left: 3rem !important;
+}
+
+.rz-ms-12 {
+ margin-inline-start: 3rem !important;
+}
+
+.rz-me-12 {
+ margin-inline-end: 3rem !important;
+}
+
+.rz-p-0 {
+ padding: 0 !important;
+}
+
+.rz-py-0,
+.rz-pt-0 {
+ padding-top: 0 !important;
+}
+
+.rz-px-0,
+.rz-pr-0 {
+ padding-right: 0 !important;
+}
+
+.rz-py-0,
+.rz-pb-0 {
+ padding-bottom: 0 !important;
+}
+
+.rz-px-0,
+.rz-pl-0 {
+ padding-left: 0 !important;
+}
+
+.rz-ps-0 {
+ padding-inline-start: 0 !important;
+}
+
+.rz-pe-0 {
+ padding-inline-end: 0 !important;
+}
+
+.rz-p-05 {
+ padding: 0.125rem !important;
+}
+
+.rz-py-05,
+.rz-pt-05 {
+ padding-top: 0.125rem !important;
+}
+
+.rz-px-05,
+.rz-pr-05 {
+ padding-right: 0.125rem !important;
+}
+
+.rz-py-05,
+.rz-pb-05 {
+ padding-bottom: 0.125rem !important;
+}
+
+.rz-px-05,
+.rz-pl-05 {
+ padding-left: 0.125rem !important;
+}
+
+.rz-ps-05 {
+ padding-inline-start: 0.125rem !important;
+}
+
+.rz-pe-05 {
+ padding-inline-end: 0.125rem !important;
+}
+
+.rz-p-1 {
+ padding: 0.25rem !important;
+}
+
+.rz-py-1,
+.rz-pt-1 {
+ padding-top: 0.25rem !important;
+}
+
+.rz-px-1,
+.rz-pr-1 {
+ padding-right: 0.25rem !important;
+}
+
+.rz-py-1,
+.rz-pb-1 {
+ padding-bottom: 0.25rem !important;
+}
+
+.rz-px-1,
+.rz-pl-1 {
+ padding-left: 0.25rem !important;
+}
+
+.rz-ps-1 {
+ padding-inline-start: 0.25rem !important;
+}
+
+.rz-pe-1 {
+ padding-inline-end: 0.25rem !important;
+}
+
+.rz-p-2 {
+ padding: 0.5rem !important;
+}
+
+.rz-py-2,
+.rz-pt-2 {
+ padding-top: 0.5rem !important;
+}
+
+.rz-px-2,
+.rz-pr-2 {
+ padding-right: 0.5rem !important;
+}
+
+.rz-py-2,
+.rz-pb-2 {
+ padding-bottom: 0.5rem !important;
+}
+
+.rz-px-2,
+.rz-pl-2 {
+ padding-left: 0.5rem !important;
+}
+
+.rz-ps-2 {
+ padding-inline-start: 0.5rem !important;
+}
+
+.rz-pe-2 {
+ padding-inline-end: 0.5rem !important;
+}
+
+.rz-p-3 {
+ padding: 0.75rem !important;
+}
+
+.rz-py-3,
+.rz-pt-3 {
+ padding-top: 0.75rem !important;
+}
+
+.rz-px-3,
+.rz-pr-3 {
+ padding-right: 0.75rem !important;
+}
+
+.rz-py-3,
+.rz-pb-3 {
+ padding-bottom: 0.75rem !important;
+}
+
+.rz-px-3,
+.rz-pl-3 {
+ padding-left: 0.75rem !important;
+}
+
+.rz-ps-3 {
+ padding-inline-start: 0.75rem !important;
+}
+
+.rz-pe-3 {
+ padding-inline-end: 0.75rem !important;
+}
+
+.rz-p-4 {
+ padding: 1rem !important;
+}
+
+.rz-py-4,
+.rz-pt-4 {
+ padding-top: 1rem !important;
+}
+
+.rz-px-4,
+.rz-pr-4 {
+ padding-right: 1rem !important;
+}
+
+.rz-py-4,
+.rz-pb-4 {
+ padding-bottom: 1rem !important;
+}
+
+.rz-px-4,
+.rz-pl-4 {
+ padding-left: 1rem !important;
+}
+
+.rz-ps-4 {
+ padding-inline-start: 1rem !important;
+}
+
+.rz-pe-4 {
+ padding-inline-end: 1rem !important;
+}
+
+.rz-p-5 {
+ padding: 1.25rem !important;
+}
+
+.rz-py-5,
+.rz-pt-5 {
+ padding-top: 1.25rem !important;
+}
+
+.rz-px-5,
+.rz-pr-5 {
+ padding-right: 1.25rem !important;
+}
+
+.rz-py-5,
+.rz-pb-5 {
+ padding-bottom: 1.25rem !important;
+}
+
+.rz-px-5,
+.rz-pl-5 {
+ padding-left: 1.25rem !important;
+}
+
+.rz-ps-5 {
+ padding-inline-start: 1.25rem !important;
+}
+
+.rz-pe-5 {
+ padding-inline-end: 1.25rem !important;
+}
+
+.rz-p-6 {
+ padding: 1.5rem !important;
+}
+
+.rz-py-6,
+.rz-pt-6 {
+ padding-top: 1.5rem !important;
+}
+
+.rz-px-6,
+.rz-pr-6 {
+ padding-right: 1.5rem !important;
+}
+
+.rz-py-6,
+.rz-pb-6 {
+ padding-bottom: 1.5rem !important;
+}
+
+.rz-px-6,
+.rz-pl-6 {
+ padding-left: 1.5rem !important;
+}
+
+.rz-ps-6 {
+ padding-inline-start: 1.5rem !important;
+}
+
+.rz-pe-6 {
+ padding-inline-end: 1.5rem !important;
+}
+
+.rz-p-7 {
+ padding: 1.75rem !important;
+}
+
+.rz-py-7,
+.rz-pt-7 {
+ padding-top: 1.75rem !important;
+}
+
+.rz-px-7,
+.rz-pr-7 {
+ padding-right: 1.75rem !important;
+}
+
+.rz-py-7,
+.rz-pb-7 {
+ padding-bottom: 1.75rem !important;
+}
+
+.rz-px-7,
+.rz-pl-7 {
+ padding-left: 1.75rem !important;
+}
+
+.rz-ps-7 {
+ padding-inline-start: 1.75rem !important;
+}
+
+.rz-pe-7 {
+ padding-inline-end: 1.75rem !important;
+}
+
+.rz-p-8 {
+ padding: 2rem !important;
+}
+
+.rz-py-8,
+.rz-pt-8 {
+ padding-top: 2rem !important;
+}
+
+.rz-px-8,
+.rz-pr-8 {
+ padding-right: 2rem !important;
+}
+
+.rz-py-8,
+.rz-pb-8 {
+ padding-bottom: 2rem !important;
+}
+
+.rz-px-8,
+.rz-pl-8 {
+ padding-left: 2rem !important;
+}
+
+.rz-ps-8 {
+ padding-inline-start: 2rem !important;
+}
+
+.rz-pe-8 {
+ padding-inline-end: 2rem !important;
+}
+
+.rz-p-9 {
+ padding: 2.25rem !important;
+}
+
+.rz-py-9,
+.rz-pt-9 {
+ padding-top: 2.25rem !important;
+}
+
+.rz-px-9,
+.rz-pr-9 {
+ padding-right: 2.25rem !important;
+}
+
+.rz-py-9,
+.rz-pb-9 {
+ padding-bottom: 2.25rem !important;
+}
+
+.rz-px-9,
+.rz-pl-9 {
+ padding-left: 2.25rem !important;
+}
+
+.rz-ps-9 {
+ padding-inline-start: 2.25rem !important;
+}
+
+.rz-pe-9 {
+ padding-inline-end: 2.25rem !important;
+}
+
+.rz-p-10 {
+ padding: 2.5rem !important;
+}
+
+.rz-py-10,
+.rz-pt-10 {
+ padding-top: 2.5rem !important;
+}
+
+.rz-px-10,
+.rz-pr-10 {
+ padding-right: 2.5rem !important;
+}
+
+.rz-py-10,
+.rz-pb-10 {
+ padding-bottom: 2.5rem !important;
+}
+
+.rz-px-10,
+.rz-pl-10 {
+ padding-left: 2.5rem !important;
+}
+
+.rz-ps-10 {
+ padding-inline-start: 2.5rem !important;
+}
+
+.rz-pe-10 {
+ padding-inline-end: 2.5rem !important;
+}
+
+.rz-p-11 {
+ padding: 2.75rem !important;
+}
+
+.rz-py-11,
+.rz-pt-11 {
+ padding-top: 2.75rem !important;
+}
+
+.rz-px-11,
+.rz-pr-11 {
+ padding-right: 2.75rem !important;
+}
+
+.rz-py-11,
+.rz-pb-11 {
+ padding-bottom: 2.75rem !important;
+}
+
+.rz-px-11,
+.rz-pl-11 {
+ padding-left: 2.75rem !important;
+}
+
+.rz-ps-11 {
+ padding-inline-start: 2.75rem !important;
+}
+
+.rz-pe-11 {
+ padding-inline-end: 2.75rem !important;
+}
+
+.rz-p-12 {
+ padding: 3rem !important;
+}
+
+.rz-py-12,
+.rz-pt-12 {
+ padding-top: 3rem !important;
+}
+
+.rz-px-12,
+.rz-pr-12 {
+ padding-right: 3rem !important;
+}
+
+.rz-py-12,
+.rz-pb-12 {
+ padding-bottom: 3rem !important;
+}
+
+.rz-px-12,
+.rz-pl-12 {
+ padding-left: 3rem !important;
+}
+
+.rz-ps-12 {
+ padding-inline-start: 3rem !important;
+}
+
+.rz-pe-12 {
+ padding-inline-end: 3rem !important;
+}
+
+.rz-m-auto {
+ margin: auto !important;
+}
+
+.rz-my-auto,
+.rz-mt-auto {
+ margin-top: auto !important;
+}
+
+.rz-mx-auto,
+.rz-mr-auto {
+ margin-right: auto !important;
+}
+
+.rz-my-auto,
+.rz-mb-auto {
+ margin-bottom: auto !important;
+}
+
+.rz-mx-auto,
+.rz-ml-auto {
+ margin-left: auto !important;
+}
+
+.rz-ms-auto {
+ margin-inline-start: auto !important;
+}
+
+.rz-me-auto {
+ margin-inline-end: auto !important;
+}
+
+@media (min-width: 576px) {
+ .rz-m-xs-0 {
+ margin: 0 !important;
+ }
+ .rz-my-xs-0,
+ .rz-mt-xs-0 {
+ margin-top: 0 !important;
+ }
+ .rz-mx-xs-0,
+ .rz-mr-xs-0 {
+ margin-right: 0 !important;
+ }
+ .rz-my-xs-0,
+ .rz-mb-xs-0 {
+ margin-bottom: 0 !important;
+ }
+ .rz-mx-xs-0,
+ .rz-ml-xs-0 {
+ margin-left: 0 !important;
+ }
+ .rz-ms-xs-0 {
+ margin-inline-start: 0 !important;
+ }
+ .rz-me-xs-0 {
+ margin-inline-end: 0 !important;
+ }
+ .rz-m-xs-05 {
+ margin: 0.125rem !important;
+ }
+ .rz-my-xs-05,
+ .rz-mt-xs-05 {
+ margin-top: 0.125rem !important;
+ }
+ .rz-mx-xs-05,
+ .rz-mr-xs-05 {
+ margin-right: 0.125rem !important;
+ }
+ .rz-my-xs-05,
+ .rz-mb-xs-05 {
+ margin-bottom: 0.125rem !important;
+ }
+ .rz-mx-xs-05,
+ .rz-ml-xs-05 {
+ margin-left: 0.125rem !important;
+ }
+ .rz-ms-xs-05 {
+ margin-inline-start: 0.125rem !important;
+ }
+ .rz-me-xs-05 {
+ margin-inline-end: 0.125rem !important;
+ }
+ .rz-m-xs-1 {
+ margin: 0.25rem !important;
+ }
+ .rz-my-xs-1,
+ .rz-mt-xs-1 {
+ margin-top: 0.25rem !important;
+ }
+ .rz-mx-xs-1,
+ .rz-mr-xs-1 {
+ margin-right: 0.25rem !important;
+ }
+ .rz-my-xs-1,
+ .rz-mb-xs-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .rz-mx-xs-1,
+ .rz-ml-xs-1 {
+ margin-left: 0.25rem !important;
+ }
+ .rz-ms-xs-1 {
+ margin-inline-start: 0.25rem !important;
+ }
+ .rz-me-xs-1 {
+ margin-inline-end: 0.25rem !important;
+ }
+ .rz-m-xs-2 {
+ margin: 0.5rem !important;
+ }
+ .rz-my-xs-2,
+ .rz-mt-xs-2 {
+ margin-top: 0.5rem !important;
+ }
+ .rz-mx-xs-2,
+ .rz-mr-xs-2 {
+ margin-right: 0.5rem !important;
+ }
+ .rz-my-xs-2,
+ .rz-mb-xs-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .rz-mx-xs-2,
+ .rz-ml-xs-2 {
+ margin-left: 0.5rem !important;
+ }
+ .rz-ms-xs-2 {
+ margin-inline-start: 0.5rem !important;
+ }
+ .rz-me-xs-2 {
+ margin-inline-end: 0.5rem !important;
+ }
+ .rz-m-xs-3 {
+ margin: 0.75rem !important;
+ }
+ .rz-my-xs-3,
+ .rz-mt-xs-3 {
+ margin-top: 0.75rem !important;
+ }
+ .rz-mx-xs-3,
+ .rz-mr-xs-3 {
+ margin-right: 0.75rem !important;
+ }
+ .rz-my-xs-3,
+ .rz-mb-xs-3 {
+ margin-bottom: 0.75rem !important;
+ }
+ .rz-mx-xs-3,
+ .rz-ml-xs-3 {
+ margin-left: 0.75rem !important;
+ }
+ .rz-ms-xs-3 {
+ margin-inline-start: 0.75rem !important;
+ }
+ .rz-me-xs-3 {
+ margin-inline-end: 0.75rem !important;
+ }
+ .rz-m-xs-4 {
+ margin: 1rem !important;
+ }
+ .rz-my-xs-4,
+ .rz-mt-xs-4 {
+ margin-top: 1rem !important;
+ }
+ .rz-mx-xs-4,
+ .rz-mr-xs-4 {
+ margin-right: 1rem !important;
+ }
+ .rz-my-xs-4,
+ .rz-mb-xs-4 {
+ margin-bottom: 1rem !important;
+ }
+ .rz-mx-xs-4,
+ .rz-ml-xs-4 {
+ margin-left: 1rem !important;
+ }
+ .rz-ms-xs-4 {
+ margin-inline-start: 1rem !important;
+ }
+ .rz-me-xs-4 {
+ margin-inline-end: 1rem !important;
+ }
+ .rz-m-xs-5 {
+ margin: 1.25rem !important;
+ }
+ .rz-my-xs-5,
+ .rz-mt-xs-5 {
+ margin-top: 1.25rem !important;
+ }
+ .rz-mx-xs-5,
+ .rz-mr-xs-5 {
+ margin-right: 1.25rem !important;
+ }
+ .rz-my-xs-5,
+ .rz-mb-xs-5 {
+ margin-bottom: 1.25rem !important;
+ }
+ .rz-mx-xs-5,
+ .rz-ml-xs-5 {
+ margin-left: 1.25rem !important;
+ }
+ .rz-ms-xs-5 {
+ margin-inline-start: 1.25rem !important;
+ }
+ .rz-me-xs-5 {
+ margin-inline-end: 1.25rem !important;
+ }
+ .rz-m-xs-6 {
+ margin: 1.5rem !important;
+ }
+ .rz-my-xs-6,
+ .rz-mt-xs-6 {
+ margin-top: 1.5rem !important;
+ }
+ .rz-mx-xs-6,
+ .rz-mr-xs-6 {
+ margin-right: 1.5rem !important;
+ }
+ .rz-my-xs-6,
+ .rz-mb-xs-6 {
+ margin-bottom: 1.5rem !important;
+ }
+ .rz-mx-xs-6,
+ .rz-ml-xs-6 {
+ margin-left: 1.5rem !important;
+ }
+ .rz-ms-xs-6 {
+ margin-inline-start: 1.5rem !important;
+ }
+ .rz-me-xs-6 {
+ margin-inline-end: 1.5rem !important;
+ }
+ .rz-m-xs-7 {
+ margin: 1.75rem !important;
+ }
+ .rz-my-xs-7,
+ .rz-mt-xs-7 {
+ margin-top: 1.75rem !important;
+ }
+ .rz-mx-xs-7,
+ .rz-mr-xs-7 {
+ margin-right: 1.75rem !important;
+ }
+ .rz-my-xs-7,
+ .rz-mb-xs-7 {
+ margin-bottom: 1.75rem !important;
+ }
+ .rz-mx-xs-7,
+ .rz-ml-xs-7 {
+ margin-left: 1.75rem !important;
+ }
+ .rz-ms-xs-7 {
+ margin-inline-start: 1.75rem !important;
+ }
+ .rz-me-xs-7 {
+ margin-inline-end: 1.75rem !important;
+ }
+ .rz-m-xs-8 {
+ margin: 2rem !important;
+ }
+ .rz-my-xs-8,
+ .rz-mt-xs-8 {
+ margin-top: 2rem !important;
+ }
+ .rz-mx-xs-8,
+ .rz-mr-xs-8 {
+ margin-right: 2rem !important;
+ }
+ .rz-my-xs-8,
+ .rz-mb-xs-8 {
+ margin-bottom: 2rem !important;
+ }
+ .rz-mx-xs-8,
+ .rz-ml-xs-8 {
+ margin-left: 2rem !important;
+ }
+ .rz-ms-xs-8 {
+ margin-inline-start: 2rem !important;
+ }
+ .rz-me-xs-8 {
+ margin-inline-end: 2rem !important;
+ }
+ .rz-m-xs-9 {
+ margin: 2.25rem !important;
+ }
+ .rz-my-xs-9,
+ .rz-mt-xs-9 {
+ margin-top: 2.25rem !important;
+ }
+ .rz-mx-xs-9,
+ .rz-mr-xs-9 {
+ margin-right: 2.25rem !important;
+ }
+ .rz-my-xs-9,
+ .rz-mb-xs-9 {
+ margin-bottom: 2.25rem !important;
+ }
+ .rz-mx-xs-9,
+ .rz-ml-xs-9 {
+ margin-left: 2.25rem !important;
+ }
+ .rz-ms-xs-9 {
+ margin-inline-start: 2.25rem !important;
+ }
+ .rz-me-xs-9 {
+ margin-inline-end: 2.25rem !important;
+ }
+ .rz-m-xs-10 {
+ margin: 2.5rem !important;
+ }
+ .rz-my-xs-10,
+ .rz-mt-xs-10 {
+ margin-top: 2.5rem !important;
+ }
+ .rz-mx-xs-10,
+ .rz-mr-xs-10 {
+ margin-right: 2.5rem !important;
+ }
+ .rz-my-xs-10,
+ .rz-mb-xs-10 {
+ margin-bottom: 2.5rem !important;
+ }
+ .rz-mx-xs-10,
+ .rz-ml-xs-10 {
+ margin-left: 2.5rem !important;
+ }
+ .rz-ms-xs-10 {
+ margin-inline-start: 2.5rem !important;
+ }
+ .rz-me-xs-10 {
+ margin-inline-end: 2.5rem !important;
+ }
+ .rz-m-xs-11 {
+ margin: 2.75rem !important;
+ }
+ .rz-my-xs-11,
+ .rz-mt-xs-11 {
+ margin-top: 2.75rem !important;
+ }
+ .rz-mx-xs-11,
+ .rz-mr-xs-11 {
+ margin-right: 2.75rem !important;
+ }
+ .rz-my-xs-11,
+ .rz-mb-xs-11 {
+ margin-bottom: 2.75rem !important;
+ }
+ .rz-mx-xs-11,
+ .rz-ml-xs-11 {
+ margin-left: 2.75rem !important;
+ }
+ .rz-ms-xs-11 {
+ margin-inline-start: 2.75rem !important;
+ }
+ .rz-me-xs-11 {
+ margin-inline-end: 2.75rem !important;
+ }
+ .rz-m-xs-12 {
+ margin: 3rem !important;
+ }
+ .rz-my-xs-12,
+ .rz-mt-xs-12 {
+ margin-top: 3rem !important;
+ }
+ .rz-mx-xs-12,
+ .rz-mr-xs-12 {
+ margin-right: 3rem !important;
+ }
+ .rz-my-xs-12,
+ .rz-mb-xs-12 {
+ margin-bottom: 3rem !important;
+ }
+ .rz-mx-xs-12,
+ .rz-ml-xs-12 {
+ margin-left: 3rem !important;
+ }
+ .rz-ms-xs-12 {
+ margin-inline-start: 3rem !important;
+ }
+ .rz-me-xs-12 {
+ margin-inline-end: 3rem !important;
+ }
+ .rz-p-xs-0 {
+ padding: 0 !important;
+ }
+ .rz-py-xs-0,
+ .rz-pt-xs-0 {
+ padding-top: 0 !important;
+ }
+ .rz-px-xs-0,
+ .rz-pr-xs-0 {
+ padding-right: 0 !important;
+ }
+ .rz-py-xs-0,
+ .rz-pb-xs-0 {
+ padding-bottom: 0 !important;
+ }
+ .rz-px-xs-0,
+ .rz-pl-xs-0 {
+ padding-left: 0 !important;
+ }
+ .rz-ps-xs-0 {
+ padding-inline-start: 0 !important;
+ }
+ .rz-pe-xs-0 {
+ padding-inline-end: 0 !important;
+ }
+ .rz-p-xs-05 {
+ padding: 0.125rem !important;
+ }
+ .rz-py-xs-05,
+ .rz-pt-xs-05 {
+ padding-top: 0.125rem !important;
+ }
+ .rz-px-xs-05,
+ .rz-pr-xs-05 {
+ padding-right: 0.125rem !important;
+ }
+ .rz-py-xs-05,
+ .rz-pb-xs-05 {
+ padding-bottom: 0.125rem !important;
+ }
+ .rz-px-xs-05,
+ .rz-pl-xs-05 {
+ padding-left: 0.125rem !important;
+ }
+ .rz-ps-xs-05 {
+ padding-inline-start: 0.125rem !important;
+ }
+ .rz-pe-xs-05 {
+ padding-inline-end: 0.125rem !important;
+ }
+ .rz-p-xs-1 {
+ padding: 0.25rem !important;
+ }
+ .rz-py-xs-1,
+ .rz-pt-xs-1 {
+ padding-top: 0.25rem !important;
+ }
+ .rz-px-xs-1,
+ .rz-pr-xs-1 {
+ padding-right: 0.25rem !important;
+ }
+ .rz-py-xs-1,
+ .rz-pb-xs-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .rz-px-xs-1,
+ .rz-pl-xs-1 {
+ padding-left: 0.25rem !important;
+ }
+ .rz-ps-xs-1 {
+ padding-inline-start: 0.25rem !important;
+ }
+ .rz-pe-xs-1 {
+ padding-inline-end: 0.25rem !important;
+ }
+ .rz-p-xs-2 {
+ padding: 0.5rem !important;
+ }
+ .rz-py-xs-2,
+ .rz-pt-xs-2 {
+ padding-top: 0.5rem !important;
+ }
+ .rz-px-xs-2,
+ .rz-pr-xs-2 {
+ padding-right: 0.5rem !important;
+ }
+ .rz-py-xs-2,
+ .rz-pb-xs-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .rz-px-xs-2,
+ .rz-pl-xs-2 {
+ padding-left: 0.5rem !important;
+ }
+ .rz-ps-xs-2 {
+ padding-inline-start: 0.5rem !important;
+ }
+ .rz-pe-xs-2 {
+ padding-inline-end: 0.5rem !important;
+ }
+ .rz-p-xs-3 {
+ padding: 0.75rem !important;
+ }
+ .rz-py-xs-3,
+ .rz-pt-xs-3 {
+ padding-top: 0.75rem !important;
+ }
+ .rz-px-xs-3,
+ .rz-pr-xs-3 {
+ padding-right: 0.75rem !important;
+ }
+ .rz-py-xs-3,
+ .rz-pb-xs-3 {
+ padding-bottom: 0.75rem !important;
+ }
+ .rz-px-xs-3,
+ .rz-pl-xs-3 {
+ padding-left: 0.75rem !important;
+ }
+ .rz-ps-xs-3 {
+ padding-inline-start: 0.75rem !important;
+ }
+ .rz-pe-xs-3 {
+ padding-inline-end: 0.75rem !important;
+ }
+ .rz-p-xs-4 {
+ padding: 1rem !important;
+ }
+ .rz-py-xs-4,
+ .rz-pt-xs-4 {
+ padding-top: 1rem !important;
+ }
+ .rz-px-xs-4,
+ .rz-pr-xs-4 {
+ padding-right: 1rem !important;
+ }
+ .rz-py-xs-4,
+ .rz-pb-xs-4 {
+ padding-bottom: 1rem !important;
+ }
+ .rz-px-xs-4,
+ .rz-pl-xs-4 {
+ padding-left: 1rem !important;
+ }
+ .rz-ps-xs-4 {
+ padding-inline-start: 1rem !important;
+ }
+ .rz-pe-xs-4 {
+ padding-inline-end: 1rem !important;
+ }
+ .rz-p-xs-5 {
+ padding: 1.25rem !important;
+ }
+ .rz-py-xs-5,
+ .rz-pt-xs-5 {
+ padding-top: 1.25rem !important;
+ }
+ .rz-px-xs-5,
+ .rz-pr-xs-5 {
+ padding-right: 1.25rem !important;
+ }
+ .rz-py-xs-5,
+ .rz-pb-xs-5 {
+ padding-bottom: 1.25rem !important;
+ }
+ .rz-px-xs-5,
+ .rz-pl-xs-5 {
+ padding-left: 1.25rem !important;
+ }
+ .rz-ps-xs-5 {
+ padding-inline-start: 1.25rem !important;
+ }
+ .rz-pe-xs-5 {
+ padding-inline-end: 1.25rem !important;
+ }
+ .rz-p-xs-6 {
+ padding: 1.5rem !important;
+ }
+ .rz-py-xs-6,
+ .rz-pt-xs-6 {
+ padding-top: 1.5rem !important;
+ }
+ .rz-px-xs-6,
+ .rz-pr-xs-6 {
+ padding-right: 1.5rem !important;
+ }
+ .rz-py-xs-6,
+ .rz-pb-xs-6 {
+ padding-bottom: 1.5rem !important;
+ }
+ .rz-px-xs-6,
+ .rz-pl-xs-6 {
+ padding-left: 1.5rem !important;
+ }
+ .rz-ps-xs-6 {
+ padding-inline-start: 1.5rem !important;
+ }
+ .rz-pe-xs-6 {
+ padding-inline-end: 1.5rem !important;
+ }
+ .rz-p-xs-7 {
+ padding: 1.75rem !important;
+ }
+ .rz-py-xs-7,
+ .rz-pt-xs-7 {
+ padding-top: 1.75rem !important;
+ }
+ .rz-px-xs-7,
+ .rz-pr-xs-7 {
+ padding-right: 1.75rem !important;
+ }
+ .rz-py-xs-7,
+ .rz-pb-xs-7 {
+ padding-bottom: 1.75rem !important;
+ }
+ .rz-px-xs-7,
+ .rz-pl-xs-7 {
+ padding-left: 1.75rem !important;
+ }
+ .rz-ps-xs-7 {
+ padding-inline-start: 1.75rem !important;
+ }
+ .rz-pe-xs-7 {
+ padding-inline-end: 1.75rem !important;
+ }
+ .rz-p-xs-8 {
+ padding: 2rem !important;
+ }
+ .rz-py-xs-8,
+ .rz-pt-xs-8 {
+ padding-top: 2rem !important;
+ }
+ .rz-px-xs-8,
+ .rz-pr-xs-8 {
+ padding-right: 2rem !important;
+ }
+ .rz-py-xs-8,
+ .rz-pb-xs-8 {
+ padding-bottom: 2rem !important;
+ }
+ .rz-px-xs-8,
+ .rz-pl-xs-8 {
+ padding-left: 2rem !important;
+ }
+ .rz-ps-xs-8 {
+ padding-inline-start: 2rem !important;
+ }
+ .rz-pe-xs-8 {
+ padding-inline-end: 2rem !important;
+ }
+ .rz-p-xs-9 {
+ padding: 2.25rem !important;
+ }
+ .rz-py-xs-9,
+ .rz-pt-xs-9 {
+ padding-top: 2.25rem !important;
+ }
+ .rz-px-xs-9,
+ .rz-pr-xs-9 {
+ padding-right: 2.25rem !important;
+ }
+ .rz-py-xs-9,
+ .rz-pb-xs-9 {
+ padding-bottom: 2.25rem !important;
+ }
+ .rz-px-xs-9,
+ .rz-pl-xs-9 {
+ padding-left: 2.25rem !important;
+ }
+ .rz-ps-xs-9 {
+ padding-inline-start: 2.25rem !important;
+ }
+ .rz-pe-xs-9 {
+ padding-inline-end: 2.25rem !important;
+ }
+ .rz-p-xs-10 {
+ padding: 2.5rem !important;
+ }
+ .rz-py-xs-10,
+ .rz-pt-xs-10 {
+ padding-top: 2.5rem !important;
+ }
+ .rz-px-xs-10,
+ .rz-pr-xs-10 {
+ padding-right: 2.5rem !important;
+ }
+ .rz-py-xs-10,
+ .rz-pb-xs-10 {
+ padding-bottom: 2.5rem !important;
+ }
+ .rz-px-xs-10,
+ .rz-pl-xs-10 {
+ padding-left: 2.5rem !important;
+ }
+ .rz-ps-xs-10 {
+ padding-inline-start: 2.5rem !important;
+ }
+ .rz-pe-xs-10 {
+ padding-inline-end: 2.5rem !important;
+ }
+ .rz-p-xs-11 {
+ padding: 2.75rem !important;
+ }
+ .rz-py-xs-11,
+ .rz-pt-xs-11 {
+ padding-top: 2.75rem !important;
+ }
+ .rz-px-xs-11,
+ .rz-pr-xs-11 {
+ padding-right: 2.75rem !important;
+ }
+ .rz-py-xs-11,
+ .rz-pb-xs-11 {
+ padding-bottom: 2.75rem !important;
+ }
+ .rz-px-xs-11,
+ .rz-pl-xs-11 {
+ padding-left: 2.75rem !important;
+ }
+ .rz-ps-xs-11 {
+ padding-inline-start: 2.75rem !important;
+ }
+ .rz-pe-xs-11 {
+ padding-inline-end: 2.75rem !important;
+ }
+ .rz-p-xs-12 {
+ padding: 3rem !important;
+ }
+ .rz-py-xs-12,
+ .rz-pt-xs-12 {
+ padding-top: 3rem !important;
+ }
+ .rz-px-xs-12,
+ .rz-pr-xs-12 {
+ padding-right: 3rem !important;
+ }
+ .rz-py-xs-12,
+ .rz-pb-xs-12 {
+ padding-bottom: 3rem !important;
+ }
+ .rz-px-xs-12,
+ .rz-pl-xs-12 {
+ padding-left: 3rem !important;
+ }
+ .rz-ps-xs-12 {
+ padding-inline-start: 3rem !important;
+ }
+ .rz-pe-xs-12 {
+ padding-inline-end: 3rem !important;
+ }
+ .rz-m-xs-auto {
+ margin: auto !important;
+ }
+ .rz-my-xs-auto,
+ .rz-mt-xs-auto {
+ margin-top: auto !important;
+ }
+ .rz-mx-xs-auto,
+ .rz-mr-xs-auto {
+ margin-right: auto !important;
+ }
+ .rz-my-xs-auto,
+ .rz-mb-xs-auto {
+ margin-bottom: auto !important;
+ }
+ .rz-mx-xs-auto,
+ .rz-ml-xs-auto {
+ margin-left: auto !important;
+ }
+ .rz-ms-xs-auto {
+ margin-inline-start: auto !important;
+ }
+ .rz-me-xs-auto {
+ margin-inline-end: auto !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-m-sm-0 {
+ margin: 0 !important;
+ }
+ .rz-my-sm-0,
+ .rz-mt-sm-0 {
+ margin-top: 0 !important;
+ }
+ .rz-mx-sm-0,
+ .rz-mr-sm-0 {
+ margin-right: 0 !important;
+ }
+ .rz-my-sm-0,
+ .rz-mb-sm-0 {
+ margin-bottom: 0 !important;
+ }
+ .rz-mx-sm-0,
+ .rz-ml-sm-0 {
+ margin-left: 0 !important;
+ }
+ .rz-ms-sm-0 {
+ margin-inline-start: 0 !important;
+ }
+ .rz-me-sm-0 {
+ margin-inline-end: 0 !important;
+ }
+ .rz-m-sm-05 {
+ margin: 0.125rem !important;
+ }
+ .rz-my-sm-05,
+ .rz-mt-sm-05 {
+ margin-top: 0.125rem !important;
+ }
+ .rz-mx-sm-05,
+ .rz-mr-sm-05 {
+ margin-right: 0.125rem !important;
+ }
+ .rz-my-sm-05,
+ .rz-mb-sm-05 {
+ margin-bottom: 0.125rem !important;
+ }
+ .rz-mx-sm-05,
+ .rz-ml-sm-05 {
+ margin-left: 0.125rem !important;
+ }
+ .rz-ms-sm-05 {
+ margin-inline-start: 0.125rem !important;
+ }
+ .rz-me-sm-05 {
+ margin-inline-end: 0.125rem !important;
+ }
+ .rz-m-sm-1 {
+ margin: 0.25rem !important;
+ }
+ .rz-my-sm-1,
+ .rz-mt-sm-1 {
+ margin-top: 0.25rem !important;
+ }
+ .rz-mx-sm-1,
+ .rz-mr-sm-1 {
+ margin-right: 0.25rem !important;
+ }
+ .rz-my-sm-1,
+ .rz-mb-sm-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .rz-mx-sm-1,
+ .rz-ml-sm-1 {
+ margin-left: 0.25rem !important;
+ }
+ .rz-ms-sm-1 {
+ margin-inline-start: 0.25rem !important;
+ }
+ .rz-me-sm-1 {
+ margin-inline-end: 0.25rem !important;
+ }
+ .rz-m-sm-2 {
+ margin: 0.5rem !important;
+ }
+ .rz-my-sm-2,
+ .rz-mt-sm-2 {
+ margin-top: 0.5rem !important;
+ }
+ .rz-mx-sm-2,
+ .rz-mr-sm-2 {
+ margin-right: 0.5rem !important;
+ }
+ .rz-my-sm-2,
+ .rz-mb-sm-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .rz-mx-sm-2,
+ .rz-ml-sm-2 {
+ margin-left: 0.5rem !important;
+ }
+ .rz-ms-sm-2 {
+ margin-inline-start: 0.5rem !important;
+ }
+ .rz-me-sm-2 {
+ margin-inline-end: 0.5rem !important;
+ }
+ .rz-m-sm-3 {
+ margin: 0.75rem !important;
+ }
+ .rz-my-sm-3,
+ .rz-mt-sm-3 {
+ margin-top: 0.75rem !important;
+ }
+ .rz-mx-sm-3,
+ .rz-mr-sm-3 {
+ margin-right: 0.75rem !important;
+ }
+ .rz-my-sm-3,
+ .rz-mb-sm-3 {
+ margin-bottom: 0.75rem !important;
+ }
+ .rz-mx-sm-3,
+ .rz-ml-sm-3 {
+ margin-left: 0.75rem !important;
+ }
+ .rz-ms-sm-3 {
+ margin-inline-start: 0.75rem !important;
+ }
+ .rz-me-sm-3 {
+ margin-inline-end: 0.75rem !important;
+ }
+ .rz-m-sm-4 {
+ margin: 1rem !important;
+ }
+ .rz-my-sm-4,
+ .rz-mt-sm-4 {
+ margin-top: 1rem !important;
+ }
+ .rz-mx-sm-4,
+ .rz-mr-sm-4 {
+ margin-right: 1rem !important;
+ }
+ .rz-my-sm-4,
+ .rz-mb-sm-4 {
+ margin-bottom: 1rem !important;
+ }
+ .rz-mx-sm-4,
+ .rz-ml-sm-4 {
+ margin-left: 1rem !important;
+ }
+ .rz-ms-sm-4 {
+ margin-inline-start: 1rem !important;
+ }
+ .rz-me-sm-4 {
+ margin-inline-end: 1rem !important;
+ }
+ .rz-m-sm-5 {
+ margin: 1.25rem !important;
+ }
+ .rz-my-sm-5,
+ .rz-mt-sm-5 {
+ margin-top: 1.25rem !important;
+ }
+ .rz-mx-sm-5,
+ .rz-mr-sm-5 {
+ margin-right: 1.25rem !important;
+ }
+ .rz-my-sm-5,
+ .rz-mb-sm-5 {
+ margin-bottom: 1.25rem !important;
+ }
+ .rz-mx-sm-5,
+ .rz-ml-sm-5 {
+ margin-left: 1.25rem !important;
+ }
+ .rz-ms-sm-5 {
+ margin-inline-start: 1.25rem !important;
+ }
+ .rz-me-sm-5 {
+ margin-inline-end: 1.25rem !important;
+ }
+ .rz-m-sm-6 {
+ margin: 1.5rem !important;
+ }
+ .rz-my-sm-6,
+ .rz-mt-sm-6 {
+ margin-top: 1.5rem !important;
+ }
+ .rz-mx-sm-6,
+ .rz-mr-sm-6 {
+ margin-right: 1.5rem !important;
+ }
+ .rz-my-sm-6,
+ .rz-mb-sm-6 {
+ margin-bottom: 1.5rem !important;
+ }
+ .rz-mx-sm-6,
+ .rz-ml-sm-6 {
+ margin-left: 1.5rem !important;
+ }
+ .rz-ms-sm-6 {
+ margin-inline-start: 1.5rem !important;
+ }
+ .rz-me-sm-6 {
+ margin-inline-end: 1.5rem !important;
+ }
+ .rz-m-sm-7 {
+ margin: 1.75rem !important;
+ }
+ .rz-my-sm-7,
+ .rz-mt-sm-7 {
+ margin-top: 1.75rem !important;
+ }
+ .rz-mx-sm-7,
+ .rz-mr-sm-7 {
+ margin-right: 1.75rem !important;
+ }
+ .rz-my-sm-7,
+ .rz-mb-sm-7 {
+ margin-bottom: 1.75rem !important;
+ }
+ .rz-mx-sm-7,
+ .rz-ml-sm-7 {
+ margin-left: 1.75rem !important;
+ }
+ .rz-ms-sm-7 {
+ margin-inline-start: 1.75rem !important;
+ }
+ .rz-me-sm-7 {
+ margin-inline-end: 1.75rem !important;
+ }
+ .rz-m-sm-8 {
+ margin: 2rem !important;
+ }
+ .rz-my-sm-8,
+ .rz-mt-sm-8 {
+ margin-top: 2rem !important;
+ }
+ .rz-mx-sm-8,
+ .rz-mr-sm-8 {
+ margin-right: 2rem !important;
+ }
+ .rz-my-sm-8,
+ .rz-mb-sm-8 {
+ margin-bottom: 2rem !important;
+ }
+ .rz-mx-sm-8,
+ .rz-ml-sm-8 {
+ margin-left: 2rem !important;
+ }
+ .rz-ms-sm-8 {
+ margin-inline-start: 2rem !important;
+ }
+ .rz-me-sm-8 {
+ margin-inline-end: 2rem !important;
+ }
+ .rz-m-sm-9 {
+ margin: 2.25rem !important;
+ }
+ .rz-my-sm-9,
+ .rz-mt-sm-9 {
+ margin-top: 2.25rem !important;
+ }
+ .rz-mx-sm-9,
+ .rz-mr-sm-9 {
+ margin-right: 2.25rem !important;
+ }
+ .rz-my-sm-9,
+ .rz-mb-sm-9 {
+ margin-bottom: 2.25rem !important;
+ }
+ .rz-mx-sm-9,
+ .rz-ml-sm-9 {
+ margin-left: 2.25rem !important;
+ }
+ .rz-ms-sm-9 {
+ margin-inline-start: 2.25rem !important;
+ }
+ .rz-me-sm-9 {
+ margin-inline-end: 2.25rem !important;
+ }
+ .rz-m-sm-10 {
+ margin: 2.5rem !important;
+ }
+ .rz-my-sm-10,
+ .rz-mt-sm-10 {
+ margin-top: 2.5rem !important;
+ }
+ .rz-mx-sm-10,
+ .rz-mr-sm-10 {
+ margin-right: 2.5rem !important;
+ }
+ .rz-my-sm-10,
+ .rz-mb-sm-10 {
+ margin-bottom: 2.5rem !important;
+ }
+ .rz-mx-sm-10,
+ .rz-ml-sm-10 {
+ margin-left: 2.5rem !important;
+ }
+ .rz-ms-sm-10 {
+ margin-inline-start: 2.5rem !important;
+ }
+ .rz-me-sm-10 {
+ margin-inline-end: 2.5rem !important;
+ }
+ .rz-m-sm-11 {
+ margin: 2.75rem !important;
+ }
+ .rz-my-sm-11,
+ .rz-mt-sm-11 {
+ margin-top: 2.75rem !important;
+ }
+ .rz-mx-sm-11,
+ .rz-mr-sm-11 {
+ margin-right: 2.75rem !important;
+ }
+ .rz-my-sm-11,
+ .rz-mb-sm-11 {
+ margin-bottom: 2.75rem !important;
+ }
+ .rz-mx-sm-11,
+ .rz-ml-sm-11 {
+ margin-left: 2.75rem !important;
+ }
+ .rz-ms-sm-11 {
+ margin-inline-start: 2.75rem !important;
+ }
+ .rz-me-sm-11 {
+ margin-inline-end: 2.75rem !important;
+ }
+ .rz-m-sm-12 {
+ margin: 3rem !important;
+ }
+ .rz-my-sm-12,
+ .rz-mt-sm-12 {
+ margin-top: 3rem !important;
+ }
+ .rz-mx-sm-12,
+ .rz-mr-sm-12 {
+ margin-right: 3rem !important;
+ }
+ .rz-my-sm-12,
+ .rz-mb-sm-12 {
+ margin-bottom: 3rem !important;
+ }
+ .rz-mx-sm-12,
+ .rz-ml-sm-12 {
+ margin-left: 3rem !important;
+ }
+ .rz-ms-sm-12 {
+ margin-inline-start: 3rem !important;
+ }
+ .rz-me-sm-12 {
+ margin-inline-end: 3rem !important;
+ }
+ .rz-p-sm-0 {
+ padding: 0 !important;
+ }
+ .rz-py-sm-0,
+ .rz-pt-sm-0 {
+ padding-top: 0 !important;
+ }
+ .rz-px-sm-0,
+ .rz-pr-sm-0 {
+ padding-right: 0 !important;
+ }
+ .rz-py-sm-0,
+ .rz-pb-sm-0 {
+ padding-bottom: 0 !important;
+ }
+ .rz-px-sm-0,
+ .rz-pl-sm-0 {
+ padding-left: 0 !important;
+ }
+ .rz-ps-sm-0 {
+ padding-inline-start: 0 !important;
+ }
+ .rz-pe-sm-0 {
+ padding-inline-end: 0 !important;
+ }
+ .rz-p-sm-05 {
+ padding: 0.125rem !important;
+ }
+ .rz-py-sm-05,
+ .rz-pt-sm-05 {
+ padding-top: 0.125rem !important;
+ }
+ .rz-px-sm-05,
+ .rz-pr-sm-05 {
+ padding-right: 0.125rem !important;
+ }
+ .rz-py-sm-05,
+ .rz-pb-sm-05 {
+ padding-bottom: 0.125rem !important;
+ }
+ .rz-px-sm-05,
+ .rz-pl-sm-05 {
+ padding-left: 0.125rem !important;
+ }
+ .rz-ps-sm-05 {
+ padding-inline-start: 0.125rem !important;
+ }
+ .rz-pe-sm-05 {
+ padding-inline-end: 0.125rem !important;
+ }
+ .rz-p-sm-1 {
+ padding: 0.25rem !important;
+ }
+ .rz-py-sm-1,
+ .rz-pt-sm-1 {
+ padding-top: 0.25rem !important;
+ }
+ .rz-px-sm-1,
+ .rz-pr-sm-1 {
+ padding-right: 0.25rem !important;
+ }
+ .rz-py-sm-1,
+ .rz-pb-sm-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .rz-px-sm-1,
+ .rz-pl-sm-1 {
+ padding-left: 0.25rem !important;
+ }
+ .rz-ps-sm-1 {
+ padding-inline-start: 0.25rem !important;
+ }
+ .rz-pe-sm-1 {
+ padding-inline-end: 0.25rem !important;
+ }
+ .rz-p-sm-2 {
+ padding: 0.5rem !important;
+ }
+ .rz-py-sm-2,
+ .rz-pt-sm-2 {
+ padding-top: 0.5rem !important;
+ }
+ .rz-px-sm-2,
+ .rz-pr-sm-2 {
+ padding-right: 0.5rem !important;
+ }
+ .rz-py-sm-2,
+ .rz-pb-sm-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .rz-px-sm-2,
+ .rz-pl-sm-2 {
+ padding-left: 0.5rem !important;
+ }
+ .rz-ps-sm-2 {
+ padding-inline-start: 0.5rem !important;
+ }
+ .rz-pe-sm-2 {
+ padding-inline-end: 0.5rem !important;
+ }
+ .rz-p-sm-3 {
+ padding: 0.75rem !important;
+ }
+ .rz-py-sm-3,
+ .rz-pt-sm-3 {
+ padding-top: 0.75rem !important;
+ }
+ .rz-px-sm-3,
+ .rz-pr-sm-3 {
+ padding-right: 0.75rem !important;
+ }
+ .rz-py-sm-3,
+ .rz-pb-sm-3 {
+ padding-bottom: 0.75rem !important;
+ }
+ .rz-px-sm-3,
+ .rz-pl-sm-3 {
+ padding-left: 0.75rem !important;
+ }
+ .rz-ps-sm-3 {
+ padding-inline-start: 0.75rem !important;
+ }
+ .rz-pe-sm-3 {
+ padding-inline-end: 0.75rem !important;
+ }
+ .rz-p-sm-4 {
+ padding: 1rem !important;
+ }
+ .rz-py-sm-4,
+ .rz-pt-sm-4 {
+ padding-top: 1rem !important;
+ }
+ .rz-px-sm-4,
+ .rz-pr-sm-4 {
+ padding-right: 1rem !important;
+ }
+ .rz-py-sm-4,
+ .rz-pb-sm-4 {
+ padding-bottom: 1rem !important;
+ }
+ .rz-px-sm-4,
+ .rz-pl-sm-4 {
+ padding-left: 1rem !important;
+ }
+ .rz-ps-sm-4 {
+ padding-inline-start: 1rem !important;
+ }
+ .rz-pe-sm-4 {
+ padding-inline-end: 1rem !important;
+ }
+ .rz-p-sm-5 {
+ padding: 1.25rem !important;
+ }
+ .rz-py-sm-5,
+ .rz-pt-sm-5 {
+ padding-top: 1.25rem !important;
+ }
+ .rz-px-sm-5,
+ .rz-pr-sm-5 {
+ padding-right: 1.25rem !important;
+ }
+ .rz-py-sm-5,
+ .rz-pb-sm-5 {
+ padding-bottom: 1.25rem !important;
+ }
+ .rz-px-sm-5,
+ .rz-pl-sm-5 {
+ padding-left: 1.25rem !important;
+ }
+ .rz-ps-sm-5 {
+ padding-inline-start: 1.25rem !important;
+ }
+ .rz-pe-sm-5 {
+ padding-inline-end: 1.25rem !important;
+ }
+ .rz-p-sm-6 {
+ padding: 1.5rem !important;
+ }
+ .rz-py-sm-6,
+ .rz-pt-sm-6 {
+ padding-top: 1.5rem !important;
+ }
+ .rz-px-sm-6,
+ .rz-pr-sm-6 {
+ padding-right: 1.5rem !important;
+ }
+ .rz-py-sm-6,
+ .rz-pb-sm-6 {
+ padding-bottom: 1.5rem !important;
+ }
+ .rz-px-sm-6,
+ .rz-pl-sm-6 {
+ padding-left: 1.5rem !important;
+ }
+ .rz-ps-sm-6 {
+ padding-inline-start: 1.5rem !important;
+ }
+ .rz-pe-sm-6 {
+ padding-inline-end: 1.5rem !important;
+ }
+ .rz-p-sm-7 {
+ padding: 1.75rem !important;
+ }
+ .rz-py-sm-7,
+ .rz-pt-sm-7 {
+ padding-top: 1.75rem !important;
+ }
+ .rz-px-sm-7,
+ .rz-pr-sm-7 {
+ padding-right: 1.75rem !important;
+ }
+ .rz-py-sm-7,
+ .rz-pb-sm-7 {
+ padding-bottom: 1.75rem !important;
+ }
+ .rz-px-sm-7,
+ .rz-pl-sm-7 {
+ padding-left: 1.75rem !important;
+ }
+ .rz-ps-sm-7 {
+ padding-inline-start: 1.75rem !important;
+ }
+ .rz-pe-sm-7 {
+ padding-inline-end: 1.75rem !important;
+ }
+ .rz-p-sm-8 {
+ padding: 2rem !important;
+ }
+ .rz-py-sm-8,
+ .rz-pt-sm-8 {
+ padding-top: 2rem !important;
+ }
+ .rz-px-sm-8,
+ .rz-pr-sm-8 {
+ padding-right: 2rem !important;
+ }
+ .rz-py-sm-8,
+ .rz-pb-sm-8 {
+ padding-bottom: 2rem !important;
+ }
+ .rz-px-sm-8,
+ .rz-pl-sm-8 {
+ padding-left: 2rem !important;
+ }
+ .rz-ps-sm-8 {
+ padding-inline-start: 2rem !important;
+ }
+ .rz-pe-sm-8 {
+ padding-inline-end: 2rem !important;
+ }
+ .rz-p-sm-9 {
+ padding: 2.25rem !important;
+ }
+ .rz-py-sm-9,
+ .rz-pt-sm-9 {
+ padding-top: 2.25rem !important;
+ }
+ .rz-px-sm-9,
+ .rz-pr-sm-9 {
+ padding-right: 2.25rem !important;
+ }
+ .rz-py-sm-9,
+ .rz-pb-sm-9 {
+ padding-bottom: 2.25rem !important;
+ }
+ .rz-px-sm-9,
+ .rz-pl-sm-9 {
+ padding-left: 2.25rem !important;
+ }
+ .rz-ps-sm-9 {
+ padding-inline-start: 2.25rem !important;
+ }
+ .rz-pe-sm-9 {
+ padding-inline-end: 2.25rem !important;
+ }
+ .rz-p-sm-10 {
+ padding: 2.5rem !important;
+ }
+ .rz-py-sm-10,
+ .rz-pt-sm-10 {
+ padding-top: 2.5rem !important;
+ }
+ .rz-px-sm-10,
+ .rz-pr-sm-10 {
+ padding-right: 2.5rem !important;
+ }
+ .rz-py-sm-10,
+ .rz-pb-sm-10 {
+ padding-bottom: 2.5rem !important;
+ }
+ .rz-px-sm-10,
+ .rz-pl-sm-10 {
+ padding-left: 2.5rem !important;
+ }
+ .rz-ps-sm-10 {
+ padding-inline-start: 2.5rem !important;
+ }
+ .rz-pe-sm-10 {
+ padding-inline-end: 2.5rem !important;
+ }
+ .rz-p-sm-11 {
+ padding: 2.75rem !important;
+ }
+ .rz-py-sm-11,
+ .rz-pt-sm-11 {
+ padding-top: 2.75rem !important;
+ }
+ .rz-px-sm-11,
+ .rz-pr-sm-11 {
+ padding-right: 2.75rem !important;
+ }
+ .rz-py-sm-11,
+ .rz-pb-sm-11 {
+ padding-bottom: 2.75rem !important;
+ }
+ .rz-px-sm-11,
+ .rz-pl-sm-11 {
+ padding-left: 2.75rem !important;
+ }
+ .rz-ps-sm-11 {
+ padding-inline-start: 2.75rem !important;
+ }
+ .rz-pe-sm-11 {
+ padding-inline-end: 2.75rem !important;
+ }
+ .rz-p-sm-12 {
+ padding: 3rem !important;
+ }
+ .rz-py-sm-12,
+ .rz-pt-sm-12 {
+ padding-top: 3rem !important;
+ }
+ .rz-px-sm-12,
+ .rz-pr-sm-12 {
+ padding-right: 3rem !important;
+ }
+ .rz-py-sm-12,
+ .rz-pb-sm-12 {
+ padding-bottom: 3rem !important;
+ }
+ .rz-px-sm-12,
+ .rz-pl-sm-12 {
+ padding-left: 3rem !important;
+ }
+ .rz-ps-sm-12 {
+ padding-inline-start: 3rem !important;
+ }
+ .rz-pe-sm-12 {
+ padding-inline-end: 3rem !important;
+ }
+ .rz-m-sm-auto {
+ margin: auto !important;
+ }
+ .rz-my-sm-auto,
+ .rz-mt-sm-auto {
+ margin-top: auto !important;
+ }
+ .rz-mx-sm-auto,
+ .rz-mr-sm-auto {
+ margin-right: auto !important;
+ }
+ .rz-my-sm-auto,
+ .rz-mb-sm-auto {
+ margin-bottom: auto !important;
+ }
+ .rz-mx-sm-auto,
+ .rz-ml-sm-auto {
+ margin-left: auto !important;
+ }
+ .rz-ms-sm-auto {
+ margin-inline-start: auto !important;
+ }
+ .rz-me-sm-auto {
+ margin-inline-end: auto !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-m-md-0 {
+ margin: 0 !important;
+ }
+ .rz-my-md-0,
+ .rz-mt-md-0 {
+ margin-top: 0 !important;
+ }
+ .rz-mx-md-0,
+ .rz-mr-md-0 {
+ margin-right: 0 !important;
+ }
+ .rz-my-md-0,
+ .rz-mb-md-0 {
+ margin-bottom: 0 !important;
+ }
+ .rz-mx-md-0,
+ .rz-ml-md-0 {
+ margin-left: 0 !important;
+ }
+ .rz-ms-md-0 {
+ margin-inline-start: 0 !important;
+ }
+ .rz-me-md-0 {
+ margin-inline-end: 0 !important;
+ }
+ .rz-m-md-05 {
+ margin: 0.125rem !important;
+ }
+ .rz-my-md-05,
+ .rz-mt-md-05 {
+ margin-top: 0.125rem !important;
+ }
+ .rz-mx-md-05,
+ .rz-mr-md-05 {
+ margin-right: 0.125rem !important;
+ }
+ .rz-my-md-05,
+ .rz-mb-md-05 {
+ margin-bottom: 0.125rem !important;
+ }
+ .rz-mx-md-05,
+ .rz-ml-md-05 {
+ margin-left: 0.125rem !important;
+ }
+ .rz-ms-md-05 {
+ margin-inline-start: 0.125rem !important;
+ }
+ .rz-me-md-05 {
+ margin-inline-end: 0.125rem !important;
+ }
+ .rz-m-md-1 {
+ margin: 0.25rem !important;
+ }
+ .rz-my-md-1,
+ .rz-mt-md-1 {
+ margin-top: 0.25rem !important;
+ }
+ .rz-mx-md-1,
+ .rz-mr-md-1 {
+ margin-right: 0.25rem !important;
+ }
+ .rz-my-md-1,
+ .rz-mb-md-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .rz-mx-md-1,
+ .rz-ml-md-1 {
+ margin-left: 0.25rem !important;
+ }
+ .rz-ms-md-1 {
+ margin-inline-start: 0.25rem !important;
+ }
+ .rz-me-md-1 {
+ margin-inline-end: 0.25rem !important;
+ }
+ .rz-m-md-2 {
+ margin: 0.5rem !important;
+ }
+ .rz-my-md-2,
+ .rz-mt-md-2 {
+ margin-top: 0.5rem !important;
+ }
+ .rz-mx-md-2,
+ .rz-mr-md-2 {
+ margin-right: 0.5rem !important;
+ }
+ .rz-my-md-2,
+ .rz-mb-md-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .rz-mx-md-2,
+ .rz-ml-md-2 {
+ margin-left: 0.5rem !important;
+ }
+ .rz-ms-md-2 {
+ margin-inline-start: 0.5rem !important;
+ }
+ .rz-me-md-2 {
+ margin-inline-end: 0.5rem !important;
+ }
+ .rz-m-md-3 {
+ margin: 0.75rem !important;
+ }
+ .rz-my-md-3,
+ .rz-mt-md-3 {
+ margin-top: 0.75rem !important;
+ }
+ .rz-mx-md-3,
+ .rz-mr-md-3 {
+ margin-right: 0.75rem !important;
+ }
+ .rz-my-md-3,
+ .rz-mb-md-3 {
+ margin-bottom: 0.75rem !important;
+ }
+ .rz-mx-md-3,
+ .rz-ml-md-3 {
+ margin-left: 0.75rem !important;
+ }
+ .rz-ms-md-3 {
+ margin-inline-start: 0.75rem !important;
+ }
+ .rz-me-md-3 {
+ margin-inline-end: 0.75rem !important;
+ }
+ .rz-m-md-4 {
+ margin: 1rem !important;
+ }
+ .rz-my-md-4,
+ .rz-mt-md-4 {
+ margin-top: 1rem !important;
+ }
+ .rz-mx-md-4,
+ .rz-mr-md-4 {
+ margin-right: 1rem !important;
+ }
+ .rz-my-md-4,
+ .rz-mb-md-4 {
+ margin-bottom: 1rem !important;
+ }
+ .rz-mx-md-4,
+ .rz-ml-md-4 {
+ margin-left: 1rem !important;
+ }
+ .rz-ms-md-4 {
+ margin-inline-start: 1rem !important;
+ }
+ .rz-me-md-4 {
+ margin-inline-end: 1rem !important;
+ }
+ .rz-m-md-5 {
+ margin: 1.25rem !important;
+ }
+ .rz-my-md-5,
+ .rz-mt-md-5 {
+ margin-top: 1.25rem !important;
+ }
+ .rz-mx-md-5,
+ .rz-mr-md-5 {
+ margin-right: 1.25rem !important;
+ }
+ .rz-my-md-5,
+ .rz-mb-md-5 {
+ margin-bottom: 1.25rem !important;
+ }
+ .rz-mx-md-5,
+ .rz-ml-md-5 {
+ margin-left: 1.25rem !important;
+ }
+ .rz-ms-md-5 {
+ margin-inline-start: 1.25rem !important;
+ }
+ .rz-me-md-5 {
+ margin-inline-end: 1.25rem !important;
+ }
+ .rz-m-md-6 {
+ margin: 1.5rem !important;
+ }
+ .rz-my-md-6,
+ .rz-mt-md-6 {
+ margin-top: 1.5rem !important;
+ }
+ .rz-mx-md-6,
+ .rz-mr-md-6 {
+ margin-right: 1.5rem !important;
+ }
+ .rz-my-md-6,
+ .rz-mb-md-6 {
+ margin-bottom: 1.5rem !important;
+ }
+ .rz-mx-md-6,
+ .rz-ml-md-6 {
+ margin-left: 1.5rem !important;
+ }
+ .rz-ms-md-6 {
+ margin-inline-start: 1.5rem !important;
+ }
+ .rz-me-md-6 {
+ margin-inline-end: 1.5rem !important;
+ }
+ .rz-m-md-7 {
+ margin: 1.75rem !important;
+ }
+ .rz-my-md-7,
+ .rz-mt-md-7 {
+ margin-top: 1.75rem !important;
+ }
+ .rz-mx-md-7,
+ .rz-mr-md-7 {
+ margin-right: 1.75rem !important;
+ }
+ .rz-my-md-7,
+ .rz-mb-md-7 {
+ margin-bottom: 1.75rem !important;
+ }
+ .rz-mx-md-7,
+ .rz-ml-md-7 {
+ margin-left: 1.75rem !important;
+ }
+ .rz-ms-md-7 {
+ margin-inline-start: 1.75rem !important;
+ }
+ .rz-me-md-7 {
+ margin-inline-end: 1.75rem !important;
+ }
+ .rz-m-md-8 {
+ margin: 2rem !important;
+ }
+ .rz-my-md-8,
+ .rz-mt-md-8 {
+ margin-top: 2rem !important;
+ }
+ .rz-mx-md-8,
+ .rz-mr-md-8 {
+ margin-right: 2rem !important;
+ }
+ .rz-my-md-8,
+ .rz-mb-md-8 {
+ margin-bottom: 2rem !important;
+ }
+ .rz-mx-md-8,
+ .rz-ml-md-8 {
+ margin-left: 2rem !important;
+ }
+ .rz-ms-md-8 {
+ margin-inline-start: 2rem !important;
+ }
+ .rz-me-md-8 {
+ margin-inline-end: 2rem !important;
+ }
+ .rz-m-md-9 {
+ margin: 2.25rem !important;
+ }
+ .rz-my-md-9,
+ .rz-mt-md-9 {
+ margin-top: 2.25rem !important;
+ }
+ .rz-mx-md-9,
+ .rz-mr-md-9 {
+ margin-right: 2.25rem !important;
+ }
+ .rz-my-md-9,
+ .rz-mb-md-9 {
+ margin-bottom: 2.25rem !important;
+ }
+ .rz-mx-md-9,
+ .rz-ml-md-9 {
+ margin-left: 2.25rem !important;
+ }
+ .rz-ms-md-9 {
+ margin-inline-start: 2.25rem !important;
+ }
+ .rz-me-md-9 {
+ margin-inline-end: 2.25rem !important;
+ }
+ .rz-m-md-10 {
+ margin: 2.5rem !important;
+ }
+ .rz-my-md-10,
+ .rz-mt-md-10 {
+ margin-top: 2.5rem !important;
+ }
+ .rz-mx-md-10,
+ .rz-mr-md-10 {
+ margin-right: 2.5rem !important;
+ }
+ .rz-my-md-10,
+ .rz-mb-md-10 {
+ margin-bottom: 2.5rem !important;
+ }
+ .rz-mx-md-10,
+ .rz-ml-md-10 {
+ margin-left: 2.5rem !important;
+ }
+ .rz-ms-md-10 {
+ margin-inline-start: 2.5rem !important;
+ }
+ .rz-me-md-10 {
+ margin-inline-end: 2.5rem !important;
+ }
+ .rz-m-md-11 {
+ margin: 2.75rem !important;
+ }
+ .rz-my-md-11,
+ .rz-mt-md-11 {
+ margin-top: 2.75rem !important;
+ }
+ .rz-mx-md-11,
+ .rz-mr-md-11 {
+ margin-right: 2.75rem !important;
+ }
+ .rz-my-md-11,
+ .rz-mb-md-11 {
+ margin-bottom: 2.75rem !important;
+ }
+ .rz-mx-md-11,
+ .rz-ml-md-11 {
+ margin-left: 2.75rem !important;
+ }
+ .rz-ms-md-11 {
+ margin-inline-start: 2.75rem !important;
+ }
+ .rz-me-md-11 {
+ margin-inline-end: 2.75rem !important;
+ }
+ .rz-m-md-12 {
+ margin: 3rem !important;
+ }
+ .rz-my-md-12,
+ .rz-mt-md-12 {
+ margin-top: 3rem !important;
+ }
+ .rz-mx-md-12,
+ .rz-mr-md-12 {
+ margin-right: 3rem !important;
+ }
+ .rz-my-md-12,
+ .rz-mb-md-12 {
+ margin-bottom: 3rem !important;
+ }
+ .rz-mx-md-12,
+ .rz-ml-md-12 {
+ margin-left: 3rem !important;
+ }
+ .rz-ms-md-12 {
+ margin-inline-start: 3rem !important;
+ }
+ .rz-me-md-12 {
+ margin-inline-end: 3rem !important;
+ }
+ .rz-p-md-0 {
+ padding: 0 !important;
+ }
+ .rz-py-md-0,
+ .rz-pt-md-0 {
+ padding-top: 0 !important;
+ }
+ .rz-px-md-0,
+ .rz-pr-md-0 {
+ padding-right: 0 !important;
+ }
+ .rz-py-md-0,
+ .rz-pb-md-0 {
+ padding-bottom: 0 !important;
+ }
+ .rz-px-md-0,
+ .rz-pl-md-0 {
+ padding-left: 0 !important;
+ }
+ .rz-ps-md-0 {
+ padding-inline-start: 0 !important;
+ }
+ .rz-pe-md-0 {
+ padding-inline-end: 0 !important;
+ }
+ .rz-p-md-05 {
+ padding: 0.125rem !important;
+ }
+ .rz-py-md-05,
+ .rz-pt-md-05 {
+ padding-top: 0.125rem !important;
+ }
+ .rz-px-md-05,
+ .rz-pr-md-05 {
+ padding-right: 0.125rem !important;
+ }
+ .rz-py-md-05,
+ .rz-pb-md-05 {
+ padding-bottom: 0.125rem !important;
+ }
+ .rz-px-md-05,
+ .rz-pl-md-05 {
+ padding-left: 0.125rem !important;
+ }
+ .rz-ps-md-05 {
+ padding-inline-start: 0.125rem !important;
+ }
+ .rz-pe-md-05 {
+ padding-inline-end: 0.125rem !important;
+ }
+ .rz-p-md-1 {
+ padding: 0.25rem !important;
+ }
+ .rz-py-md-1,
+ .rz-pt-md-1 {
+ padding-top: 0.25rem !important;
+ }
+ .rz-px-md-1,
+ .rz-pr-md-1 {
+ padding-right: 0.25rem !important;
+ }
+ .rz-py-md-1,
+ .rz-pb-md-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .rz-px-md-1,
+ .rz-pl-md-1 {
+ padding-left: 0.25rem !important;
+ }
+ .rz-ps-md-1 {
+ padding-inline-start: 0.25rem !important;
+ }
+ .rz-pe-md-1 {
+ padding-inline-end: 0.25rem !important;
+ }
+ .rz-p-md-2 {
+ padding: 0.5rem !important;
+ }
+ .rz-py-md-2,
+ .rz-pt-md-2 {
+ padding-top: 0.5rem !important;
+ }
+ .rz-px-md-2,
+ .rz-pr-md-2 {
+ padding-right: 0.5rem !important;
+ }
+ .rz-py-md-2,
+ .rz-pb-md-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .rz-px-md-2,
+ .rz-pl-md-2 {
+ padding-left: 0.5rem !important;
+ }
+ .rz-ps-md-2 {
+ padding-inline-start: 0.5rem !important;
+ }
+ .rz-pe-md-2 {
+ padding-inline-end: 0.5rem !important;
+ }
+ .rz-p-md-3 {
+ padding: 0.75rem !important;
+ }
+ .rz-py-md-3,
+ .rz-pt-md-3 {
+ padding-top: 0.75rem !important;
+ }
+ .rz-px-md-3,
+ .rz-pr-md-3 {
+ padding-right: 0.75rem !important;
+ }
+ .rz-py-md-3,
+ .rz-pb-md-3 {
+ padding-bottom: 0.75rem !important;
+ }
+ .rz-px-md-3,
+ .rz-pl-md-3 {
+ padding-left: 0.75rem !important;
+ }
+ .rz-ps-md-3 {
+ padding-inline-start: 0.75rem !important;
+ }
+ .rz-pe-md-3 {
+ padding-inline-end: 0.75rem !important;
+ }
+ .rz-p-md-4 {
+ padding: 1rem !important;
+ }
+ .rz-py-md-4,
+ .rz-pt-md-4 {
+ padding-top: 1rem !important;
+ }
+ .rz-px-md-4,
+ .rz-pr-md-4 {
+ padding-right: 1rem !important;
+ }
+ .rz-py-md-4,
+ .rz-pb-md-4 {
+ padding-bottom: 1rem !important;
+ }
+ .rz-px-md-4,
+ .rz-pl-md-4 {
+ padding-left: 1rem !important;
+ }
+ .rz-ps-md-4 {
+ padding-inline-start: 1rem !important;
+ }
+ .rz-pe-md-4 {
+ padding-inline-end: 1rem !important;
+ }
+ .rz-p-md-5 {
+ padding: 1.25rem !important;
+ }
+ .rz-py-md-5,
+ .rz-pt-md-5 {
+ padding-top: 1.25rem !important;
+ }
+ .rz-px-md-5,
+ .rz-pr-md-5 {
+ padding-right: 1.25rem !important;
+ }
+ .rz-py-md-5,
+ .rz-pb-md-5 {
+ padding-bottom: 1.25rem !important;
+ }
+ .rz-px-md-5,
+ .rz-pl-md-5 {
+ padding-left: 1.25rem !important;
+ }
+ .rz-ps-md-5 {
+ padding-inline-start: 1.25rem !important;
+ }
+ .rz-pe-md-5 {
+ padding-inline-end: 1.25rem !important;
+ }
+ .rz-p-md-6 {
+ padding: 1.5rem !important;
+ }
+ .rz-py-md-6,
+ .rz-pt-md-6 {
+ padding-top: 1.5rem !important;
+ }
+ .rz-px-md-6,
+ .rz-pr-md-6 {
+ padding-right: 1.5rem !important;
+ }
+ .rz-py-md-6,
+ .rz-pb-md-6 {
+ padding-bottom: 1.5rem !important;
+ }
+ .rz-px-md-6,
+ .rz-pl-md-6 {
+ padding-left: 1.5rem !important;
+ }
+ .rz-ps-md-6 {
+ padding-inline-start: 1.5rem !important;
+ }
+ .rz-pe-md-6 {
+ padding-inline-end: 1.5rem !important;
+ }
+ .rz-p-md-7 {
+ padding: 1.75rem !important;
+ }
+ .rz-py-md-7,
+ .rz-pt-md-7 {
+ padding-top: 1.75rem !important;
+ }
+ .rz-px-md-7,
+ .rz-pr-md-7 {
+ padding-right: 1.75rem !important;
+ }
+ .rz-py-md-7,
+ .rz-pb-md-7 {
+ padding-bottom: 1.75rem !important;
+ }
+ .rz-px-md-7,
+ .rz-pl-md-7 {
+ padding-left: 1.75rem !important;
+ }
+ .rz-ps-md-7 {
+ padding-inline-start: 1.75rem !important;
+ }
+ .rz-pe-md-7 {
+ padding-inline-end: 1.75rem !important;
+ }
+ .rz-p-md-8 {
+ padding: 2rem !important;
+ }
+ .rz-py-md-8,
+ .rz-pt-md-8 {
+ padding-top: 2rem !important;
+ }
+ .rz-px-md-8,
+ .rz-pr-md-8 {
+ padding-right: 2rem !important;
+ }
+ .rz-py-md-8,
+ .rz-pb-md-8 {
+ padding-bottom: 2rem !important;
+ }
+ .rz-px-md-8,
+ .rz-pl-md-8 {
+ padding-left: 2rem !important;
+ }
+ .rz-ps-md-8 {
+ padding-inline-start: 2rem !important;
+ }
+ .rz-pe-md-8 {
+ padding-inline-end: 2rem !important;
+ }
+ .rz-p-md-9 {
+ padding: 2.25rem !important;
+ }
+ .rz-py-md-9,
+ .rz-pt-md-9 {
+ padding-top: 2.25rem !important;
+ }
+ .rz-px-md-9,
+ .rz-pr-md-9 {
+ padding-right: 2.25rem !important;
+ }
+ .rz-py-md-9,
+ .rz-pb-md-9 {
+ padding-bottom: 2.25rem !important;
+ }
+ .rz-px-md-9,
+ .rz-pl-md-9 {
+ padding-left: 2.25rem !important;
+ }
+ .rz-ps-md-9 {
+ padding-inline-start: 2.25rem !important;
+ }
+ .rz-pe-md-9 {
+ padding-inline-end: 2.25rem !important;
+ }
+ .rz-p-md-10 {
+ padding: 2.5rem !important;
+ }
+ .rz-py-md-10,
+ .rz-pt-md-10 {
+ padding-top: 2.5rem !important;
+ }
+ .rz-px-md-10,
+ .rz-pr-md-10 {
+ padding-right: 2.5rem !important;
+ }
+ .rz-py-md-10,
+ .rz-pb-md-10 {
+ padding-bottom: 2.5rem !important;
+ }
+ .rz-px-md-10,
+ .rz-pl-md-10 {
+ padding-left: 2.5rem !important;
+ }
+ .rz-ps-md-10 {
+ padding-inline-start: 2.5rem !important;
+ }
+ .rz-pe-md-10 {
+ padding-inline-end: 2.5rem !important;
+ }
+ .rz-p-md-11 {
+ padding: 2.75rem !important;
+ }
+ .rz-py-md-11,
+ .rz-pt-md-11 {
+ padding-top: 2.75rem !important;
+ }
+ .rz-px-md-11,
+ .rz-pr-md-11 {
+ padding-right: 2.75rem !important;
+ }
+ .rz-py-md-11,
+ .rz-pb-md-11 {
+ padding-bottom: 2.75rem !important;
+ }
+ .rz-px-md-11,
+ .rz-pl-md-11 {
+ padding-left: 2.75rem !important;
+ }
+ .rz-ps-md-11 {
+ padding-inline-start: 2.75rem !important;
+ }
+ .rz-pe-md-11 {
+ padding-inline-end: 2.75rem !important;
+ }
+ .rz-p-md-12 {
+ padding: 3rem !important;
+ }
+ .rz-py-md-12,
+ .rz-pt-md-12 {
+ padding-top: 3rem !important;
+ }
+ .rz-px-md-12,
+ .rz-pr-md-12 {
+ padding-right: 3rem !important;
+ }
+ .rz-py-md-12,
+ .rz-pb-md-12 {
+ padding-bottom: 3rem !important;
+ }
+ .rz-px-md-12,
+ .rz-pl-md-12 {
+ padding-left: 3rem !important;
+ }
+ .rz-ps-md-12 {
+ padding-inline-start: 3rem !important;
+ }
+ .rz-pe-md-12 {
+ padding-inline-end: 3rem !important;
+ }
+ .rz-m-md-auto {
+ margin: auto !important;
+ }
+ .rz-my-md-auto,
+ .rz-mt-md-auto {
+ margin-top: auto !important;
+ }
+ .rz-mx-md-auto,
+ .rz-mr-md-auto {
+ margin-right: auto !important;
+ }
+ .rz-my-md-auto,
+ .rz-mb-md-auto {
+ margin-bottom: auto !important;
+ }
+ .rz-mx-md-auto,
+ .rz-ml-md-auto {
+ margin-left: auto !important;
+ }
+ .rz-ms-md-auto {
+ margin-inline-start: auto !important;
+ }
+ .rz-me-md-auto {
+ margin-inline-end: auto !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-m-lg-0 {
+ margin: 0 !important;
+ }
+ .rz-my-lg-0,
+ .rz-mt-lg-0 {
+ margin-top: 0 !important;
+ }
+ .rz-mx-lg-0,
+ .rz-mr-lg-0 {
+ margin-right: 0 !important;
+ }
+ .rz-my-lg-0,
+ .rz-mb-lg-0 {
+ margin-bottom: 0 !important;
+ }
+ .rz-mx-lg-0,
+ .rz-ml-lg-0 {
+ margin-left: 0 !important;
+ }
+ .rz-ms-lg-0 {
+ margin-inline-start: 0 !important;
+ }
+ .rz-me-lg-0 {
+ margin-inline-end: 0 !important;
+ }
+ .rz-m-lg-05 {
+ margin: 0.125rem !important;
+ }
+ .rz-my-lg-05,
+ .rz-mt-lg-05 {
+ margin-top: 0.125rem !important;
+ }
+ .rz-mx-lg-05,
+ .rz-mr-lg-05 {
+ margin-right: 0.125rem !important;
+ }
+ .rz-my-lg-05,
+ .rz-mb-lg-05 {
+ margin-bottom: 0.125rem !important;
+ }
+ .rz-mx-lg-05,
+ .rz-ml-lg-05 {
+ margin-left: 0.125rem !important;
+ }
+ .rz-ms-lg-05 {
+ margin-inline-start: 0.125rem !important;
+ }
+ .rz-me-lg-05 {
+ margin-inline-end: 0.125rem !important;
+ }
+ .rz-m-lg-1 {
+ margin: 0.25rem !important;
+ }
+ .rz-my-lg-1,
+ .rz-mt-lg-1 {
+ margin-top: 0.25rem !important;
+ }
+ .rz-mx-lg-1,
+ .rz-mr-lg-1 {
+ margin-right: 0.25rem !important;
+ }
+ .rz-my-lg-1,
+ .rz-mb-lg-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .rz-mx-lg-1,
+ .rz-ml-lg-1 {
+ margin-left: 0.25rem !important;
+ }
+ .rz-ms-lg-1 {
+ margin-inline-start: 0.25rem !important;
+ }
+ .rz-me-lg-1 {
+ margin-inline-end: 0.25rem !important;
+ }
+ .rz-m-lg-2 {
+ margin: 0.5rem !important;
+ }
+ .rz-my-lg-2,
+ .rz-mt-lg-2 {
+ margin-top: 0.5rem !important;
+ }
+ .rz-mx-lg-2,
+ .rz-mr-lg-2 {
+ margin-right: 0.5rem !important;
+ }
+ .rz-my-lg-2,
+ .rz-mb-lg-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .rz-mx-lg-2,
+ .rz-ml-lg-2 {
+ margin-left: 0.5rem !important;
+ }
+ .rz-ms-lg-2 {
+ margin-inline-start: 0.5rem !important;
+ }
+ .rz-me-lg-2 {
+ margin-inline-end: 0.5rem !important;
+ }
+ .rz-m-lg-3 {
+ margin: 0.75rem !important;
+ }
+ .rz-my-lg-3,
+ .rz-mt-lg-3 {
+ margin-top: 0.75rem !important;
+ }
+ .rz-mx-lg-3,
+ .rz-mr-lg-3 {
+ margin-right: 0.75rem !important;
+ }
+ .rz-my-lg-3,
+ .rz-mb-lg-3 {
+ margin-bottom: 0.75rem !important;
+ }
+ .rz-mx-lg-3,
+ .rz-ml-lg-3 {
+ margin-left: 0.75rem !important;
+ }
+ .rz-ms-lg-3 {
+ margin-inline-start: 0.75rem !important;
+ }
+ .rz-me-lg-3 {
+ margin-inline-end: 0.75rem !important;
+ }
+ .rz-m-lg-4 {
+ margin: 1rem !important;
+ }
+ .rz-my-lg-4,
+ .rz-mt-lg-4 {
+ margin-top: 1rem !important;
+ }
+ .rz-mx-lg-4,
+ .rz-mr-lg-4 {
+ margin-right: 1rem !important;
+ }
+ .rz-my-lg-4,
+ .rz-mb-lg-4 {
+ margin-bottom: 1rem !important;
+ }
+ .rz-mx-lg-4,
+ .rz-ml-lg-4 {
+ margin-left: 1rem !important;
+ }
+ .rz-ms-lg-4 {
+ margin-inline-start: 1rem !important;
+ }
+ .rz-me-lg-4 {
+ margin-inline-end: 1rem !important;
+ }
+ .rz-m-lg-5 {
+ margin: 1.25rem !important;
+ }
+ .rz-my-lg-5,
+ .rz-mt-lg-5 {
+ margin-top: 1.25rem !important;
+ }
+ .rz-mx-lg-5,
+ .rz-mr-lg-5 {
+ margin-right: 1.25rem !important;
+ }
+ .rz-my-lg-5,
+ .rz-mb-lg-5 {
+ margin-bottom: 1.25rem !important;
+ }
+ .rz-mx-lg-5,
+ .rz-ml-lg-5 {
+ margin-left: 1.25rem !important;
+ }
+ .rz-ms-lg-5 {
+ margin-inline-start: 1.25rem !important;
+ }
+ .rz-me-lg-5 {
+ margin-inline-end: 1.25rem !important;
+ }
+ .rz-m-lg-6 {
+ margin: 1.5rem !important;
+ }
+ .rz-my-lg-6,
+ .rz-mt-lg-6 {
+ margin-top: 1.5rem !important;
+ }
+ .rz-mx-lg-6,
+ .rz-mr-lg-6 {
+ margin-right: 1.5rem !important;
+ }
+ .rz-my-lg-6,
+ .rz-mb-lg-6 {
+ margin-bottom: 1.5rem !important;
+ }
+ .rz-mx-lg-6,
+ .rz-ml-lg-6 {
+ margin-left: 1.5rem !important;
+ }
+ .rz-ms-lg-6 {
+ margin-inline-start: 1.5rem !important;
+ }
+ .rz-me-lg-6 {
+ margin-inline-end: 1.5rem !important;
+ }
+ .rz-m-lg-7 {
+ margin: 1.75rem !important;
+ }
+ .rz-my-lg-7,
+ .rz-mt-lg-7 {
+ margin-top: 1.75rem !important;
+ }
+ .rz-mx-lg-7,
+ .rz-mr-lg-7 {
+ margin-right: 1.75rem !important;
+ }
+ .rz-my-lg-7,
+ .rz-mb-lg-7 {
+ margin-bottom: 1.75rem !important;
+ }
+ .rz-mx-lg-7,
+ .rz-ml-lg-7 {
+ margin-left: 1.75rem !important;
+ }
+ .rz-ms-lg-7 {
+ margin-inline-start: 1.75rem !important;
+ }
+ .rz-me-lg-7 {
+ margin-inline-end: 1.75rem !important;
+ }
+ .rz-m-lg-8 {
+ margin: 2rem !important;
+ }
+ .rz-my-lg-8,
+ .rz-mt-lg-8 {
+ margin-top: 2rem !important;
+ }
+ .rz-mx-lg-8,
+ .rz-mr-lg-8 {
+ margin-right: 2rem !important;
+ }
+ .rz-my-lg-8,
+ .rz-mb-lg-8 {
+ margin-bottom: 2rem !important;
+ }
+ .rz-mx-lg-8,
+ .rz-ml-lg-8 {
+ margin-left: 2rem !important;
+ }
+ .rz-ms-lg-8 {
+ margin-inline-start: 2rem !important;
+ }
+ .rz-me-lg-8 {
+ margin-inline-end: 2rem !important;
+ }
+ .rz-m-lg-9 {
+ margin: 2.25rem !important;
+ }
+ .rz-my-lg-9,
+ .rz-mt-lg-9 {
+ margin-top: 2.25rem !important;
+ }
+ .rz-mx-lg-9,
+ .rz-mr-lg-9 {
+ margin-right: 2.25rem !important;
+ }
+ .rz-my-lg-9,
+ .rz-mb-lg-9 {
+ margin-bottom: 2.25rem !important;
+ }
+ .rz-mx-lg-9,
+ .rz-ml-lg-9 {
+ margin-left: 2.25rem !important;
+ }
+ .rz-ms-lg-9 {
+ margin-inline-start: 2.25rem !important;
+ }
+ .rz-me-lg-9 {
+ margin-inline-end: 2.25rem !important;
+ }
+ .rz-m-lg-10 {
+ margin: 2.5rem !important;
+ }
+ .rz-my-lg-10,
+ .rz-mt-lg-10 {
+ margin-top: 2.5rem !important;
+ }
+ .rz-mx-lg-10,
+ .rz-mr-lg-10 {
+ margin-right: 2.5rem !important;
+ }
+ .rz-my-lg-10,
+ .rz-mb-lg-10 {
+ margin-bottom: 2.5rem !important;
+ }
+ .rz-mx-lg-10,
+ .rz-ml-lg-10 {
+ margin-left: 2.5rem !important;
+ }
+ .rz-ms-lg-10 {
+ margin-inline-start: 2.5rem !important;
+ }
+ .rz-me-lg-10 {
+ margin-inline-end: 2.5rem !important;
+ }
+ .rz-m-lg-11 {
+ margin: 2.75rem !important;
+ }
+ .rz-my-lg-11,
+ .rz-mt-lg-11 {
+ margin-top: 2.75rem !important;
+ }
+ .rz-mx-lg-11,
+ .rz-mr-lg-11 {
+ margin-right: 2.75rem !important;
+ }
+ .rz-my-lg-11,
+ .rz-mb-lg-11 {
+ margin-bottom: 2.75rem !important;
+ }
+ .rz-mx-lg-11,
+ .rz-ml-lg-11 {
+ margin-left: 2.75rem !important;
+ }
+ .rz-ms-lg-11 {
+ margin-inline-start: 2.75rem !important;
+ }
+ .rz-me-lg-11 {
+ margin-inline-end: 2.75rem !important;
+ }
+ .rz-m-lg-12 {
+ margin: 3rem !important;
+ }
+ .rz-my-lg-12,
+ .rz-mt-lg-12 {
+ margin-top: 3rem !important;
+ }
+ .rz-mx-lg-12,
+ .rz-mr-lg-12 {
+ margin-right: 3rem !important;
+ }
+ .rz-my-lg-12,
+ .rz-mb-lg-12 {
+ margin-bottom: 3rem !important;
+ }
+ .rz-mx-lg-12,
+ .rz-ml-lg-12 {
+ margin-left: 3rem !important;
+ }
+ .rz-ms-lg-12 {
+ margin-inline-start: 3rem !important;
+ }
+ .rz-me-lg-12 {
+ margin-inline-end: 3rem !important;
+ }
+ .rz-p-lg-0 {
+ padding: 0 !important;
+ }
+ .rz-py-lg-0,
+ .rz-pt-lg-0 {
+ padding-top: 0 !important;
+ }
+ .rz-px-lg-0,
+ .rz-pr-lg-0 {
+ padding-right: 0 !important;
+ }
+ .rz-py-lg-0,
+ .rz-pb-lg-0 {
+ padding-bottom: 0 !important;
+ }
+ .rz-px-lg-0,
+ .rz-pl-lg-0 {
+ padding-left: 0 !important;
+ }
+ .rz-ps-lg-0 {
+ padding-inline-start: 0 !important;
+ }
+ .rz-pe-lg-0 {
+ padding-inline-end: 0 !important;
+ }
+ .rz-p-lg-05 {
+ padding: 0.125rem !important;
+ }
+ .rz-py-lg-05,
+ .rz-pt-lg-05 {
+ padding-top: 0.125rem !important;
+ }
+ .rz-px-lg-05,
+ .rz-pr-lg-05 {
+ padding-right: 0.125rem !important;
+ }
+ .rz-py-lg-05,
+ .rz-pb-lg-05 {
+ padding-bottom: 0.125rem !important;
+ }
+ .rz-px-lg-05,
+ .rz-pl-lg-05 {
+ padding-left: 0.125rem !important;
+ }
+ .rz-ps-lg-05 {
+ padding-inline-start: 0.125rem !important;
+ }
+ .rz-pe-lg-05 {
+ padding-inline-end: 0.125rem !important;
+ }
+ .rz-p-lg-1 {
+ padding: 0.25rem !important;
+ }
+ .rz-py-lg-1,
+ .rz-pt-lg-1 {
+ padding-top: 0.25rem !important;
+ }
+ .rz-px-lg-1,
+ .rz-pr-lg-1 {
+ padding-right: 0.25rem !important;
+ }
+ .rz-py-lg-1,
+ .rz-pb-lg-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .rz-px-lg-1,
+ .rz-pl-lg-1 {
+ padding-left: 0.25rem !important;
+ }
+ .rz-ps-lg-1 {
+ padding-inline-start: 0.25rem !important;
+ }
+ .rz-pe-lg-1 {
+ padding-inline-end: 0.25rem !important;
+ }
+ .rz-p-lg-2 {
+ padding: 0.5rem !important;
+ }
+ .rz-py-lg-2,
+ .rz-pt-lg-2 {
+ padding-top: 0.5rem !important;
+ }
+ .rz-px-lg-2,
+ .rz-pr-lg-2 {
+ padding-right: 0.5rem !important;
+ }
+ .rz-py-lg-2,
+ .rz-pb-lg-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .rz-px-lg-2,
+ .rz-pl-lg-2 {
+ padding-left: 0.5rem !important;
+ }
+ .rz-ps-lg-2 {
+ padding-inline-start: 0.5rem !important;
+ }
+ .rz-pe-lg-2 {
+ padding-inline-end: 0.5rem !important;
+ }
+ .rz-p-lg-3 {
+ padding: 0.75rem !important;
+ }
+ .rz-py-lg-3,
+ .rz-pt-lg-3 {
+ padding-top: 0.75rem !important;
+ }
+ .rz-px-lg-3,
+ .rz-pr-lg-3 {
+ padding-right: 0.75rem !important;
+ }
+ .rz-py-lg-3,
+ .rz-pb-lg-3 {
+ padding-bottom: 0.75rem !important;
+ }
+ .rz-px-lg-3,
+ .rz-pl-lg-3 {
+ padding-left: 0.75rem !important;
+ }
+ .rz-ps-lg-3 {
+ padding-inline-start: 0.75rem !important;
+ }
+ .rz-pe-lg-3 {
+ padding-inline-end: 0.75rem !important;
+ }
+ .rz-p-lg-4 {
+ padding: 1rem !important;
+ }
+ .rz-py-lg-4,
+ .rz-pt-lg-4 {
+ padding-top: 1rem !important;
+ }
+ .rz-px-lg-4,
+ .rz-pr-lg-4 {
+ padding-right: 1rem !important;
+ }
+ .rz-py-lg-4,
+ .rz-pb-lg-4 {
+ padding-bottom: 1rem !important;
+ }
+ .rz-px-lg-4,
+ .rz-pl-lg-4 {
+ padding-left: 1rem !important;
+ }
+ .rz-ps-lg-4 {
+ padding-inline-start: 1rem !important;
+ }
+ .rz-pe-lg-4 {
+ padding-inline-end: 1rem !important;
+ }
+ .rz-p-lg-5 {
+ padding: 1.25rem !important;
+ }
+ .rz-py-lg-5,
+ .rz-pt-lg-5 {
+ padding-top: 1.25rem !important;
+ }
+ .rz-px-lg-5,
+ .rz-pr-lg-5 {
+ padding-right: 1.25rem !important;
+ }
+ .rz-py-lg-5,
+ .rz-pb-lg-5 {
+ padding-bottom: 1.25rem !important;
+ }
+ .rz-px-lg-5,
+ .rz-pl-lg-5 {
+ padding-left: 1.25rem !important;
+ }
+ .rz-ps-lg-5 {
+ padding-inline-start: 1.25rem !important;
+ }
+ .rz-pe-lg-5 {
+ padding-inline-end: 1.25rem !important;
+ }
+ .rz-p-lg-6 {
+ padding: 1.5rem !important;
+ }
+ .rz-py-lg-6,
+ .rz-pt-lg-6 {
+ padding-top: 1.5rem !important;
+ }
+ .rz-px-lg-6,
+ .rz-pr-lg-6 {
+ padding-right: 1.5rem !important;
+ }
+ .rz-py-lg-6,
+ .rz-pb-lg-6 {
+ padding-bottom: 1.5rem !important;
+ }
+ .rz-px-lg-6,
+ .rz-pl-lg-6 {
+ padding-left: 1.5rem !important;
+ }
+ .rz-ps-lg-6 {
+ padding-inline-start: 1.5rem !important;
+ }
+ .rz-pe-lg-6 {
+ padding-inline-end: 1.5rem !important;
+ }
+ .rz-p-lg-7 {
+ padding: 1.75rem !important;
+ }
+ .rz-py-lg-7,
+ .rz-pt-lg-7 {
+ padding-top: 1.75rem !important;
+ }
+ .rz-px-lg-7,
+ .rz-pr-lg-7 {
+ padding-right: 1.75rem !important;
+ }
+ .rz-py-lg-7,
+ .rz-pb-lg-7 {
+ padding-bottom: 1.75rem !important;
+ }
+ .rz-px-lg-7,
+ .rz-pl-lg-7 {
+ padding-left: 1.75rem !important;
+ }
+ .rz-ps-lg-7 {
+ padding-inline-start: 1.75rem !important;
+ }
+ .rz-pe-lg-7 {
+ padding-inline-end: 1.75rem !important;
+ }
+ .rz-p-lg-8 {
+ padding: 2rem !important;
+ }
+ .rz-py-lg-8,
+ .rz-pt-lg-8 {
+ padding-top: 2rem !important;
+ }
+ .rz-px-lg-8,
+ .rz-pr-lg-8 {
+ padding-right: 2rem !important;
+ }
+ .rz-py-lg-8,
+ .rz-pb-lg-8 {
+ padding-bottom: 2rem !important;
+ }
+ .rz-px-lg-8,
+ .rz-pl-lg-8 {
+ padding-left: 2rem !important;
+ }
+ .rz-ps-lg-8 {
+ padding-inline-start: 2rem !important;
+ }
+ .rz-pe-lg-8 {
+ padding-inline-end: 2rem !important;
+ }
+ .rz-p-lg-9 {
+ padding: 2.25rem !important;
+ }
+ .rz-py-lg-9,
+ .rz-pt-lg-9 {
+ padding-top: 2.25rem !important;
+ }
+ .rz-px-lg-9,
+ .rz-pr-lg-9 {
+ padding-right: 2.25rem !important;
+ }
+ .rz-py-lg-9,
+ .rz-pb-lg-9 {
+ padding-bottom: 2.25rem !important;
+ }
+ .rz-px-lg-9,
+ .rz-pl-lg-9 {
+ padding-left: 2.25rem !important;
+ }
+ .rz-ps-lg-9 {
+ padding-inline-start: 2.25rem !important;
+ }
+ .rz-pe-lg-9 {
+ padding-inline-end: 2.25rem !important;
+ }
+ .rz-p-lg-10 {
+ padding: 2.5rem !important;
+ }
+ .rz-py-lg-10,
+ .rz-pt-lg-10 {
+ padding-top: 2.5rem !important;
+ }
+ .rz-px-lg-10,
+ .rz-pr-lg-10 {
+ padding-right: 2.5rem !important;
+ }
+ .rz-py-lg-10,
+ .rz-pb-lg-10 {
+ padding-bottom: 2.5rem !important;
+ }
+ .rz-px-lg-10,
+ .rz-pl-lg-10 {
+ padding-left: 2.5rem !important;
+ }
+ .rz-ps-lg-10 {
+ padding-inline-start: 2.5rem !important;
+ }
+ .rz-pe-lg-10 {
+ padding-inline-end: 2.5rem !important;
+ }
+ .rz-p-lg-11 {
+ padding: 2.75rem !important;
+ }
+ .rz-py-lg-11,
+ .rz-pt-lg-11 {
+ padding-top: 2.75rem !important;
+ }
+ .rz-px-lg-11,
+ .rz-pr-lg-11 {
+ padding-right: 2.75rem !important;
+ }
+ .rz-py-lg-11,
+ .rz-pb-lg-11 {
+ padding-bottom: 2.75rem !important;
+ }
+ .rz-px-lg-11,
+ .rz-pl-lg-11 {
+ padding-left: 2.75rem !important;
+ }
+ .rz-ps-lg-11 {
+ padding-inline-start: 2.75rem !important;
+ }
+ .rz-pe-lg-11 {
+ padding-inline-end: 2.75rem !important;
+ }
+ .rz-p-lg-12 {
+ padding: 3rem !important;
+ }
+ .rz-py-lg-12,
+ .rz-pt-lg-12 {
+ padding-top: 3rem !important;
+ }
+ .rz-px-lg-12,
+ .rz-pr-lg-12 {
+ padding-right: 3rem !important;
+ }
+ .rz-py-lg-12,
+ .rz-pb-lg-12 {
+ padding-bottom: 3rem !important;
+ }
+ .rz-px-lg-12,
+ .rz-pl-lg-12 {
+ padding-left: 3rem !important;
+ }
+ .rz-ps-lg-12 {
+ padding-inline-start: 3rem !important;
+ }
+ .rz-pe-lg-12 {
+ padding-inline-end: 3rem !important;
+ }
+ .rz-m-lg-auto {
+ margin: auto !important;
+ }
+ .rz-my-lg-auto,
+ .rz-mt-lg-auto {
+ margin-top: auto !important;
+ }
+ .rz-mx-lg-auto,
+ .rz-mr-lg-auto {
+ margin-right: auto !important;
+ }
+ .rz-my-lg-auto,
+ .rz-mb-lg-auto {
+ margin-bottom: auto !important;
+ }
+ .rz-mx-lg-auto,
+ .rz-ml-lg-auto {
+ margin-left: auto !important;
+ }
+ .rz-ms-lg-auto {
+ margin-inline-start: auto !important;
+ }
+ .rz-me-lg-auto {
+ margin-inline-end: auto !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-m-xl-0 {
+ margin: 0 !important;
+ }
+ .rz-my-xl-0,
+ .rz-mt-xl-0 {
+ margin-top: 0 !important;
+ }
+ .rz-mx-xl-0,
+ .rz-mr-xl-0 {
+ margin-right: 0 !important;
+ }
+ .rz-my-xl-0,
+ .rz-mb-xl-0 {
+ margin-bottom: 0 !important;
+ }
+ .rz-mx-xl-0,
+ .rz-ml-xl-0 {
+ margin-left: 0 !important;
+ }
+ .rz-ms-xl-0 {
+ margin-inline-start: 0 !important;
+ }
+ .rz-me-xl-0 {
+ margin-inline-end: 0 !important;
+ }
+ .rz-m-xl-05 {
+ margin: 0.125rem !important;
+ }
+ .rz-my-xl-05,
+ .rz-mt-xl-05 {
+ margin-top: 0.125rem !important;
+ }
+ .rz-mx-xl-05,
+ .rz-mr-xl-05 {
+ margin-right: 0.125rem !important;
+ }
+ .rz-my-xl-05,
+ .rz-mb-xl-05 {
+ margin-bottom: 0.125rem !important;
+ }
+ .rz-mx-xl-05,
+ .rz-ml-xl-05 {
+ margin-left: 0.125rem !important;
+ }
+ .rz-ms-xl-05 {
+ margin-inline-start: 0.125rem !important;
+ }
+ .rz-me-xl-05 {
+ margin-inline-end: 0.125rem !important;
+ }
+ .rz-m-xl-1 {
+ margin: 0.25rem !important;
+ }
+ .rz-my-xl-1,
+ .rz-mt-xl-1 {
+ margin-top: 0.25rem !important;
+ }
+ .rz-mx-xl-1,
+ .rz-mr-xl-1 {
+ margin-right: 0.25rem !important;
+ }
+ .rz-my-xl-1,
+ .rz-mb-xl-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .rz-mx-xl-1,
+ .rz-ml-xl-1 {
+ margin-left: 0.25rem !important;
+ }
+ .rz-ms-xl-1 {
+ margin-inline-start: 0.25rem !important;
+ }
+ .rz-me-xl-1 {
+ margin-inline-end: 0.25rem !important;
+ }
+ .rz-m-xl-2 {
+ margin: 0.5rem !important;
+ }
+ .rz-my-xl-2,
+ .rz-mt-xl-2 {
+ margin-top: 0.5rem !important;
+ }
+ .rz-mx-xl-2,
+ .rz-mr-xl-2 {
+ margin-right: 0.5rem !important;
+ }
+ .rz-my-xl-2,
+ .rz-mb-xl-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .rz-mx-xl-2,
+ .rz-ml-xl-2 {
+ margin-left: 0.5rem !important;
+ }
+ .rz-ms-xl-2 {
+ margin-inline-start: 0.5rem !important;
+ }
+ .rz-me-xl-2 {
+ margin-inline-end: 0.5rem !important;
+ }
+ .rz-m-xl-3 {
+ margin: 0.75rem !important;
+ }
+ .rz-my-xl-3,
+ .rz-mt-xl-3 {
+ margin-top: 0.75rem !important;
+ }
+ .rz-mx-xl-3,
+ .rz-mr-xl-3 {
+ margin-right: 0.75rem !important;
+ }
+ .rz-my-xl-3,
+ .rz-mb-xl-3 {
+ margin-bottom: 0.75rem !important;
+ }
+ .rz-mx-xl-3,
+ .rz-ml-xl-3 {
+ margin-left: 0.75rem !important;
+ }
+ .rz-ms-xl-3 {
+ margin-inline-start: 0.75rem !important;
+ }
+ .rz-me-xl-3 {
+ margin-inline-end: 0.75rem !important;
+ }
+ .rz-m-xl-4 {
+ margin: 1rem !important;
+ }
+ .rz-my-xl-4,
+ .rz-mt-xl-4 {
+ margin-top: 1rem !important;
+ }
+ .rz-mx-xl-4,
+ .rz-mr-xl-4 {
+ margin-right: 1rem !important;
+ }
+ .rz-my-xl-4,
+ .rz-mb-xl-4 {
+ margin-bottom: 1rem !important;
+ }
+ .rz-mx-xl-4,
+ .rz-ml-xl-4 {
+ margin-left: 1rem !important;
+ }
+ .rz-ms-xl-4 {
+ margin-inline-start: 1rem !important;
+ }
+ .rz-me-xl-4 {
+ margin-inline-end: 1rem !important;
+ }
+ .rz-m-xl-5 {
+ margin: 1.25rem !important;
+ }
+ .rz-my-xl-5,
+ .rz-mt-xl-5 {
+ margin-top: 1.25rem !important;
+ }
+ .rz-mx-xl-5,
+ .rz-mr-xl-5 {
+ margin-right: 1.25rem !important;
+ }
+ .rz-my-xl-5,
+ .rz-mb-xl-5 {
+ margin-bottom: 1.25rem !important;
+ }
+ .rz-mx-xl-5,
+ .rz-ml-xl-5 {
+ margin-left: 1.25rem !important;
+ }
+ .rz-ms-xl-5 {
+ margin-inline-start: 1.25rem !important;
+ }
+ .rz-me-xl-5 {
+ margin-inline-end: 1.25rem !important;
+ }
+ .rz-m-xl-6 {
+ margin: 1.5rem !important;
+ }
+ .rz-my-xl-6,
+ .rz-mt-xl-6 {
+ margin-top: 1.5rem !important;
+ }
+ .rz-mx-xl-6,
+ .rz-mr-xl-6 {
+ margin-right: 1.5rem !important;
+ }
+ .rz-my-xl-6,
+ .rz-mb-xl-6 {
+ margin-bottom: 1.5rem !important;
+ }
+ .rz-mx-xl-6,
+ .rz-ml-xl-6 {
+ margin-left: 1.5rem !important;
+ }
+ .rz-ms-xl-6 {
+ margin-inline-start: 1.5rem !important;
+ }
+ .rz-me-xl-6 {
+ margin-inline-end: 1.5rem !important;
+ }
+ .rz-m-xl-7 {
+ margin: 1.75rem !important;
+ }
+ .rz-my-xl-7,
+ .rz-mt-xl-7 {
+ margin-top: 1.75rem !important;
+ }
+ .rz-mx-xl-7,
+ .rz-mr-xl-7 {
+ margin-right: 1.75rem !important;
+ }
+ .rz-my-xl-7,
+ .rz-mb-xl-7 {
+ margin-bottom: 1.75rem !important;
+ }
+ .rz-mx-xl-7,
+ .rz-ml-xl-7 {
+ margin-left: 1.75rem !important;
+ }
+ .rz-ms-xl-7 {
+ margin-inline-start: 1.75rem !important;
+ }
+ .rz-me-xl-7 {
+ margin-inline-end: 1.75rem !important;
+ }
+ .rz-m-xl-8 {
+ margin: 2rem !important;
+ }
+ .rz-my-xl-8,
+ .rz-mt-xl-8 {
+ margin-top: 2rem !important;
+ }
+ .rz-mx-xl-8,
+ .rz-mr-xl-8 {
+ margin-right: 2rem !important;
+ }
+ .rz-my-xl-8,
+ .rz-mb-xl-8 {
+ margin-bottom: 2rem !important;
+ }
+ .rz-mx-xl-8,
+ .rz-ml-xl-8 {
+ margin-left: 2rem !important;
+ }
+ .rz-ms-xl-8 {
+ margin-inline-start: 2rem !important;
+ }
+ .rz-me-xl-8 {
+ margin-inline-end: 2rem !important;
+ }
+ .rz-m-xl-9 {
+ margin: 2.25rem !important;
+ }
+ .rz-my-xl-9,
+ .rz-mt-xl-9 {
+ margin-top: 2.25rem !important;
+ }
+ .rz-mx-xl-9,
+ .rz-mr-xl-9 {
+ margin-right: 2.25rem !important;
+ }
+ .rz-my-xl-9,
+ .rz-mb-xl-9 {
+ margin-bottom: 2.25rem !important;
+ }
+ .rz-mx-xl-9,
+ .rz-ml-xl-9 {
+ margin-left: 2.25rem !important;
+ }
+ .rz-ms-xl-9 {
+ margin-inline-start: 2.25rem !important;
+ }
+ .rz-me-xl-9 {
+ margin-inline-end: 2.25rem !important;
+ }
+ .rz-m-xl-10 {
+ margin: 2.5rem !important;
+ }
+ .rz-my-xl-10,
+ .rz-mt-xl-10 {
+ margin-top: 2.5rem !important;
+ }
+ .rz-mx-xl-10,
+ .rz-mr-xl-10 {
+ margin-right: 2.5rem !important;
+ }
+ .rz-my-xl-10,
+ .rz-mb-xl-10 {
+ margin-bottom: 2.5rem !important;
+ }
+ .rz-mx-xl-10,
+ .rz-ml-xl-10 {
+ margin-left: 2.5rem !important;
+ }
+ .rz-ms-xl-10 {
+ margin-inline-start: 2.5rem !important;
+ }
+ .rz-me-xl-10 {
+ margin-inline-end: 2.5rem !important;
+ }
+ .rz-m-xl-11 {
+ margin: 2.75rem !important;
+ }
+ .rz-my-xl-11,
+ .rz-mt-xl-11 {
+ margin-top: 2.75rem !important;
+ }
+ .rz-mx-xl-11,
+ .rz-mr-xl-11 {
+ margin-right: 2.75rem !important;
+ }
+ .rz-my-xl-11,
+ .rz-mb-xl-11 {
+ margin-bottom: 2.75rem !important;
+ }
+ .rz-mx-xl-11,
+ .rz-ml-xl-11 {
+ margin-left: 2.75rem !important;
+ }
+ .rz-ms-xl-11 {
+ margin-inline-start: 2.75rem !important;
+ }
+ .rz-me-xl-11 {
+ margin-inline-end: 2.75rem !important;
+ }
+ .rz-m-xl-12 {
+ margin: 3rem !important;
+ }
+ .rz-my-xl-12,
+ .rz-mt-xl-12 {
+ margin-top: 3rem !important;
+ }
+ .rz-mx-xl-12,
+ .rz-mr-xl-12 {
+ margin-right: 3rem !important;
+ }
+ .rz-my-xl-12,
+ .rz-mb-xl-12 {
+ margin-bottom: 3rem !important;
+ }
+ .rz-mx-xl-12,
+ .rz-ml-xl-12 {
+ margin-left: 3rem !important;
+ }
+ .rz-ms-xl-12 {
+ margin-inline-start: 3rem !important;
+ }
+ .rz-me-xl-12 {
+ margin-inline-end: 3rem !important;
+ }
+ .rz-p-xl-0 {
+ padding: 0 !important;
+ }
+ .rz-py-xl-0,
+ .rz-pt-xl-0 {
+ padding-top: 0 !important;
+ }
+ .rz-px-xl-0,
+ .rz-pr-xl-0 {
+ padding-right: 0 !important;
+ }
+ .rz-py-xl-0,
+ .rz-pb-xl-0 {
+ padding-bottom: 0 !important;
+ }
+ .rz-px-xl-0,
+ .rz-pl-xl-0 {
+ padding-left: 0 !important;
+ }
+ .rz-ps-xl-0 {
+ padding-inline-start: 0 !important;
+ }
+ .rz-pe-xl-0 {
+ padding-inline-end: 0 !important;
+ }
+ .rz-p-xl-05 {
+ padding: 0.125rem !important;
+ }
+ .rz-py-xl-05,
+ .rz-pt-xl-05 {
+ padding-top: 0.125rem !important;
+ }
+ .rz-px-xl-05,
+ .rz-pr-xl-05 {
+ padding-right: 0.125rem !important;
+ }
+ .rz-py-xl-05,
+ .rz-pb-xl-05 {
+ padding-bottom: 0.125rem !important;
+ }
+ .rz-px-xl-05,
+ .rz-pl-xl-05 {
+ padding-left: 0.125rem !important;
+ }
+ .rz-ps-xl-05 {
+ padding-inline-start: 0.125rem !important;
+ }
+ .rz-pe-xl-05 {
+ padding-inline-end: 0.125rem !important;
+ }
+ .rz-p-xl-1 {
+ padding: 0.25rem !important;
+ }
+ .rz-py-xl-1,
+ .rz-pt-xl-1 {
+ padding-top: 0.25rem !important;
+ }
+ .rz-px-xl-1,
+ .rz-pr-xl-1 {
+ padding-right: 0.25rem !important;
+ }
+ .rz-py-xl-1,
+ .rz-pb-xl-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .rz-px-xl-1,
+ .rz-pl-xl-1 {
+ padding-left: 0.25rem !important;
+ }
+ .rz-ps-xl-1 {
+ padding-inline-start: 0.25rem !important;
+ }
+ .rz-pe-xl-1 {
+ padding-inline-end: 0.25rem !important;
+ }
+ .rz-p-xl-2 {
+ padding: 0.5rem !important;
+ }
+ .rz-py-xl-2,
+ .rz-pt-xl-2 {
+ padding-top: 0.5rem !important;
+ }
+ .rz-px-xl-2,
+ .rz-pr-xl-2 {
+ padding-right: 0.5rem !important;
+ }
+ .rz-py-xl-2,
+ .rz-pb-xl-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .rz-px-xl-2,
+ .rz-pl-xl-2 {
+ padding-left: 0.5rem !important;
+ }
+ .rz-ps-xl-2 {
+ padding-inline-start: 0.5rem !important;
+ }
+ .rz-pe-xl-2 {
+ padding-inline-end: 0.5rem !important;
+ }
+ .rz-p-xl-3 {
+ padding: 0.75rem !important;
+ }
+ .rz-py-xl-3,
+ .rz-pt-xl-3 {
+ padding-top: 0.75rem !important;
+ }
+ .rz-px-xl-3,
+ .rz-pr-xl-3 {
+ padding-right: 0.75rem !important;
+ }
+ .rz-py-xl-3,
+ .rz-pb-xl-3 {
+ padding-bottom: 0.75rem !important;
+ }
+ .rz-px-xl-3,
+ .rz-pl-xl-3 {
+ padding-left: 0.75rem !important;
+ }
+ .rz-ps-xl-3 {
+ padding-inline-start: 0.75rem !important;
+ }
+ .rz-pe-xl-3 {
+ padding-inline-end: 0.75rem !important;
+ }
+ .rz-p-xl-4 {
+ padding: 1rem !important;
+ }
+ .rz-py-xl-4,
+ .rz-pt-xl-4 {
+ padding-top: 1rem !important;
+ }
+ .rz-px-xl-4,
+ .rz-pr-xl-4 {
+ padding-right: 1rem !important;
+ }
+ .rz-py-xl-4,
+ .rz-pb-xl-4 {
+ padding-bottom: 1rem !important;
+ }
+ .rz-px-xl-4,
+ .rz-pl-xl-4 {
+ padding-left: 1rem !important;
+ }
+ .rz-ps-xl-4 {
+ padding-inline-start: 1rem !important;
+ }
+ .rz-pe-xl-4 {
+ padding-inline-end: 1rem !important;
+ }
+ .rz-p-xl-5 {
+ padding: 1.25rem !important;
+ }
+ .rz-py-xl-5,
+ .rz-pt-xl-5 {
+ padding-top: 1.25rem !important;
+ }
+ .rz-px-xl-5,
+ .rz-pr-xl-5 {
+ padding-right: 1.25rem !important;
+ }
+ .rz-py-xl-5,
+ .rz-pb-xl-5 {
+ padding-bottom: 1.25rem !important;
+ }
+ .rz-px-xl-5,
+ .rz-pl-xl-5 {
+ padding-left: 1.25rem !important;
+ }
+ .rz-ps-xl-5 {
+ padding-inline-start: 1.25rem !important;
+ }
+ .rz-pe-xl-5 {
+ padding-inline-end: 1.25rem !important;
+ }
+ .rz-p-xl-6 {
+ padding: 1.5rem !important;
+ }
+ .rz-py-xl-6,
+ .rz-pt-xl-6 {
+ padding-top: 1.5rem !important;
+ }
+ .rz-px-xl-6,
+ .rz-pr-xl-6 {
+ padding-right: 1.5rem !important;
+ }
+ .rz-py-xl-6,
+ .rz-pb-xl-6 {
+ padding-bottom: 1.5rem !important;
+ }
+ .rz-px-xl-6,
+ .rz-pl-xl-6 {
+ padding-left: 1.5rem !important;
+ }
+ .rz-ps-xl-6 {
+ padding-inline-start: 1.5rem !important;
+ }
+ .rz-pe-xl-6 {
+ padding-inline-end: 1.5rem !important;
+ }
+ .rz-p-xl-7 {
+ padding: 1.75rem !important;
+ }
+ .rz-py-xl-7,
+ .rz-pt-xl-7 {
+ padding-top: 1.75rem !important;
+ }
+ .rz-px-xl-7,
+ .rz-pr-xl-7 {
+ padding-right: 1.75rem !important;
+ }
+ .rz-py-xl-7,
+ .rz-pb-xl-7 {
+ padding-bottom: 1.75rem !important;
+ }
+ .rz-px-xl-7,
+ .rz-pl-xl-7 {
+ padding-left: 1.75rem !important;
+ }
+ .rz-ps-xl-7 {
+ padding-inline-start: 1.75rem !important;
+ }
+ .rz-pe-xl-7 {
+ padding-inline-end: 1.75rem !important;
+ }
+ .rz-p-xl-8 {
+ padding: 2rem !important;
+ }
+ .rz-py-xl-8,
+ .rz-pt-xl-8 {
+ padding-top: 2rem !important;
+ }
+ .rz-px-xl-8,
+ .rz-pr-xl-8 {
+ padding-right: 2rem !important;
+ }
+ .rz-py-xl-8,
+ .rz-pb-xl-8 {
+ padding-bottom: 2rem !important;
+ }
+ .rz-px-xl-8,
+ .rz-pl-xl-8 {
+ padding-left: 2rem !important;
+ }
+ .rz-ps-xl-8 {
+ padding-inline-start: 2rem !important;
+ }
+ .rz-pe-xl-8 {
+ padding-inline-end: 2rem !important;
+ }
+ .rz-p-xl-9 {
+ padding: 2.25rem !important;
+ }
+ .rz-py-xl-9,
+ .rz-pt-xl-9 {
+ padding-top: 2.25rem !important;
+ }
+ .rz-px-xl-9,
+ .rz-pr-xl-9 {
+ padding-right: 2.25rem !important;
+ }
+ .rz-py-xl-9,
+ .rz-pb-xl-9 {
+ padding-bottom: 2.25rem !important;
+ }
+ .rz-px-xl-9,
+ .rz-pl-xl-9 {
+ padding-left: 2.25rem !important;
+ }
+ .rz-ps-xl-9 {
+ padding-inline-start: 2.25rem !important;
+ }
+ .rz-pe-xl-9 {
+ padding-inline-end: 2.25rem !important;
+ }
+ .rz-p-xl-10 {
+ padding: 2.5rem !important;
+ }
+ .rz-py-xl-10,
+ .rz-pt-xl-10 {
+ padding-top: 2.5rem !important;
+ }
+ .rz-px-xl-10,
+ .rz-pr-xl-10 {
+ padding-right: 2.5rem !important;
+ }
+ .rz-py-xl-10,
+ .rz-pb-xl-10 {
+ padding-bottom: 2.5rem !important;
+ }
+ .rz-px-xl-10,
+ .rz-pl-xl-10 {
+ padding-left: 2.5rem !important;
+ }
+ .rz-ps-xl-10 {
+ padding-inline-start: 2.5rem !important;
+ }
+ .rz-pe-xl-10 {
+ padding-inline-end: 2.5rem !important;
+ }
+ .rz-p-xl-11 {
+ padding: 2.75rem !important;
+ }
+ .rz-py-xl-11,
+ .rz-pt-xl-11 {
+ padding-top: 2.75rem !important;
+ }
+ .rz-px-xl-11,
+ .rz-pr-xl-11 {
+ padding-right: 2.75rem !important;
+ }
+ .rz-py-xl-11,
+ .rz-pb-xl-11 {
+ padding-bottom: 2.75rem !important;
+ }
+ .rz-px-xl-11,
+ .rz-pl-xl-11 {
+ padding-left: 2.75rem !important;
+ }
+ .rz-ps-xl-11 {
+ padding-inline-start: 2.75rem !important;
+ }
+ .rz-pe-xl-11 {
+ padding-inline-end: 2.75rem !important;
+ }
+ .rz-p-xl-12 {
+ padding: 3rem !important;
+ }
+ .rz-py-xl-12,
+ .rz-pt-xl-12 {
+ padding-top: 3rem !important;
+ }
+ .rz-px-xl-12,
+ .rz-pr-xl-12 {
+ padding-right: 3rem !important;
+ }
+ .rz-py-xl-12,
+ .rz-pb-xl-12 {
+ padding-bottom: 3rem !important;
+ }
+ .rz-px-xl-12,
+ .rz-pl-xl-12 {
+ padding-left: 3rem !important;
+ }
+ .rz-ps-xl-12 {
+ padding-inline-start: 3rem !important;
+ }
+ .rz-pe-xl-12 {
+ padding-inline-end: 3rem !important;
+ }
+ .rz-m-xl-auto {
+ margin: auto !important;
+ }
+ .rz-my-xl-auto,
+ .rz-mt-xl-auto {
+ margin-top: auto !important;
+ }
+ .rz-mx-xl-auto,
+ .rz-mr-xl-auto {
+ margin-right: auto !important;
+ }
+ .rz-my-xl-auto,
+ .rz-mb-xl-auto {
+ margin-bottom: auto !important;
+ }
+ .rz-mx-xl-auto,
+ .rz-ml-xl-auto {
+ margin-left: auto !important;
+ }
+ .rz-ms-xl-auto {
+ margin-inline-start: auto !important;
+ }
+ .rz-me-xl-auto {
+ margin-inline-end: auto !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-m-xx-0 {
+ margin: 0 !important;
+ }
+ .rz-my-xx-0,
+ .rz-mt-xx-0 {
+ margin-top: 0 !important;
+ }
+ .rz-mx-xx-0,
+ .rz-mr-xx-0 {
+ margin-right: 0 !important;
+ }
+ .rz-my-xx-0,
+ .rz-mb-xx-0 {
+ margin-bottom: 0 !important;
+ }
+ .rz-mx-xx-0,
+ .rz-ml-xx-0 {
+ margin-left: 0 !important;
+ }
+ .rz-ms-xx-0 {
+ margin-inline-start: 0 !important;
+ }
+ .rz-me-xx-0 {
+ margin-inline-end: 0 !important;
+ }
+ .rz-m-xx-05 {
+ margin: 0.125rem !important;
+ }
+ .rz-my-xx-05,
+ .rz-mt-xx-05 {
+ margin-top: 0.125rem !important;
+ }
+ .rz-mx-xx-05,
+ .rz-mr-xx-05 {
+ margin-right: 0.125rem !important;
+ }
+ .rz-my-xx-05,
+ .rz-mb-xx-05 {
+ margin-bottom: 0.125rem !important;
+ }
+ .rz-mx-xx-05,
+ .rz-ml-xx-05 {
+ margin-left: 0.125rem !important;
+ }
+ .rz-ms-xx-05 {
+ margin-inline-start: 0.125rem !important;
+ }
+ .rz-me-xx-05 {
+ margin-inline-end: 0.125rem !important;
+ }
+ .rz-m-xx-1 {
+ margin: 0.25rem !important;
+ }
+ .rz-my-xx-1,
+ .rz-mt-xx-1 {
+ margin-top: 0.25rem !important;
+ }
+ .rz-mx-xx-1,
+ .rz-mr-xx-1 {
+ margin-right: 0.25rem !important;
+ }
+ .rz-my-xx-1,
+ .rz-mb-xx-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .rz-mx-xx-1,
+ .rz-ml-xx-1 {
+ margin-left: 0.25rem !important;
+ }
+ .rz-ms-xx-1 {
+ margin-inline-start: 0.25rem !important;
+ }
+ .rz-me-xx-1 {
+ margin-inline-end: 0.25rem !important;
+ }
+ .rz-m-xx-2 {
+ margin: 0.5rem !important;
+ }
+ .rz-my-xx-2,
+ .rz-mt-xx-2 {
+ margin-top: 0.5rem !important;
+ }
+ .rz-mx-xx-2,
+ .rz-mr-xx-2 {
+ margin-right: 0.5rem !important;
+ }
+ .rz-my-xx-2,
+ .rz-mb-xx-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .rz-mx-xx-2,
+ .rz-ml-xx-2 {
+ margin-left: 0.5rem !important;
+ }
+ .rz-ms-xx-2 {
+ margin-inline-start: 0.5rem !important;
+ }
+ .rz-me-xx-2 {
+ margin-inline-end: 0.5rem !important;
+ }
+ .rz-m-xx-3 {
+ margin: 0.75rem !important;
+ }
+ .rz-my-xx-3,
+ .rz-mt-xx-3 {
+ margin-top: 0.75rem !important;
+ }
+ .rz-mx-xx-3,
+ .rz-mr-xx-3 {
+ margin-right: 0.75rem !important;
+ }
+ .rz-my-xx-3,
+ .rz-mb-xx-3 {
+ margin-bottom: 0.75rem !important;
+ }
+ .rz-mx-xx-3,
+ .rz-ml-xx-3 {
+ margin-left: 0.75rem !important;
+ }
+ .rz-ms-xx-3 {
+ margin-inline-start: 0.75rem !important;
+ }
+ .rz-me-xx-3 {
+ margin-inline-end: 0.75rem !important;
+ }
+ .rz-m-xx-4 {
+ margin: 1rem !important;
+ }
+ .rz-my-xx-4,
+ .rz-mt-xx-4 {
+ margin-top: 1rem !important;
+ }
+ .rz-mx-xx-4,
+ .rz-mr-xx-4 {
+ margin-right: 1rem !important;
+ }
+ .rz-my-xx-4,
+ .rz-mb-xx-4 {
+ margin-bottom: 1rem !important;
+ }
+ .rz-mx-xx-4,
+ .rz-ml-xx-4 {
+ margin-left: 1rem !important;
+ }
+ .rz-ms-xx-4 {
+ margin-inline-start: 1rem !important;
+ }
+ .rz-me-xx-4 {
+ margin-inline-end: 1rem !important;
+ }
+ .rz-m-xx-5 {
+ margin: 1.25rem !important;
+ }
+ .rz-my-xx-5,
+ .rz-mt-xx-5 {
+ margin-top: 1.25rem !important;
+ }
+ .rz-mx-xx-5,
+ .rz-mr-xx-5 {
+ margin-right: 1.25rem !important;
+ }
+ .rz-my-xx-5,
+ .rz-mb-xx-5 {
+ margin-bottom: 1.25rem !important;
+ }
+ .rz-mx-xx-5,
+ .rz-ml-xx-5 {
+ margin-left: 1.25rem !important;
+ }
+ .rz-ms-xx-5 {
+ margin-inline-start: 1.25rem !important;
+ }
+ .rz-me-xx-5 {
+ margin-inline-end: 1.25rem !important;
+ }
+ .rz-m-xx-6 {
+ margin: 1.5rem !important;
+ }
+ .rz-my-xx-6,
+ .rz-mt-xx-6 {
+ margin-top: 1.5rem !important;
+ }
+ .rz-mx-xx-6,
+ .rz-mr-xx-6 {
+ margin-right: 1.5rem !important;
+ }
+ .rz-my-xx-6,
+ .rz-mb-xx-6 {
+ margin-bottom: 1.5rem !important;
+ }
+ .rz-mx-xx-6,
+ .rz-ml-xx-6 {
+ margin-left: 1.5rem !important;
+ }
+ .rz-ms-xx-6 {
+ margin-inline-start: 1.5rem !important;
+ }
+ .rz-me-xx-6 {
+ margin-inline-end: 1.5rem !important;
+ }
+ .rz-m-xx-7 {
+ margin: 1.75rem !important;
+ }
+ .rz-my-xx-7,
+ .rz-mt-xx-7 {
+ margin-top: 1.75rem !important;
+ }
+ .rz-mx-xx-7,
+ .rz-mr-xx-7 {
+ margin-right: 1.75rem !important;
+ }
+ .rz-my-xx-7,
+ .rz-mb-xx-7 {
+ margin-bottom: 1.75rem !important;
+ }
+ .rz-mx-xx-7,
+ .rz-ml-xx-7 {
+ margin-left: 1.75rem !important;
+ }
+ .rz-ms-xx-7 {
+ margin-inline-start: 1.75rem !important;
+ }
+ .rz-me-xx-7 {
+ margin-inline-end: 1.75rem !important;
+ }
+ .rz-m-xx-8 {
+ margin: 2rem !important;
+ }
+ .rz-my-xx-8,
+ .rz-mt-xx-8 {
+ margin-top: 2rem !important;
+ }
+ .rz-mx-xx-8,
+ .rz-mr-xx-8 {
+ margin-right: 2rem !important;
+ }
+ .rz-my-xx-8,
+ .rz-mb-xx-8 {
+ margin-bottom: 2rem !important;
+ }
+ .rz-mx-xx-8,
+ .rz-ml-xx-8 {
+ margin-left: 2rem !important;
+ }
+ .rz-ms-xx-8 {
+ margin-inline-start: 2rem !important;
+ }
+ .rz-me-xx-8 {
+ margin-inline-end: 2rem !important;
+ }
+ .rz-m-xx-9 {
+ margin: 2.25rem !important;
+ }
+ .rz-my-xx-9,
+ .rz-mt-xx-9 {
+ margin-top: 2.25rem !important;
+ }
+ .rz-mx-xx-9,
+ .rz-mr-xx-9 {
+ margin-right: 2.25rem !important;
+ }
+ .rz-my-xx-9,
+ .rz-mb-xx-9 {
+ margin-bottom: 2.25rem !important;
+ }
+ .rz-mx-xx-9,
+ .rz-ml-xx-9 {
+ margin-left: 2.25rem !important;
+ }
+ .rz-ms-xx-9 {
+ margin-inline-start: 2.25rem !important;
+ }
+ .rz-me-xx-9 {
+ margin-inline-end: 2.25rem !important;
+ }
+ .rz-m-xx-10 {
+ margin: 2.5rem !important;
+ }
+ .rz-my-xx-10,
+ .rz-mt-xx-10 {
+ margin-top: 2.5rem !important;
+ }
+ .rz-mx-xx-10,
+ .rz-mr-xx-10 {
+ margin-right: 2.5rem !important;
+ }
+ .rz-my-xx-10,
+ .rz-mb-xx-10 {
+ margin-bottom: 2.5rem !important;
+ }
+ .rz-mx-xx-10,
+ .rz-ml-xx-10 {
+ margin-left: 2.5rem !important;
+ }
+ .rz-ms-xx-10 {
+ margin-inline-start: 2.5rem !important;
+ }
+ .rz-me-xx-10 {
+ margin-inline-end: 2.5rem !important;
+ }
+ .rz-m-xx-11 {
+ margin: 2.75rem !important;
+ }
+ .rz-my-xx-11,
+ .rz-mt-xx-11 {
+ margin-top: 2.75rem !important;
+ }
+ .rz-mx-xx-11,
+ .rz-mr-xx-11 {
+ margin-right: 2.75rem !important;
+ }
+ .rz-my-xx-11,
+ .rz-mb-xx-11 {
+ margin-bottom: 2.75rem !important;
+ }
+ .rz-mx-xx-11,
+ .rz-ml-xx-11 {
+ margin-left: 2.75rem !important;
+ }
+ .rz-ms-xx-11 {
+ margin-inline-start: 2.75rem !important;
+ }
+ .rz-me-xx-11 {
+ margin-inline-end: 2.75rem !important;
+ }
+ .rz-m-xx-12 {
+ margin: 3rem !important;
+ }
+ .rz-my-xx-12,
+ .rz-mt-xx-12 {
+ margin-top: 3rem !important;
+ }
+ .rz-mx-xx-12,
+ .rz-mr-xx-12 {
+ margin-right: 3rem !important;
+ }
+ .rz-my-xx-12,
+ .rz-mb-xx-12 {
+ margin-bottom: 3rem !important;
+ }
+ .rz-mx-xx-12,
+ .rz-ml-xx-12 {
+ margin-left: 3rem !important;
+ }
+ .rz-ms-xx-12 {
+ margin-inline-start: 3rem !important;
+ }
+ .rz-me-xx-12 {
+ margin-inline-end: 3rem !important;
+ }
+ .rz-p-xx-0 {
+ padding: 0 !important;
+ }
+ .rz-py-xx-0,
+ .rz-pt-xx-0 {
+ padding-top: 0 !important;
+ }
+ .rz-px-xx-0,
+ .rz-pr-xx-0 {
+ padding-right: 0 !important;
+ }
+ .rz-py-xx-0,
+ .rz-pb-xx-0 {
+ padding-bottom: 0 !important;
+ }
+ .rz-px-xx-0,
+ .rz-pl-xx-0 {
+ padding-left: 0 !important;
+ }
+ .rz-ps-xx-0 {
+ padding-inline-start: 0 !important;
+ }
+ .rz-pe-xx-0 {
+ padding-inline-end: 0 !important;
+ }
+ .rz-p-xx-05 {
+ padding: 0.125rem !important;
+ }
+ .rz-py-xx-05,
+ .rz-pt-xx-05 {
+ padding-top: 0.125rem !important;
+ }
+ .rz-px-xx-05,
+ .rz-pr-xx-05 {
+ padding-right: 0.125rem !important;
+ }
+ .rz-py-xx-05,
+ .rz-pb-xx-05 {
+ padding-bottom: 0.125rem !important;
+ }
+ .rz-px-xx-05,
+ .rz-pl-xx-05 {
+ padding-left: 0.125rem !important;
+ }
+ .rz-ps-xx-05 {
+ padding-inline-start: 0.125rem !important;
+ }
+ .rz-pe-xx-05 {
+ padding-inline-end: 0.125rem !important;
+ }
+ .rz-p-xx-1 {
+ padding: 0.25rem !important;
+ }
+ .rz-py-xx-1,
+ .rz-pt-xx-1 {
+ padding-top: 0.25rem !important;
+ }
+ .rz-px-xx-1,
+ .rz-pr-xx-1 {
+ padding-right: 0.25rem !important;
+ }
+ .rz-py-xx-1,
+ .rz-pb-xx-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .rz-px-xx-1,
+ .rz-pl-xx-1 {
+ padding-left: 0.25rem !important;
+ }
+ .rz-ps-xx-1 {
+ padding-inline-start: 0.25rem !important;
+ }
+ .rz-pe-xx-1 {
+ padding-inline-end: 0.25rem !important;
+ }
+ .rz-p-xx-2 {
+ padding: 0.5rem !important;
+ }
+ .rz-py-xx-2,
+ .rz-pt-xx-2 {
+ padding-top: 0.5rem !important;
+ }
+ .rz-px-xx-2,
+ .rz-pr-xx-2 {
+ padding-right: 0.5rem !important;
+ }
+ .rz-py-xx-2,
+ .rz-pb-xx-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .rz-px-xx-2,
+ .rz-pl-xx-2 {
+ padding-left: 0.5rem !important;
+ }
+ .rz-ps-xx-2 {
+ padding-inline-start: 0.5rem !important;
+ }
+ .rz-pe-xx-2 {
+ padding-inline-end: 0.5rem !important;
+ }
+ .rz-p-xx-3 {
+ padding: 0.75rem !important;
+ }
+ .rz-py-xx-3,
+ .rz-pt-xx-3 {
+ padding-top: 0.75rem !important;
+ }
+ .rz-px-xx-3,
+ .rz-pr-xx-3 {
+ padding-right: 0.75rem !important;
+ }
+ .rz-py-xx-3,
+ .rz-pb-xx-3 {
+ padding-bottom: 0.75rem !important;
+ }
+ .rz-px-xx-3,
+ .rz-pl-xx-3 {
+ padding-left: 0.75rem !important;
+ }
+ .rz-ps-xx-3 {
+ padding-inline-start: 0.75rem !important;
+ }
+ .rz-pe-xx-3 {
+ padding-inline-end: 0.75rem !important;
+ }
+ .rz-p-xx-4 {
+ padding: 1rem !important;
+ }
+ .rz-py-xx-4,
+ .rz-pt-xx-4 {
+ padding-top: 1rem !important;
+ }
+ .rz-px-xx-4,
+ .rz-pr-xx-4 {
+ padding-right: 1rem !important;
+ }
+ .rz-py-xx-4,
+ .rz-pb-xx-4 {
+ padding-bottom: 1rem !important;
+ }
+ .rz-px-xx-4,
+ .rz-pl-xx-4 {
+ padding-left: 1rem !important;
+ }
+ .rz-ps-xx-4 {
+ padding-inline-start: 1rem !important;
+ }
+ .rz-pe-xx-4 {
+ padding-inline-end: 1rem !important;
+ }
+ .rz-p-xx-5 {
+ padding: 1.25rem !important;
+ }
+ .rz-py-xx-5,
+ .rz-pt-xx-5 {
+ padding-top: 1.25rem !important;
+ }
+ .rz-px-xx-5,
+ .rz-pr-xx-5 {
+ padding-right: 1.25rem !important;
+ }
+ .rz-py-xx-5,
+ .rz-pb-xx-5 {
+ padding-bottom: 1.25rem !important;
+ }
+ .rz-px-xx-5,
+ .rz-pl-xx-5 {
+ padding-left: 1.25rem !important;
+ }
+ .rz-ps-xx-5 {
+ padding-inline-start: 1.25rem !important;
+ }
+ .rz-pe-xx-5 {
+ padding-inline-end: 1.25rem !important;
+ }
+ .rz-p-xx-6 {
+ padding: 1.5rem !important;
+ }
+ .rz-py-xx-6,
+ .rz-pt-xx-6 {
+ padding-top: 1.5rem !important;
+ }
+ .rz-px-xx-6,
+ .rz-pr-xx-6 {
+ padding-right: 1.5rem !important;
+ }
+ .rz-py-xx-6,
+ .rz-pb-xx-6 {
+ padding-bottom: 1.5rem !important;
+ }
+ .rz-px-xx-6,
+ .rz-pl-xx-6 {
+ padding-left: 1.5rem !important;
+ }
+ .rz-ps-xx-6 {
+ padding-inline-start: 1.5rem !important;
+ }
+ .rz-pe-xx-6 {
+ padding-inline-end: 1.5rem !important;
+ }
+ .rz-p-xx-7 {
+ padding: 1.75rem !important;
+ }
+ .rz-py-xx-7,
+ .rz-pt-xx-7 {
+ padding-top: 1.75rem !important;
+ }
+ .rz-px-xx-7,
+ .rz-pr-xx-7 {
+ padding-right: 1.75rem !important;
+ }
+ .rz-py-xx-7,
+ .rz-pb-xx-7 {
+ padding-bottom: 1.75rem !important;
+ }
+ .rz-px-xx-7,
+ .rz-pl-xx-7 {
+ padding-left: 1.75rem !important;
+ }
+ .rz-ps-xx-7 {
+ padding-inline-start: 1.75rem !important;
+ }
+ .rz-pe-xx-7 {
+ padding-inline-end: 1.75rem !important;
+ }
+ .rz-p-xx-8 {
+ padding: 2rem !important;
+ }
+ .rz-py-xx-8,
+ .rz-pt-xx-8 {
+ padding-top: 2rem !important;
+ }
+ .rz-px-xx-8,
+ .rz-pr-xx-8 {
+ padding-right: 2rem !important;
+ }
+ .rz-py-xx-8,
+ .rz-pb-xx-8 {
+ padding-bottom: 2rem !important;
+ }
+ .rz-px-xx-8,
+ .rz-pl-xx-8 {
+ padding-left: 2rem !important;
+ }
+ .rz-ps-xx-8 {
+ padding-inline-start: 2rem !important;
+ }
+ .rz-pe-xx-8 {
+ padding-inline-end: 2rem !important;
+ }
+ .rz-p-xx-9 {
+ padding: 2.25rem !important;
+ }
+ .rz-py-xx-9,
+ .rz-pt-xx-9 {
+ padding-top: 2.25rem !important;
+ }
+ .rz-px-xx-9,
+ .rz-pr-xx-9 {
+ padding-right: 2.25rem !important;
+ }
+ .rz-py-xx-9,
+ .rz-pb-xx-9 {
+ padding-bottom: 2.25rem !important;
+ }
+ .rz-px-xx-9,
+ .rz-pl-xx-9 {
+ padding-left: 2.25rem !important;
+ }
+ .rz-ps-xx-9 {
+ padding-inline-start: 2.25rem !important;
+ }
+ .rz-pe-xx-9 {
+ padding-inline-end: 2.25rem !important;
+ }
+ .rz-p-xx-10 {
+ padding: 2.5rem !important;
+ }
+ .rz-py-xx-10,
+ .rz-pt-xx-10 {
+ padding-top: 2.5rem !important;
+ }
+ .rz-px-xx-10,
+ .rz-pr-xx-10 {
+ padding-right: 2.5rem !important;
+ }
+ .rz-py-xx-10,
+ .rz-pb-xx-10 {
+ padding-bottom: 2.5rem !important;
+ }
+ .rz-px-xx-10,
+ .rz-pl-xx-10 {
+ padding-left: 2.5rem !important;
+ }
+ .rz-ps-xx-10 {
+ padding-inline-start: 2.5rem !important;
+ }
+ .rz-pe-xx-10 {
+ padding-inline-end: 2.5rem !important;
+ }
+ .rz-p-xx-11 {
+ padding: 2.75rem !important;
+ }
+ .rz-py-xx-11,
+ .rz-pt-xx-11 {
+ padding-top: 2.75rem !important;
+ }
+ .rz-px-xx-11,
+ .rz-pr-xx-11 {
+ padding-right: 2.75rem !important;
+ }
+ .rz-py-xx-11,
+ .rz-pb-xx-11 {
+ padding-bottom: 2.75rem !important;
+ }
+ .rz-px-xx-11,
+ .rz-pl-xx-11 {
+ padding-left: 2.75rem !important;
+ }
+ .rz-ps-xx-11 {
+ padding-inline-start: 2.75rem !important;
+ }
+ .rz-pe-xx-11 {
+ padding-inline-end: 2.75rem !important;
+ }
+ .rz-p-xx-12 {
+ padding: 3rem !important;
+ }
+ .rz-py-xx-12,
+ .rz-pt-xx-12 {
+ padding-top: 3rem !important;
+ }
+ .rz-px-xx-12,
+ .rz-pr-xx-12 {
+ padding-right: 3rem !important;
+ }
+ .rz-py-xx-12,
+ .rz-pb-xx-12 {
+ padding-bottom: 3rem !important;
+ }
+ .rz-px-xx-12,
+ .rz-pl-xx-12 {
+ padding-left: 3rem !important;
+ }
+ .rz-ps-xx-12 {
+ padding-inline-start: 3rem !important;
+ }
+ .rz-pe-xx-12 {
+ padding-inline-end: 3rem !important;
+ }
+ .rz-m-xx-auto {
+ margin: auto !important;
+ }
+ .rz-my-xx-auto,
+ .rz-mt-xx-auto {
+ margin-top: auto !important;
+ }
+ .rz-mx-xx-auto,
+ .rz-mr-xx-auto {
+ margin-right: auto !important;
+ }
+ .rz-my-xx-auto,
+ .rz-mb-xx-auto {
+ margin-bottom: auto !important;
+ }
+ .rz-mx-xx-auto,
+ .rz-ml-xx-auto {
+ margin-left: auto !important;
+ }
+ .rz-ms-xx-auto {
+ margin-inline-start: auto !important;
+ }
+ .rz-me-xx-auto {
+ margin-inline-end: auto !important;
+ }
+}
+@keyframes rz-open {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+@keyframes rz-close {
+ from {
+ opacity: 1;
+ }
+ to {
+ opacity: 0;
+ }
+}
+.rz-open {
+ animation: var(--rz-expander-transition) rz-open;
+}
+
+.rz-close {
+ animation: var(--rz-expander-transition) rz-close;
+}
+
+@keyframes rz-pulse {
+ 0%, 100% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0.5;
+ }
+}
+@keyframes rz-pulse-subtle {
+ 0%, 100% {
+ opacity: 0.1;
+ }
+ 50% {
+ opacity: 1;
+ }
+}
+@keyframes rz-wave {
+ 0% {
+ background-position: 200% 0;
+ }
+ 100% {
+ background-position: -200% 0;
+ }
+}
+h1.rz-heading {
+ font-size: 2rem;
+ line-height: 1.1875em;
+ font-weight: 700;
+ letter-spacing: -0.04em;
+ color: var(--rz-text-title-color);
+ margin-block-start: 0;
+ margin-block-end: 1rem;
+}
+
+h2.rz-heading {
+ font-size: 1.5rem;
+ line-height: 1.25em;
+ font-weight: 700;
+ letter-spacing: -0.03em;
+ color: var(--rz-text-title-color);
+ margin-block-start: 0;
+ margin-block-end: 1rem;
+}
+
+h3.rz-heading {
+ font-size: 1.125rem;
+ line-height: 1.25em;
+ font-weight: 700;
+ letter-spacing: -0.02em;
+ color: var(--rz-text-title-color);
+ margin-block-start: 0;
+ margin-block-end: 0.75rem;
+}
+
+h4.rz-heading {
+ font-size: 1rem;
+ line-height: 1.25em;
+ font-weight: 700;
+ letter-spacing: -0.02em;
+ color: var(--rz-text-title-color);
+ margin-block-start: 0;
+ margin-block-end: 0.5rem;
+}
+
+h5.rz-heading {
+ font-size: 0.875rem;
+ line-height: 1.25em;
+ font-weight: 700;
+ letter-spacing: -0.02em;
+ color: var(--rz-text-title-color);
+ margin-block-start: 0;
+ margin-block-end: 0.5rem;
+}
+
+h6.rz-heading {
+ font-size: 0.75rem;
+ line-height: 1.25em;
+ font-weight: 700;
+ letter-spacing: -0.02em;
+ color: var(--rz-text-title-color);
+ margin-block-start: 0;
+ margin-block-end: 0.5rem;
+}
+
+.rz-text-display-h1 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-display-h1-font-size);
+ line-height: var(--rz-text-display-h1-line-height);
+ font-weight: var(--rz-text-display-h1-font-weight);
+ letter-spacing: var(--rz-text-display-h1-letter-spacing);
+ color: var(--rz-text-display-h1-color);
+ margin-block-start: var(--rz-text-display-h1-margin-block-start);
+ margin-block-end: var(--rz-text-display-h1-margin-block-end);
+}
+
+.rz-stack > .rz-text-display-h1 {
+ margin-block: 0;
+}
+
+.rz-text-display-h2 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-display-h2-font-size);
+ line-height: var(--rz-text-display-h2-line-height);
+ font-weight: var(--rz-text-display-h2-font-weight);
+ letter-spacing: var(--rz-text-display-h2-letter-spacing);
+ color: var(--rz-text-display-h2-color);
+ margin-block-start: var(--rz-text-display-h2-margin-block-start);
+ margin-block-end: var(--rz-text-display-h2-margin-block-end);
+}
+
+.rz-stack > .rz-text-display-h2 {
+ margin-block: 0;
+}
+
+.rz-text-display-h3 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-display-h3-font-size);
+ line-height: var(--rz-text-display-h3-line-height);
+ font-weight: var(--rz-text-display-h3-font-weight);
+ letter-spacing: var(--rz-text-display-h3-letter-spacing);
+ color: var(--rz-text-display-h3-color);
+ margin-block-start: var(--rz-text-display-h3-margin-block-start);
+ margin-block-end: var(--rz-text-display-h3-margin-block-end);
+}
+
+.rz-stack > .rz-text-display-h3 {
+ margin-block: 0;
+}
+
+.rz-text-display-h4 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-display-h4-font-size);
+ line-height: var(--rz-text-display-h4-line-height);
+ font-weight: var(--rz-text-display-h4-font-weight);
+ letter-spacing: var(--rz-text-display-h4-letter-spacing);
+ color: var(--rz-text-display-h4-color);
+ margin-block-start: var(--rz-text-display-h4-margin-block-start);
+ margin-block-end: var(--rz-text-display-h4-margin-block-end);
+}
+
+.rz-stack > .rz-text-display-h4 {
+ margin-block: 0;
+}
+
+.rz-text-display-h5 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-display-h5-font-size);
+ line-height: var(--rz-text-display-h5-line-height);
+ font-weight: var(--rz-text-display-h5-font-weight);
+ letter-spacing: var(--rz-text-display-h5-letter-spacing);
+ color: var(--rz-text-display-h5-color);
+ margin-block-start: var(--rz-text-display-h5-margin-block-start);
+ margin-block-end: var(--rz-text-display-h5-margin-block-end);
+}
+
+.rz-stack > .rz-text-display-h5 {
+ margin-block: 0;
+}
+
+.rz-text-display-h6 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-display-h6-font-size);
+ line-height: var(--rz-text-display-h6-line-height);
+ font-weight: var(--rz-text-display-h6-font-weight);
+ letter-spacing: var(--rz-text-display-h6-letter-spacing);
+ color: var(--rz-text-display-h6-color);
+ margin-block-start: var(--rz-text-display-h6-margin-block-start);
+ margin-block-end: var(--rz-text-display-h6-margin-block-end);
+}
+
+.rz-stack > .rz-text-display-h6 {
+ margin-block: 0;
+}
+
+.rz-text-h1 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-h1-font-size);
+ line-height: var(--rz-text-h1-line-height);
+ font-weight: var(--rz-text-h1-font-weight);
+ letter-spacing: var(--rz-text-h1-letter-spacing);
+ color: var(--rz-text-h1-color);
+ margin-block-start: var(--rz-text-h1-margin-block-start);
+ margin-block-end: var(--rz-text-h1-margin-block-end);
+}
+
+.rz-stack > .rz-text-h1 {
+ margin-block: 0;
+}
+
+.rz-text-h2 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-h2-font-size);
+ line-height: var(--rz-text-h2-line-height);
+ font-weight: var(--rz-text-h2-font-weight);
+ letter-spacing: var(--rz-text-h2-letter-spacing);
+ color: var(--rz-text-h2-color);
+ margin-block-start: var(--rz-text-h2-margin-block-start);
+ margin-block-end: var(--rz-text-h2-margin-block-end);
+}
+
+.rz-stack > .rz-text-h2 {
+ margin-block: 0;
+}
+
+.rz-text-h3 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-h3-font-size);
+ line-height: var(--rz-text-h3-line-height);
+ font-weight: var(--rz-text-h3-font-weight);
+ letter-spacing: var(--rz-text-h3-letter-spacing);
+ color: var(--rz-text-h3-color);
+ margin-block-start: var(--rz-text-h3-margin-block-start);
+ margin-block-end: var(--rz-text-h3-margin-block-end);
+}
+
+.rz-stack > .rz-text-h3 {
+ margin-block: 0;
+}
+
+.rz-text-h4 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-h4-font-size);
+ line-height: var(--rz-text-h4-line-height);
+ font-weight: var(--rz-text-h4-font-weight);
+ letter-spacing: var(--rz-text-h4-letter-spacing);
+ color: var(--rz-text-h4-color);
+ margin-block-start: var(--rz-text-h4-margin-block-start);
+ margin-block-end: var(--rz-text-h4-margin-block-end);
+}
+
+.rz-stack > .rz-text-h4 {
+ margin-block: 0;
+}
+
+.rz-text-h5 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-h5-font-size);
+ line-height: var(--rz-text-h5-line-height);
+ font-weight: var(--rz-text-h5-font-weight);
+ letter-spacing: var(--rz-text-h5-letter-spacing);
+ color: var(--rz-text-h5-color);
+ margin-block-start: var(--rz-text-h5-margin-block-start);
+ margin-block-end: var(--rz-text-h5-margin-block-end);
+}
+
+.rz-stack > .rz-text-h5 {
+ margin-block: 0;
+}
+
+.rz-text-h6 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-h6-font-size);
+ line-height: var(--rz-text-h6-line-height);
+ font-weight: var(--rz-text-h6-font-weight);
+ letter-spacing: var(--rz-text-h6-letter-spacing);
+ color: var(--rz-text-h6-color);
+ margin-block-start: var(--rz-text-h6-margin-block-start);
+ margin-block-end: var(--rz-text-h6-margin-block-end);
+}
+
+.rz-stack > .rz-text-h6 {
+ margin-block: 0;
+}
+
+.rz-text-subtitle1 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-subtitle1-font-size);
+ line-height: var(--rz-text-subtitle1-line-height);
+ font-weight: var(--rz-text-subtitle1-font-weight);
+ letter-spacing: var(--rz-text-subtitle1-letter-spacing);
+ color: var(--rz-text-subtitle1-color);
+ margin-block-start: var(--rz-text-subtitle1-margin-block-start);
+ margin-block-end: var(--rz-text-subtitle1-margin-block-end);
+}
+
+.rz-stack > .rz-text-subtitle1 {
+ margin-block: 0;
+}
+
+.rz-text-subtitle2 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-subtitle2-font-size);
+ line-height: var(--rz-text-subtitle2-line-height);
+ font-weight: var(--rz-text-subtitle2-font-weight);
+ letter-spacing: var(--rz-text-subtitle2-letter-spacing);
+ color: var(--rz-text-subtitle2-color);
+ margin-block-start: var(--rz-text-subtitle2-margin-block-start);
+ margin-block-end: var(--rz-text-subtitle2-margin-block-end);
+}
+
+.rz-stack > .rz-text-subtitle2 {
+ margin-block: 0;
+}
+
+.rz-text-body1 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-body1-font-size);
+ line-height: var(--rz-text-body1-line-height);
+ font-weight: var(--rz-text-body1-font-weight);
+ letter-spacing: var(--rz-text-body1-letter-spacing);
+ color: var(--rz-text-body1-color);
+ margin-block-start: var(--rz-text-body1-margin-block-start);
+ margin-block-end: var(--rz-text-body1-margin-block-end);
+}
+
+.rz-stack > .rz-text-body1 {
+ margin-block: 0;
+}
+
+.rz-text-body2 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-body2-font-size);
+ line-height: var(--rz-text-body2-line-height);
+ font-weight: var(--rz-text-body2-font-weight);
+ letter-spacing: var(--rz-text-body2-letter-spacing);
+ color: var(--rz-text-body2-color);
+ margin-block-start: var(--rz-text-body2-margin-block-start);
+ margin-block-end: var(--rz-text-body2-margin-block-end);
+}
+
+.rz-stack > .rz-text-body2 {
+ margin-block: 0;
+}
+
+.rz-text-button {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-button-font-size);
+ line-height: var(--rz-text-button-line-height);
+ font-weight: var(--rz-text-button-font-weight);
+ letter-spacing: var(--rz-text-button-letter-spacing);
+ color: var(--rz-text-button-color);
+ margin-block-start: var(--rz-text-button-margin-block-start);
+ margin-block-end: var(--rz-text-button-margin-block-end);
+}
+
+.rz-stack > .rz-text-button {
+ margin-block: 0;
+}
+
+.rz-text-caption {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-caption-font-size);
+ line-height: var(--rz-text-caption-line-height);
+ font-weight: var(--rz-text-caption-font-weight);
+ letter-spacing: var(--rz-text-caption-letter-spacing);
+ color: var(--rz-text-caption-color);
+ margin-block-start: var(--rz-text-caption-margin-block-start);
+ margin-block-end: var(--rz-text-caption-margin-block-end);
+}
+
+.rz-stack > .rz-text-caption {
+ margin-block: 0;
+}
+
+.rz-text-overline {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-overline-font-size);
+ line-height: var(--rz-text-overline-line-height);
+ font-weight: var(--rz-text-overline-font-weight);
+ letter-spacing: var(--rz-text-overline-letter-spacing);
+ text-transform: var(--rz-text-overline-text-transform);
+ color: var(--rz-text-overline-color);
+ margin-block-start: var(--rz-text-overline-margin-block-start);
+ margin-block-end: var(--rz-text-overline-margin-block-end);
+}
+
+.rz-stack > .rz-text-overline {
+ margin-block: 0;
+}
+
+.rz-text-align-start {
+ text-align: start;
+}
+
+.rz-text-align-end {
+ text-align: end;
+}
+
+.rz-text-align-left {
+ text-align: left;
+}
+
+.rz-text-align-right {
+ text-align: right;
+}
+
+.rz-text-align-center {
+ text-align: center;
+}
+
+.rz-text-align-justify {
+ text-align: justify;
+}
+
+.rz-text-align-justify-all {
+ text-align: justify-all;
+}
+
+.rz-text-align-match-parent {
+ text-align: match-parent;
+}
+
+@media (min-width: 576px) {
+ .rz-text-align-xs-start {
+ text-align: start !important;
+ }
+ .rz-text-align-xs-end {
+ text-align: end !important;
+ }
+ .rz-text-align-xs-left {
+ text-align: left !important;
+ }
+ .rz-text-align-xs-right {
+ text-align: right !important;
+ }
+ .rz-text-align-xs-center {
+ text-align: center !important;
+ }
+ .rz-text-align-xs-justify {
+ text-align: justify !important;
+ }
+ .rz-text-align-xs-justify-all {
+ text-align: justify-all !important;
+ }
+ .rz-text-align-xs-match-parent {
+ text-align: match-parent !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-text-align-sm-start {
+ text-align: start !important;
+ }
+ .rz-text-align-sm-end {
+ text-align: end !important;
+ }
+ .rz-text-align-sm-left {
+ text-align: left !important;
+ }
+ .rz-text-align-sm-right {
+ text-align: right !important;
+ }
+ .rz-text-align-sm-center {
+ text-align: center !important;
+ }
+ .rz-text-align-sm-justify {
+ text-align: justify !important;
+ }
+ .rz-text-align-sm-justify-all {
+ text-align: justify-all !important;
+ }
+ .rz-text-align-sm-match-parent {
+ text-align: match-parent !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-text-align-md-start {
+ text-align: start !important;
+ }
+ .rz-text-align-md-end {
+ text-align: end !important;
+ }
+ .rz-text-align-md-left {
+ text-align: left !important;
+ }
+ .rz-text-align-md-right {
+ text-align: right !important;
+ }
+ .rz-text-align-md-center {
+ text-align: center !important;
+ }
+ .rz-text-align-md-justify {
+ text-align: justify !important;
+ }
+ .rz-text-align-md-justify-all {
+ text-align: justify-all !important;
+ }
+ .rz-text-align-md-match-parent {
+ text-align: match-parent !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-text-align-lg-start {
+ text-align: start !important;
+ }
+ .rz-text-align-lg-end {
+ text-align: end !important;
+ }
+ .rz-text-align-lg-left {
+ text-align: left !important;
+ }
+ .rz-text-align-lg-right {
+ text-align: right !important;
+ }
+ .rz-text-align-lg-center {
+ text-align: center !important;
+ }
+ .rz-text-align-lg-justify {
+ text-align: justify !important;
+ }
+ .rz-text-align-lg-justify-all {
+ text-align: justify-all !important;
+ }
+ .rz-text-align-lg-match-parent {
+ text-align: match-parent !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-text-align-xl-start {
+ text-align: start !important;
+ }
+ .rz-text-align-xl-end {
+ text-align: end !important;
+ }
+ .rz-text-align-xl-left {
+ text-align: left !important;
+ }
+ .rz-text-align-xl-right {
+ text-align: right !important;
+ }
+ .rz-text-align-xl-center {
+ text-align: center !important;
+ }
+ .rz-text-align-xl-justify {
+ text-align: justify !important;
+ }
+ .rz-text-align-xl-justify-all {
+ text-align: justify-all !important;
+ }
+ .rz-text-align-xl-match-parent {
+ text-align: match-parent !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-text-align-xx-start {
+ text-align: start !important;
+ }
+ .rz-text-align-xx-end {
+ text-align: end !important;
+ }
+ .rz-text-align-xx-left {
+ text-align: left !important;
+ }
+ .rz-text-align-xx-right {
+ text-align: right !important;
+ }
+ .rz-text-align-xx-center {
+ text-align: center !important;
+ }
+ .rz-text-align-xx-justify {
+ text-align: justify !important;
+ }
+ .rz-text-align-xx-justify-all {
+ text-align: justify-all !important;
+ }
+ .rz-text-align-xx-match-parent {
+ text-align: match-parent !important;
+ }
+}
+.rz-text-wrap {
+ white-space: normal !important;
+}
+
+.rz-text-nowrap {
+ white-space: nowrap !important;
+}
+
+.rz-text-truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.rz-text-capitalize {
+ text-transform: capitalize;
+}
+
+.rz-text-uppercase {
+ text-transform: uppercase;
+}
+
+.rz-text-lowercase {
+ text-transform: lowercase;
+}
+
+.rz-label {
+ vertical-align: middle;
+ margin-block-start: 0;
+ margin-block-end: 0;
+}
+
+.rz-form .row .rz-label {
+ min-height: var(--rz-input-height);
+ line-height: var(--rz-input-line-height);
+ padding-block: var(--rz-input-padding-block);
+ padding-inline: var(--rz-input-padding-inline);
+ padding-inline-start: 0;
+ border-top: var(--rz-input-border);
+ border-bottom: var(--rz-input-border);
+ border-color: transparent;
+}
+
+.rz-layout ::selection {
+ background-color: var(--rz-text-selection-background-color);
+ color: var(--rz-text-selection-color);
+}
+
+.rz-column-drag, .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-header .rzi-plus, .rz-sortable-column .rzi-grid-sort, .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rzi-chevron-circle-right, .rz-fileupload-row .rz-button .rzi-close,
+.rz-fileupload-row .rz-button .rzi-times,
+.rz-fileupload-row .rz-button .rz-icon-trash, .rz-menuitem .rz-menuitem-icon, .rzi {
+ box-sizing: border-box;
+ font-family: var(--rz-icon-font-family);
+ font-weight: var(--rz-icon-weight, inherit);
+ font-style: normal;
+ font-size: var(--rz-icon-size);
+ display: inline-block;
+ width: 1em;
+ height: 1em;
+ line-height: 1;
+ text-transform: none;
+ letter-spacing: normal;
+ word-wrap: normal;
+ white-space: nowrap;
+ font-variation-settings: "FILL" var(--rz-icon-fill), "GRAD" var(--rz-icon-grade), "opsz" var(--rz-icon-optical-size);
+ /* Support for all WebKit browsers. */
+ -webkit-font-smoothing: antialiased;
+ /* Support for Safari and Chrome. */
+ text-rendering: optimizeLegibility;
+ /* Support for Firefox. */
+ -moz-osx-font-smoothing: grayscale;
+ /* Support for IE. */
+ font-feature-settings: "liga";
+}
+
+i.rzi {
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.rzi-primary {
+ color: var(--rz-primary);
+}
+
+.rzi-secondary {
+ color: var(--rz-secondary);
+}
+
+.rzi-info {
+ color: var(--rz-info);
+}
+
+.rzi-warning {
+ color: var(--rz-warning);
+}
+
+.rzi-error {
+ color: var(--rz-danger);
+}
+
+.rzi-danger {
+ color: var(--rz-danger);
+}
+
+.rzi-success {
+ color: var(--rz-success);
+}
+
+.rzi-base {
+ color: var(--rz-base-700);
+}
+
+.rzi-light {
+ color: var(--rz-base-700);
+}
+
+.rzi-dark {
+ color: var(--rz-base-900);
+}
+
+.rz-icons-loading .rzi {
+ color: transparent !important;
+ user-select: none;
+}
+
+[class^=rz-] img,
+[class^=rz-] svg {
+ vertical-align: middle;
+}
+
+.rz-helper-hidden-accessible {
+ opacity: 0;
+ height: 0;
+}
+.rz-helper-hidden-accessible input {
+ width: 100%;
+ height: 0;
+ padding: 0;
+ margin: 0;
+ border: 0;
+}
+
+.rz-helper-hidden {
+ display: none;
+}
+
+.rz-scrollbar-measure {
+ width: 100px;
+ height: 100px;
+ overflow: scroll;
+ position: absolute;
+ top: -9999px;
+}
+
+.rz-pager-element, .rz-button {
+ box-sizing: border-box;
+ display: inline-block;
+ margin: 0;
+ color: var(--rz-button-base-color);
+ background-color: var(--rz-button-base-background-color);
+ background-size: var(--rz-button-background-size);
+ background-repeat: no-repeat;
+ border: none;
+ border-radius: var(--rz-button-border-radius);
+ outline: none;
+ box-shadow: var(--rz-button-shadow);
+ font-size: 1.0625rem;
+ font-family: inherit;
+ line-height: var(--rz-button-line-height);
+ text-decoration: none;
+ transition: var(--rz-button-transition);
+ -webkit-appearance: none;
+}
+.rz-pager-element:focus, .rz-button:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-pager-element:focus-visible, .rz-button:focus-visible {
+ outline: var(--rz-button-focus-outline);
+ outline-offset: var(--rz-button-focus-outline-offset);
+}
+.rz-pager-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) {
+ cursor: pointer;
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-pager-element:not(.rz-state-disabled):not(:active):hover, .rz-button:not(.rz-state-disabled):not(:active):hover {
+ text-decoration: none;
+ background-image: var(--rz-button-hover-gradient);
+ background-size: var(--rz-button-hover-background-size);
+ box-shadow: var(--rz-button-hover-shadow);
+ }
+}
+.rz-pager-element:not(.rz-state-disabled):not(:active):focus-visible, .rz-button:not(.rz-state-disabled):not(:active):focus-visible {
+ text-decoration: none;
+ background-image: var(--rz-button-focus-gradient);
+ background-size: var(--rz-button-focus-background-size);
+ box-shadow: var(--rz-button-focus-shadow);
+}
+.rz-pager-element:not(.rz-state-disabled):active, .rz-button:not(.rz-state-disabled):active {
+ text-decoration: none;
+ background-image: var(--rz-button-active-gradient);
+ background-size: var(--rz-button-active-background-size);
+ box-shadow: var(--rz-button-active-shadow);
+}
+.rz-state-disabled.rz-pager-element, .rz-button.rz-state-disabled {
+ opacity: var(--rz-button-disabled-opacity);
+ cursor: initial;
+}
+.rz-state-empty.rz-pager-element, .rz-button.rz-state-empty {
+ opacity: var(--rz-button-empty-opacity);
+ cursor: initial;
+}
+.rz-pager-element .rz-button-box, .rz-button .rz-button-box {
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+ vertical-align: var(--rz-button-vertical-align);
+ line-height: var(--rz-button-line-height);
+}
+.rz-pager-element .rz-button-text, .rz-button .rz-button-text {
+ vertical-align: var(--rz-button-vertical-align);
+}
+.rz-pager-element .rzi, .rz-button .rzi {
+ vertical-align: var(--rz-button-vertical-align);
+}
+
+.rz-button.rz-primary:focus-visible {
+ outline-color: var(--rz-primary);
+}
+
+.rz-button.rz-secondary:focus-visible {
+ outline-color: var(--rz-secondary);
+}
+
+.rz-button.rz-info:focus-visible {
+ outline-color: var(--rz-info);
+}
+
+.rz-button.rz-warning:focus-visible {
+ outline-color: var(--rz-warning);
+}
+
+.rz-button.rz-error:focus-visible {
+ outline-color: var(--rz-error);
+}
+
+.rz-button.rz-danger:focus-visible {
+ outline-color: var(--rz-danger);
+}
+
+.rz-button.rz-success:focus-visible {
+ outline-color: var(--rz-success);
+}
+
+.rz-button.rz-base:focus-visible {
+ outline-color: var(--rz-base);
+}
+
+.rz-button.rz-light:focus-visible {
+ outline-color: var(--rz-outline-color);
+}
+
+.rz-button.rz-dark:focus-visible {
+ outline-color: var(--rz-outline-color);
+}
+
+.rz-button.rz-primary {
+ background-color: var(--rz-primary);
+ color: var(--rz-on-primary);
+}
+.rz-button.rz-primary.rz-shade-lighter {
+ background-color: var(--rz-primary-lighter);
+ color: var(--rz-on-primary-lighter);
+}
+.rz-button.rz-primary.rz-shade-light {
+ background-color: var(--rz-primary-light);
+ color: var(--rz-on-primary-light);
+}
+.rz-button.rz-primary.rz-shade-default {
+ background-color: var(--rz-primary);
+ color: var(--rz-on-primary);
+}
+.rz-button.rz-primary.rz-shade-dark {
+ background-color: var(--rz-primary-dark);
+ color: var(--rz-on-primary-dark);
+}
+.rz-button.rz-primary.rz-shade-darker {
+ background-color: var(--rz-primary-darker);
+ color: var(--rz-on-primary-darker);
+}
+.rz-button.rz-primary.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-primary.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-primary);
+}
+
+.rz-button.rz-secondary {
+ background-color: var(--rz-secondary);
+ color: var(--rz-on-secondary);
+}
+.rz-button.rz-secondary.rz-shade-lighter {
+ background-color: var(--rz-secondary-lighter);
+ color: var(--rz-on-secondary-lighter);
+}
+.rz-button.rz-secondary.rz-shade-light {
+ background-color: var(--rz-secondary-light);
+ color: var(--rz-on-secondary-light);
+}
+.rz-button.rz-secondary.rz-shade-default {
+ background-color: var(--rz-secondary);
+ color: var(--rz-on-secondary);
+}
+.rz-button.rz-secondary.rz-shade-dark {
+ background-color: var(--rz-secondary-dark);
+ color: var(--rz-on-secondary-dark);
+}
+.rz-button.rz-secondary.rz-shade-darker {
+ background-color: var(--rz-secondary-darker);
+ color: var(--rz-on-secondary-darker);
+}
+.rz-button.rz-secondary.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-secondary.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-secondary);
+}
+
+.rz-button.rz-info {
+ background-color: var(--rz-info);
+ color: var(--rz-on-info);
+}
+.rz-button.rz-info.rz-shade-lighter {
+ background-color: var(--rz-info-lighter);
+ color: var(--rz-on-info-lighter);
+}
+.rz-button.rz-info.rz-shade-light {
+ background-color: var(--rz-info-light);
+ color: var(--rz-on-info-light);
+}
+.rz-button.rz-info.rz-shade-default {
+ background-color: var(--rz-info);
+ color: var(--rz-on-info);
+}
+.rz-button.rz-info.rz-shade-dark {
+ background-color: var(--rz-info-dark);
+ color: var(--rz-on-info-dark);
+}
+.rz-button.rz-info.rz-shade-darker {
+ background-color: var(--rz-info-darker);
+ color: var(--rz-on-info-darker);
+}
+.rz-button.rz-info.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-info.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-info);
+}
+
+.rz-button.rz-warning {
+ background-color: var(--rz-warning);
+ color: var(--rz-on-warning);
+}
+.rz-button.rz-warning.rz-shade-lighter {
+ background-color: var(--rz-warning-lighter);
+ color: var(--rz-on-warning-lighter);
+}
+.rz-button.rz-warning.rz-shade-light {
+ background-color: var(--rz-warning-light);
+ color: var(--rz-on-warning-light);
+}
+.rz-button.rz-warning.rz-shade-default {
+ background-color: var(--rz-warning);
+ color: var(--rz-on-warning);
+}
+.rz-button.rz-warning.rz-shade-dark {
+ background-color: var(--rz-warning-dark);
+ color: var(--rz-on-warning-dark);
+}
+.rz-button.rz-warning.rz-shade-darker {
+ background-color: var(--rz-warning-darker);
+ color: var(--rz-on-warning-darker);
+}
+.rz-button.rz-warning.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-warning.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-warning);
+}
+
+.rz-button.rz-error {
+ background-color: var(--rz-danger);
+ color: var(--rz-on-danger);
+}
+.rz-button.rz-error.rz-shade-lighter {
+ background-color: var(--rz-error-lighter);
+ color: var(--rz-on-error-lighter);
+}
+.rz-button.rz-error.rz-shade-light {
+ background-color: var(--rz-error-light);
+ color: var(--rz-on-error-light);
+}
+.rz-button.rz-error.rz-shade-default {
+ background-color: var(--rz-error);
+ color: var(--rz-on-error);
+}
+.rz-button.rz-error.rz-shade-dark {
+ background-color: var(--rz-error-dark);
+ color: var(--rz-on-error-dark);
+}
+.rz-button.rz-error.rz-shade-darker {
+ background-color: var(--rz-error-darker);
+ color: var(--rz-on-error-darker);
+}
+.rz-button.rz-error.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-error.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-error);
+}
+
+.rz-button.rz-danger {
+ background-color: var(--rz-danger);
+ color: var(--rz-on-danger);
+}
+.rz-button.rz-danger.rz-shade-lighter {
+ background-color: var(--rz-danger-lighter);
+ color: var(--rz-on-danger-lighter);
+}
+.rz-button.rz-danger.rz-shade-light {
+ background-color: var(--rz-danger-light);
+ color: var(--rz-on-danger-light);
+}
+.rz-button.rz-danger.rz-shade-default {
+ background-color: var(--rz-danger);
+ color: var(--rz-on-danger);
+}
+.rz-button.rz-danger.rz-shade-dark {
+ background-color: var(--rz-danger-dark);
+ color: var(--rz-on-danger-dark);
+}
+.rz-button.rz-danger.rz-shade-darker {
+ background-color: var(--rz-danger-darker);
+ color: var(--rz-on-danger-darker);
+}
+.rz-button.rz-danger.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-danger.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-danger);
+}
+
+.rz-button.rz-success {
+ background-color: var(--rz-success);
+ color: var(--rz-on-success);
+}
+.rz-button.rz-success.rz-shade-lighter {
+ background-color: var(--rz-success-lighter);
+ color: var(--rz-on-success-lighter);
+}
+.rz-button.rz-success.rz-shade-light {
+ background-color: var(--rz-success-light);
+ color: var(--rz-on-success-light);
+}
+.rz-button.rz-success.rz-shade-default {
+ background-color: var(--rz-success);
+ color: var(--rz-on-success);
+}
+.rz-button.rz-success.rz-shade-dark {
+ background-color: var(--rz-success-dark);
+ color: var(--rz-on-success-dark);
+}
+.rz-button.rz-success.rz-shade-darker {
+ background-color: var(--rz-success-darker);
+ color: var(--rz-on-success-darker);
+}
+.rz-button.rz-success.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-success.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-success);
+}
+
+.rz-button.rz-base {
+ background-color: var(--rz-base-700);
+ color: var(--rz-text-contrast-color);
+}
+.rz-button.rz-base.rz-shade-lighter {
+ background-color: var(--rz-base-lighter);
+ color: var(--rz-on-base-lighter);
+}
+.rz-button.rz-base.rz-shade-light {
+ background-color: var(--rz-base-light);
+ color: var(--rz-on-base-light);
+}
+.rz-button.rz-base.rz-shade-default {
+ background-color: var(--rz-base);
+ color: var(--rz-on-base);
+}
+.rz-button.rz-base.rz-shade-dark {
+ background-color: var(--rz-base-dark);
+ color: var(--rz-on-base-dark);
+}
+.rz-button.rz-base.rz-shade-darker {
+ background-color: var(--rz-base-darker);
+ color: var(--rz-on-base-darker);
+}
+.rz-button.rz-base.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-base.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-base);
+}
+
+.rz-button.rz-light {
+ background-color: var(--rz-base-700);
+ color: var(--rz-text-contrast-color);
+}
+.rz-button.rz-light.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-light.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-outline-color);
+}
+
+.rz-button.rz-dark {
+ background-color: var(--rz-base-900);
+ color: var(--rz-text-contrast-color);
+}
+.rz-button.rz-dark.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-dark.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-outline-color);
+}
+
+.rz-button.rz-variant-outlined.rz-primary {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-primary.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter);
+ color: var(--rz-primary-light);
+}
+.rz-button.rz-variant-outlined.rz-primary.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light);
+ color: var(--rz-primary-light);
+}
+.rz-button.rz-variant-outlined.rz-primary.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary);
+ color: var(--rz-primary);
+}
+.rz-button.rz-variant-outlined.rz-primary.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark);
+ color: var(--rz-primary-dark);
+}
+.rz-button.rz-variant-outlined.rz-primary.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker);
+ color: var(--rz-primary-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover {
+ background-color: var(--rz-primary-lighter);
+ color: var(--rz-on-primary-lighter);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):active {
+ background-color: var(--rz-primary-lighter);
+ color: var(--rz-on-primary-lighter);
+ background-image: none;
+}
+
+.rz-button.rz-variant-outlined.rz-secondary {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-secondary.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter);
+ color: var(--rz-secondary-light);
+}
+.rz-button.rz-variant-outlined.rz-secondary.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light);
+ color: var(--rz-secondary-light);
+}
+.rz-button.rz-variant-outlined.rz-secondary.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary);
+ color: var(--rz-secondary);
+}
+.rz-button.rz-variant-outlined.rz-secondary.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark);
+ color: var(--rz-secondary-dark);
+}
+.rz-button.rz-variant-outlined.rz-secondary.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker);
+ color: var(--rz-secondary-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover {
+ background-color: var(--rz-secondary-lighter);
+ color: var(--rz-on-secondary-lighter);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):active {
+ background-color: var(--rz-secondary-lighter);
+ color: var(--rz-on-secondary-lighter);
+ background-image: none;
+}
+
+.rz-button.rz-variant-outlined.rz-info {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-info.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter);
+ color: var(--rz-info-light);
+}
+.rz-button.rz-variant-outlined.rz-info.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light);
+ color: var(--rz-info-light);
+}
+.rz-button.rz-variant-outlined.rz-info.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info);
+ color: var(--rz-info);
+}
+.rz-button.rz-variant-outlined.rz-info.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark);
+ color: var(--rz-info-dark);
+}
+.rz-button.rz-variant-outlined.rz-info.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker);
+ color: var(--rz-info-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover {
+ background-color: var(--rz-info-lighter);
+ color: var(--rz-on-info-lighter);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):active {
+ background-color: var(--rz-info-lighter);
+ color: var(--rz-on-info-lighter);
+ background-image: none;
+}
+
+.rz-button.rz-variant-outlined.rz-warning {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-warning.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter);
+ color: var(--rz-warning-light);
+}
+.rz-button.rz-variant-outlined.rz-warning.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light);
+ color: var(--rz-warning-light);
+}
+.rz-button.rz-variant-outlined.rz-warning.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning);
+ color: var(--rz-warning);
+}
+.rz-button.rz-variant-outlined.rz-warning.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark);
+ color: var(--rz-warning-dark);
+}
+.rz-button.rz-variant-outlined.rz-warning.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker);
+ color: var(--rz-warning-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover {
+ background-color: var(--rz-warning-lighter);
+ color: var(--rz-on-warning-lighter);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):active {
+ background-color: var(--rz-warning-lighter);
+ color: var(--rz-on-warning-lighter);
+ background-image: none;
+}
+
+.rz-button.rz-variant-outlined.rz-error {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-error.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter);
+ color: var(--rz-error-light);
+}
+.rz-button.rz-variant-outlined.rz-error.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light);
+ color: var(--rz-error-light);
+}
+.rz-button.rz-variant-outlined.rz-error.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error);
+ color: var(--rz-error);
+}
+.rz-button.rz-variant-outlined.rz-error.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark);
+ color: var(--rz-error-dark);
+}
+.rz-button.rz-variant-outlined.rz-error.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker);
+ color: var(--rz-error-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover {
+ background-color: var(--rz-error-lighter);
+ color: var(--rz-on-error-lighter);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):active {
+ background-color: var(--rz-error-lighter);
+ color: var(--rz-on-error-lighter);
+ background-image: none;
+}
+
+.rz-button.rz-variant-outlined.rz-danger {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-danger.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter);
+ color: var(--rz-danger-light);
+}
+.rz-button.rz-variant-outlined.rz-danger.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light);
+ color: var(--rz-danger-light);
+}
+.rz-button.rz-variant-outlined.rz-danger.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger);
+ color: var(--rz-danger);
+}
+.rz-button.rz-variant-outlined.rz-danger.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark);
+ color: var(--rz-danger-dark);
+}
+.rz-button.rz-variant-outlined.rz-danger.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker);
+ color: var(--rz-danger-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover {
+ background-color: var(--rz-danger-lighter);
+ color: var(--rz-on-danger-lighter);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):active {
+ background-color: var(--rz-danger-lighter);
+ color: var(--rz-on-danger-lighter);
+ background-image: none;
+}
+
+.rz-button.rz-variant-outlined.rz-success {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-success.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter);
+ color: var(--rz-success-light);
+}
+.rz-button.rz-variant-outlined.rz-success.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light);
+ color: var(--rz-success-light);
+}
+.rz-button.rz-variant-outlined.rz-success.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success);
+ color: var(--rz-success);
+}
+.rz-button.rz-variant-outlined.rz-success.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark);
+ color: var(--rz-success-dark);
+}
+.rz-button.rz-variant-outlined.rz-success.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker);
+ color: var(--rz-success-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover {
+ background-color: var(--rz-success-lighter);
+ color: var(--rz-on-success-lighter);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):active {
+ background-color: var(--rz-success-lighter);
+ color: var(--rz-on-success-lighter);
+ background-image: none;
+}
+
+.rz-button.rz-variant-outlined.rz-base {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-base.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-lighter);
+ color: var(--rz-base-light);
+}
+.rz-button.rz-variant-outlined.rz-base.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-light);
+ color: var(--rz-base-light);
+}
+.rz-button.rz-variant-outlined.rz-base.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-color);
+ color: var(--rz-text-color);
+}
+.rz-button.rz-variant-outlined.rz-base.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-dark);
+ color: var(--rz-base-dark);
+}
+.rz-button.rz-variant-outlined.rz-base.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-darker);
+ color: var(--rz-base-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover {
+ background-color: var(--rz-base-darker);
+ color: var(--rz-on-base-darker);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active {
+ background-color: var(--rz-base-darker);
+ color: var(--rz-on-base-darker);
+ background-image: none;
+}
+
+.rz-button.rz-variant-outlined.rz-light {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-light.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-contrast-color);
+ color: var(--rz-text-contrast-color);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):active {
+ background-color: rgba(255, 255, 255, 0.12);
+ background-image: none;
+}
+
+.rz-button.rz-variant-outlined.rz-dark {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-dark.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900);
+ color: var(--rz-base-900);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover {
+ background-color: rgba(0, 0, 0, 0.12);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):active {
+ background-color: rgba(0, 0, 0, 0.12);
+ background-image: none;
+}
+
+.rz-button.rz-variant-text.rz-primary {
+ background-color: transparent;
+ box-shadow: none;
+}
+.rz-button.rz-variant-text.rz-primary.rz-shade-lighter {
+ color: var(--rz-primary-lighter);
+}
+.rz-button.rz-variant-text.rz-primary.rz-shade-light {
+ color: var(--rz-primary-light);
+}
+.rz-button.rz-variant-text.rz-primary.rz-shade-default {
+ color: var(--rz-primary);
+}
+.rz-button.rz-variant-text.rz-primary.rz-shade-dark {
+ color: var(--rz-primary-dark);
+}
+.rz-button.rz-variant-text.rz-primary.rz-shade-darker {
+ color: var(--rz-primary-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover {
+ background-color: var(--rz-primary-lighter);
+ color: var(--rz-on-primary-lighter);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):active {
+ background-color: var(--rz-primary-lighter);
+ color: var(--rz-on-primary-lighter);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button.rz-variant-text.rz-secondary {
+ background-color: transparent;
+ box-shadow: none;
+}
+.rz-button.rz-variant-text.rz-secondary.rz-shade-lighter {
+ color: var(--rz-secondary-lighter);
+}
+.rz-button.rz-variant-text.rz-secondary.rz-shade-light {
+ color: var(--rz-secondary-light);
+}
+.rz-button.rz-variant-text.rz-secondary.rz-shade-default {
+ color: var(--rz-secondary);
+}
+.rz-button.rz-variant-text.rz-secondary.rz-shade-dark {
+ color: var(--rz-secondary-dark);
+}
+.rz-button.rz-variant-text.rz-secondary.rz-shade-darker {
+ color: var(--rz-secondary-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover {
+ background-color: var(--rz-secondary-lighter);
+ color: var(--rz-on-secondary-lighter);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):active {
+ background-color: var(--rz-secondary-lighter);
+ color: var(--rz-on-secondary-lighter);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button.rz-variant-text.rz-info {
+ background-color: transparent;
+ box-shadow: none;
+}
+.rz-button.rz-variant-text.rz-info.rz-shade-lighter {
+ color: var(--rz-info-lighter);
+}
+.rz-button.rz-variant-text.rz-info.rz-shade-light {
+ color: var(--rz-info-light);
+}
+.rz-button.rz-variant-text.rz-info.rz-shade-default {
+ color: var(--rz-info);
+}
+.rz-button.rz-variant-text.rz-info.rz-shade-dark {
+ color: var(--rz-info-dark);
+}
+.rz-button.rz-variant-text.rz-info.rz-shade-darker {
+ color: var(--rz-info-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover {
+ background-color: var(--rz-info-lighter);
+ color: var(--rz-on-info-lighter);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):active {
+ background-color: var(--rz-info-lighter);
+ color: var(--rz-on-info-lighter);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button.rz-variant-text.rz-warning {
+ background-color: transparent;
+ box-shadow: none;
+}
+.rz-button.rz-variant-text.rz-warning.rz-shade-lighter {
+ color: var(--rz-warning-lighter);
+}
+.rz-button.rz-variant-text.rz-warning.rz-shade-light {
+ color: var(--rz-warning-light);
+}
+.rz-button.rz-variant-text.rz-warning.rz-shade-default {
+ color: var(--rz-warning);
+}
+.rz-button.rz-variant-text.rz-warning.rz-shade-dark {
+ color: var(--rz-warning-dark);
+}
+.rz-button.rz-variant-text.rz-warning.rz-shade-darker {
+ color: var(--rz-warning-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover {
+ background-color: var(--rz-warning-lighter);
+ color: var(--rz-on-warning-lighter);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):active {
+ background-color: var(--rz-warning-lighter);
+ color: var(--rz-on-warning-lighter);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button.rz-variant-text.rz-error {
+ background-color: transparent;
+ box-shadow: none;
+}
+.rz-button.rz-variant-text.rz-error.rz-shade-lighter {
+ color: var(--rz-error-lighter);
+}
+.rz-button.rz-variant-text.rz-error.rz-shade-light {
+ color: var(--rz-error-light);
+}
+.rz-button.rz-variant-text.rz-error.rz-shade-default {
+ color: var(--rz-error);
+}
+.rz-button.rz-variant-text.rz-error.rz-shade-dark {
+ color: var(--rz-error-dark);
+}
+.rz-button.rz-variant-text.rz-error.rz-shade-darker {
+ color: var(--rz-error-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover {
+ background-color: var(--rz-error-lighter);
+ color: var(--rz-on-error-lighter);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):active {
+ background-color: var(--rz-error-lighter);
+ color: var(--rz-on-error-lighter);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button.rz-variant-text.rz-danger {
+ background-color: transparent;
+ box-shadow: none;
+}
+.rz-button.rz-variant-text.rz-danger.rz-shade-lighter {
+ color: var(--rz-danger-lighter);
+}
+.rz-button.rz-variant-text.rz-danger.rz-shade-light {
+ color: var(--rz-danger-light);
+}
+.rz-button.rz-variant-text.rz-danger.rz-shade-default {
+ color: var(--rz-danger);
+}
+.rz-button.rz-variant-text.rz-danger.rz-shade-dark {
+ color: var(--rz-danger-dark);
+}
+.rz-button.rz-variant-text.rz-danger.rz-shade-darker {
+ color: var(--rz-danger-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover {
+ background-color: var(--rz-danger-lighter);
+ color: var(--rz-on-danger-lighter);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):active {
+ background-color: var(--rz-danger-lighter);
+ color: var(--rz-on-danger-lighter);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button.rz-variant-text.rz-success {
+ background-color: transparent;
+ box-shadow: none;
+}
+.rz-button.rz-variant-text.rz-success.rz-shade-lighter {
+ color: var(--rz-success-lighter);
+}
+.rz-button.rz-variant-text.rz-success.rz-shade-light {
+ color: var(--rz-success-light);
+}
+.rz-button.rz-variant-text.rz-success.rz-shade-default {
+ color: var(--rz-success);
+}
+.rz-button.rz-variant-text.rz-success.rz-shade-dark {
+ color: var(--rz-success-dark);
+}
+.rz-button.rz-variant-text.rz-success.rz-shade-darker {
+ color: var(--rz-success-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover {
+ background-color: var(--rz-success-lighter);
+ color: var(--rz-on-success-lighter);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):active {
+ background-color: var(--rz-success-lighter);
+ color: var(--rz-on-success-lighter);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button.rz-variant-text.rz-base {
+ background-color: transparent;
+ box-shadow: none;
+}
+.rz-button.rz-variant-text.rz-base.rz-shade-lighter {
+ color: var(--rz-base-lighter);
+}
+.rz-button.rz-variant-text.rz-base.rz-shade-light {
+ color: var(--rz-base-light);
+}
+.rz-button.rz-variant-text.rz-base.rz-shade-default {
+ color: inherit;
+}
+.rz-button.rz-variant-text.rz-base.rz-shade-dark {
+ color: var(--rz-base-dark);
+}
+.rz-button.rz-variant-text.rz-base.rz-shade-darker {
+ color: var(--rz-base-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover {
+ background-color: var(--rz-base-darker);
+ color: var(--rz-on-base-darker);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active {
+ background-color: var(--rz-base-darker);
+ color: var(--rz-on-base-darker);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button.rz-variant-text.rz-light {
+ color: var(--rz-text-contrast-color);
+ background-color: transparent;
+ box-shadow: none;
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):active {
+ background-color: rgba(255, 255, 255, 0.12);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button.rz-variant-text.rz-dark {
+ color: var(--rz-base-900);
+ background-color: transparent;
+ box-shadow: none;
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover {
+ background-color: rgba(0, 0, 0, 0.12);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):active {
+ background-color: rgba(0, 0, 0, 0.12);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button-lg {
+ padding: 0.875rem 1.5rem;
+ height: auto;
+ line-height: 1.5rem;
+ min-height: 3.25rem;
+ min-width: 3.25rem;
+ border-radius: calc(2 * var(--rz-border-radius));
+ font-size: 1rem;
+ font-weight: 600;
+}
+.rz-button-lg .rz-button-box {
+ line-height: 1.5rem;
+ gap: 0.25rem;
+}
+.rz-button-lg.rz-button-icon-left {
+ padding: 0 1.375rem;
+}
+.rz-button-lg.rz-button-icon-only, .rz-button-lg.rz-pager-element {
+ padding: 0.875rem;
+}
+.rz-button-lg .rzi {
+ font-size: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+ width: 1.5rem;
+}
+
+.rz-pager-element, .rz-button-md {
+ padding: 0.5rem 1rem;
+ height: auto;
+ line-height: 1.25rem;
+ min-height: 2.25rem;
+ min-width: 2.25rem;
+ font-size: var(--rz-body-font-size);
+ font-weight: 600;
+}
+.rz-pager-element .rz-button-box, .rz-button-md .rz-button-box {
+ line-height: 1.25rem;
+ gap: 0.25rem;
+}
+.rz-button-icon-left.rz-pager-element, .rz-button-md.rz-button-icon-left {
+ padding: 0.5rem 1rem 0.5rem 0.5rem;
+}
+.rz-pager-element, .rz-button-md.rz-button-icon-only {
+ padding: 0.5rem;
+}
+.rz-pager-element .rzi, .rz-button-md .rzi {
+ font-size: var(--rz-icon-size);
+ line-height: var(--rz-icon-size);
+ width: var(--rz-icon-size);
+ height: var(--rz-icon-size);
+}
+
+.rz-pager.rz-density-compact .rz-pager-element, .rz-fileupload .rz-button, .rz-button-sm {
+ padding: 0.25rem 0.75rem;
+ height: auto;
+ line-height: 1.25rem;
+ min-height: 1.75rem;
+ min-width: 1.75rem;
+ font-size: var(--rz-body-font-size);
+}
+.rz-pager.rz-density-compact .rz-pager-element .rz-button-box, .rz-fileupload .rz-button .rz-button-box, .rz-button-sm .rz-button-box {
+ line-height: 1.25rem;
+ gap: 0.25rem;
+}
+.rz-pager.rz-density-compact .rz-button-icon-left.rz-pager-element, .rz-fileupload .rz-button-icon-left.rz-button, .rz-button-sm.rz-button-icon-left {
+ padding: 0.25rem 0.75rem 0.25rem 0.25rem;
+}
+.rz-pager.rz-density-compact .rz-pager-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-pager-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-pager-element {
+ padding: 0.25rem;
+}
+.rz-pager.rz-density-compact .rz-pager-element .rzi, .rz-fileupload .rz-button .rzi, .rz-button-sm .rzi {
+ font-size: var(--rz-icon-size);
+ line-height: var(--rz-icon-size);
+ width: var(--rz-icon-size);
+ height: var(--rz-icon-size);
+}
+
+.rz-button-xs {
+ padding: 0.125rem 0.25rem;
+ height: auto;
+ line-height: 1rem;
+ min-height: 1.25rem;
+ min-width: 1.25rem;
+ font-size: 0.75rem;
+ font-weight: 600;
+}
+.rz-button-xs .rz-button-box {
+ line-height: 1rem;
+ gap: 0.125rem;
+}
+.rz-button-xs.rz-button-icon-left {
+ padding: 0.125rem 0.5rem 0.125rem 0.125rem;
+}
+.rz-button-xs.rz-button-icon-only, .rz-button-xs.rz-pager-element {
+ padding: 0.125rem;
+}
+.rz-button-xs .rzi {
+ font-size: calc(0.8 * var(--rz-icon-size));
+ line-height: calc(0.8 * var(--rz-icon-size));
+ width: calc(0.8 * var(--rz-icon-size));
+ height: calc(0.8 * var(--rz-icon-size));
+}
+
+@keyframes button-icon-spin {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
+.rz-badge {
+ box-sizing: border-box;
+ color: var(--rz-text-contrast-color);
+ display: inline-block;
+ padding: var(--rz-badge-padding);
+ font-size: var(--rz-badge-font-size);
+ font-weight: var(--rz-badge-font-weight);
+ line-height: var(--rz-badge-line-height);
+ text-align: center;
+ text-transform: var(--rz-badge-text-transform);
+ white-space: nowrap;
+ border-radius: var(--rz-badge-border-radius);
+ letter-spacing: var(--rz-badge-letter-spacing);
+}
+.rz-button .rz-badge {
+ vertical-align: top;
+}
+
+.rz-badge-primary {
+ background-color: var(--rz-primary);
+ color: var(--rz-on-primary);
+}
+.rz-badge-primary.rz-shade-lighter {
+ background-color: var(--rz-primary-lighter);
+ color: var(--rz-on-primary-lighter);
+}
+.rz-badge-primary.rz-shade-light {
+ background-color: var(--rz-primary-light);
+ color: var(--rz-on-primary-light);
+}
+.rz-badge-primary.rz-shade-default {
+ background-color: var(--rz-primary);
+ color: var(--rz-on-primary);
+}
+.rz-badge-primary.rz-shade-dark {
+ background-color: var(--rz-primary-dark);
+ color: var(--rz-on-primary-dark);
+}
+.rz-badge-primary.rz-shade-darker {
+ background-color: var(--rz-primary-darker);
+ color: var(--rz-on-primary-darker);
+}
+
+.rz-badge-secondary {
+ background-color: var(--rz-secondary);
+ color: var(--rz-on-secondary);
+}
+.rz-badge-secondary.rz-shade-lighter {
+ background-color: var(--rz-secondary-lighter);
+ color: var(--rz-on-secondary-lighter);
+}
+.rz-badge-secondary.rz-shade-light {
+ background-color: var(--rz-secondary-light);
+ color: var(--rz-on-secondary-light);
+}
+.rz-badge-secondary.rz-shade-default {
+ background-color: var(--rz-secondary);
+ color: var(--rz-on-secondary);
+}
+.rz-badge-secondary.rz-shade-dark {
+ background-color: var(--rz-secondary-dark);
+ color: var(--rz-on-secondary-dark);
+}
+.rz-badge-secondary.rz-shade-darker {
+ background-color: var(--rz-secondary-darker);
+ color: var(--rz-on-secondary-darker);
+}
+
+.rz-badge-info {
+ background-color: var(--rz-info);
+ color: var(--rz-on-info);
+}
+.rz-badge-info.rz-shade-lighter {
+ background-color: var(--rz-info-lighter);
+ color: var(--rz-on-info-lighter);
+}
+.rz-badge-info.rz-shade-light {
+ background-color: var(--rz-info-light);
+ color: var(--rz-on-info-light);
+}
+.rz-badge-info.rz-shade-default {
+ background-color: var(--rz-info);
+ color: var(--rz-on-info);
+}
+.rz-badge-info.rz-shade-dark {
+ background-color: var(--rz-info-dark);
+ color: var(--rz-on-info-dark);
+}
+.rz-badge-info.rz-shade-darker {
+ background-color: var(--rz-info-darker);
+ color: var(--rz-on-info-darker);
+}
+
+.rz-badge-warning {
+ background-color: var(--rz-warning);
+ color: var(--rz-on-warning);
+}
+.rz-badge-warning.rz-shade-lighter {
+ background-color: var(--rz-warning-lighter);
+ color: var(--rz-on-warning-lighter);
+}
+.rz-badge-warning.rz-shade-light {
+ background-color: var(--rz-warning-light);
+ color: var(--rz-on-warning-light);
+}
+.rz-badge-warning.rz-shade-default {
+ background-color: var(--rz-warning);
+ color: var(--rz-on-warning);
+}
+.rz-badge-warning.rz-shade-dark {
+ background-color: var(--rz-warning-dark);
+ color: var(--rz-on-warning-dark);
+}
+.rz-badge-warning.rz-shade-darker {
+ background-color: var(--rz-warning-darker);
+ color: var(--rz-on-warning-darker);
+}
+
+.rz-badge-error {
+ background-color: var(--rz-danger);
+ color: var(--rz-on-danger);
+}
+.rz-badge-error.rz-shade-lighter {
+ background-color: var(--rz-error-lighter);
+ color: var(--rz-on-error-lighter);
+}
+.rz-badge-error.rz-shade-light {
+ background-color: var(--rz-error-light);
+ color: var(--rz-on-error-light);
+}
+.rz-badge-error.rz-shade-default {
+ background-color: var(--rz-error);
+ color: var(--rz-on-error);
+}
+.rz-badge-error.rz-shade-dark {
+ background-color: var(--rz-error-dark);
+ color: var(--rz-on-error-dark);
+}
+.rz-badge-error.rz-shade-darker {
+ background-color: var(--rz-error-darker);
+ color: var(--rz-on-error-darker);
+}
+
+.rz-badge-danger {
+ background-color: var(--rz-danger);
+ color: var(--rz-on-danger);
+}
+.rz-badge-danger.rz-shade-lighter {
+ background-color: var(--rz-danger-lighter);
+ color: var(--rz-on-danger-lighter);
+}
+.rz-badge-danger.rz-shade-light {
+ background-color: var(--rz-danger-light);
+ color: var(--rz-on-danger-light);
+}
+.rz-badge-danger.rz-shade-default {
+ background-color: var(--rz-danger);
+ color: var(--rz-on-danger);
+}
+.rz-badge-danger.rz-shade-dark {
+ background-color: var(--rz-danger-dark);
+ color: var(--rz-on-danger-dark);
+}
+.rz-badge-danger.rz-shade-darker {
+ background-color: var(--rz-danger-darker);
+ color: var(--rz-on-danger-darker);
+}
+
+.rz-badge-success {
+ background-color: var(--rz-success);
+ color: var(--rz-on-success);
+}
+.rz-badge-success.rz-shade-lighter {
+ background-color: var(--rz-success-lighter);
+ color: var(--rz-on-success-lighter);
+}
+.rz-badge-success.rz-shade-light {
+ background-color: var(--rz-success-light);
+ color: var(--rz-on-success-light);
+}
+.rz-badge-success.rz-shade-default {
+ background-color: var(--rz-success);
+ color: var(--rz-on-success);
+}
+.rz-badge-success.rz-shade-dark {
+ background-color: var(--rz-success-dark);
+ color: var(--rz-on-success-dark);
+}
+.rz-badge-success.rz-shade-darker {
+ background-color: var(--rz-success-darker);
+ color: var(--rz-on-success-darker);
+}
+
+.rz-badge-base {
+ background-color: var(--rz-base-700);
+ color: var(--rz-text-contrast-color);
+}
+.rz-badge-base.rz-shade-lighter {
+ background-color: var(--rz-base-lighter);
+ color: var(--rz-on-base-lighter);
+}
+.rz-badge-base.rz-shade-light {
+ background-color: var(--rz-base-light);
+ color: var(--rz-on-base-light);
+}
+.rz-badge-base.rz-shade-default {
+ background-color: var(--rz-base);
+ color: var(--rz-on-base);
+}
+.rz-badge-base.rz-shade-dark {
+ background-color: var(--rz-base-dark);
+ color: var(--rz-on-base-dark);
+}
+.rz-badge-base.rz-shade-darker {
+ background-color: var(--rz-base-darker);
+ color: var(--rz-on-base-darker);
+}
+
+.rz-badge-light {
+ background-color: var(--rz-base-700);
+ color: var(--rz-text-contrast-color);
+}
+
+.rz-badge-dark {
+ background-color: var(--rz-base-900);
+ color: var(--rz-text-contrast-color);
+}
+
+.rz-variant-outlined.rz-badge-primary {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-primary.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter);
+ color: var(--rz-primary-lighter);
+}
+.rz-variant-outlined.rz-badge-primary.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light);
+ color: var(--rz-primary-light);
+}
+.rz-variant-outlined.rz-badge-primary.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary);
+ color: var(--rz-primary);
+}
+.rz-variant-outlined.rz-badge-primary.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark);
+ color: var(--rz-primary-dark);
+}
+.rz-variant-outlined.rz-badge-primary.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker);
+ color: var(--rz-primary-darker);
+}
+
+.rz-variant-outlined.rz-badge-secondary {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-secondary.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter);
+ color: var(--rz-secondary-lighter);
+}
+.rz-variant-outlined.rz-badge-secondary.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light);
+ color: var(--rz-secondary-light);
+}
+.rz-variant-outlined.rz-badge-secondary.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary);
+ color: var(--rz-secondary);
+}
+.rz-variant-outlined.rz-badge-secondary.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark);
+ color: var(--rz-secondary-dark);
+}
+.rz-variant-outlined.rz-badge-secondary.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker);
+ color: var(--rz-secondary-darker);
+}
+
+.rz-variant-outlined.rz-badge-info {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-info.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter);
+ color: var(--rz-info-lighter);
+}
+.rz-variant-outlined.rz-badge-info.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light);
+ color: var(--rz-info-light);
+}
+.rz-variant-outlined.rz-badge-info.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info);
+ color: var(--rz-info);
+}
+.rz-variant-outlined.rz-badge-info.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark);
+ color: var(--rz-info-dark);
+}
+.rz-variant-outlined.rz-badge-info.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker);
+ color: var(--rz-info-darker);
+}
+
+.rz-variant-outlined.rz-badge-warning {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-warning.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter);
+ color: var(--rz-warning-lighter);
+}
+.rz-variant-outlined.rz-badge-warning.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light);
+ color: var(--rz-warning-light);
+}
+.rz-variant-outlined.rz-badge-warning.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning);
+ color: var(--rz-warning);
+}
+.rz-variant-outlined.rz-badge-warning.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark);
+ color: var(--rz-warning-dark);
+}
+.rz-variant-outlined.rz-badge-warning.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker);
+ color: var(--rz-warning-darker);
+}
+
+.rz-variant-outlined.rz-badge-error {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-error.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter);
+ color: var(--rz-error-lighter);
+}
+.rz-variant-outlined.rz-badge-error.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light);
+ color: var(--rz-error-light);
+}
+.rz-variant-outlined.rz-badge-error.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error);
+ color: var(--rz-error);
+}
+.rz-variant-outlined.rz-badge-error.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark);
+ color: var(--rz-error-dark);
+}
+.rz-variant-outlined.rz-badge-error.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker);
+ color: var(--rz-error-darker);
+}
+
+.rz-variant-outlined.rz-badge-danger {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-danger.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter);
+ color: var(--rz-danger-lighter);
+}
+.rz-variant-outlined.rz-badge-danger.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light);
+ color: var(--rz-danger-light);
+}
+.rz-variant-outlined.rz-badge-danger.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger);
+ color: var(--rz-danger);
+}
+.rz-variant-outlined.rz-badge-danger.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark);
+ color: var(--rz-danger-dark);
+}
+.rz-variant-outlined.rz-badge-danger.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker);
+ color: var(--rz-danger-darker);
+}
+
+.rz-variant-outlined.rz-badge-success {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-success.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter);
+ color: var(--rz-success-lighter);
+}
+.rz-variant-outlined.rz-badge-success.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light);
+ color: var(--rz-success-light);
+}
+.rz-variant-outlined.rz-badge-success.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success);
+ color: var(--rz-success);
+}
+.rz-variant-outlined.rz-badge-success.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark);
+ color: var(--rz-success-dark);
+}
+.rz-variant-outlined.rz-badge-success.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker);
+ color: var(--rz-success-darker);
+}
+
+.rz-variant-outlined.rz-badge-base {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-base.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-lighter);
+ color: var(--rz-base-lighter);
+}
+.rz-variant-outlined.rz-badge-base.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-light);
+ color: var(--rz-base-light);
+}
+.rz-variant-outlined.rz-badge-base.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base);
+ color: var(--rz-base);
+}
+.rz-variant-outlined.rz-badge-base.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-dark);
+ color: var(--rz-base-dark);
+}
+.rz-variant-outlined.rz-badge-base.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-darker);
+ color: var(--rz-base-darker);
+}
+
+.rz-variant-outlined.rz-badge-light {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-light.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-700);
+ color: var(--rz-base-700);
+}
+
+.rz-variant-outlined.rz-badge-dark {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-dark.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900);
+ color: var(--rz-base-900);
+}
+
+.rz-variant-text.rz-badge-primary {
+ background-color: transparent;
+}
+.rz-variant-text.rz-badge-primary.rz-shade-lighter {
+ color: var(--rz-primary-lighter);
+}
+.rz-variant-text.rz-badge-primary.rz-shade-light {
+ color: var(--rz-primary-light);
+}
+.rz-variant-text.rz-badge-primary.rz-shade-default {
+ color: var(--rz-primary);
+}
+.rz-variant-text.rz-badge-primary.rz-shade-dark {
+ color: var(--rz-primary-dark);
+}
+.rz-variant-text.rz-badge-primary.rz-shade-darker {
+ color: var(--rz-primary-darker);
+}
+
+.rz-variant-text.rz-badge-secondary {
+ background-color: transparent;
+}
+.rz-variant-text.rz-badge-secondary.rz-shade-lighter {
+ color: var(--rz-secondary-lighter);
+}
+.rz-variant-text.rz-badge-secondary.rz-shade-light {
+ color: var(--rz-secondary-light);
+}
+.rz-variant-text.rz-badge-secondary.rz-shade-default {
+ color: var(--rz-secondary);
+}
+.rz-variant-text.rz-badge-secondary.rz-shade-dark {
+ color: var(--rz-secondary-dark);
+}
+.rz-variant-text.rz-badge-secondary.rz-shade-darker {
+ color: var(--rz-secondary-darker);
+}
+
+.rz-variant-text.rz-badge-info {
+ background-color: transparent;
+}
+.rz-variant-text.rz-badge-info.rz-shade-lighter {
+ color: var(--rz-info-lighter);
+}
+.rz-variant-text.rz-badge-info.rz-shade-light {
+ color: var(--rz-info-light);
+}
+.rz-variant-text.rz-badge-info.rz-shade-default {
+ color: var(--rz-info);
+}
+.rz-variant-text.rz-badge-info.rz-shade-dark {
+ color: var(--rz-info-dark);
+}
+.rz-variant-text.rz-badge-info.rz-shade-darker {
+ color: var(--rz-info-darker);
+}
+
+.rz-variant-text.rz-badge-warning {
+ background-color: transparent;
+}
+.rz-variant-text.rz-badge-warning.rz-shade-lighter {
+ color: var(--rz-warning-lighter);
+}
+.rz-variant-text.rz-badge-warning.rz-shade-light {
+ color: var(--rz-warning-light);
+}
+.rz-variant-text.rz-badge-warning.rz-shade-default {
+ color: var(--rz-warning);
+}
+.rz-variant-text.rz-badge-warning.rz-shade-dark {
+ color: var(--rz-warning-dark);
+}
+.rz-variant-text.rz-badge-warning.rz-shade-darker {
+ color: var(--rz-warning-darker);
+}
+
+.rz-variant-text.rz-badge-error {
+ background-color: transparent;
+}
+.rz-variant-text.rz-badge-error.rz-shade-lighter {
+ color: var(--rz-error-lighter);
+}
+.rz-variant-text.rz-badge-error.rz-shade-light {
+ color: var(--rz-error-light);
+}
+.rz-variant-text.rz-badge-error.rz-shade-default {
+ color: var(--rz-error);
+}
+.rz-variant-text.rz-badge-error.rz-shade-dark {
+ color: var(--rz-error-dark);
+}
+.rz-variant-text.rz-badge-error.rz-shade-darker {
+ color: var(--rz-error-darker);
+}
+
+.rz-variant-text.rz-badge-danger {
+ background-color: transparent;
+}
+.rz-variant-text.rz-badge-danger.rz-shade-lighter {
+ color: var(--rz-danger-lighter);
+}
+.rz-variant-text.rz-badge-danger.rz-shade-light {
+ color: var(--rz-danger-light);
+}
+.rz-variant-text.rz-badge-danger.rz-shade-default {
+ color: var(--rz-danger);
+}
+.rz-variant-text.rz-badge-danger.rz-shade-dark {
+ color: var(--rz-danger-dark);
+}
+.rz-variant-text.rz-badge-danger.rz-shade-darker {
+ color: var(--rz-danger-darker);
+}
+
+.rz-variant-text.rz-badge-success {
+ background-color: transparent;
+}
+.rz-variant-text.rz-badge-success.rz-shade-lighter {
+ color: var(--rz-success-lighter);
+}
+.rz-variant-text.rz-badge-success.rz-shade-light {
+ color: var(--rz-success-light);
+}
+.rz-variant-text.rz-badge-success.rz-shade-default {
+ color: var(--rz-success);
+}
+.rz-variant-text.rz-badge-success.rz-shade-dark {
+ color: var(--rz-success-dark);
+}
+.rz-variant-text.rz-badge-success.rz-shade-darker {
+ color: var(--rz-success-darker);
+}
+
+.rz-variant-text.rz-badge-base {
+ background-color: transparent;
+}
+.rz-variant-text.rz-badge-base.rz-shade-lighter {
+ color: var(--rz-base-lighter);
+}
+.rz-variant-text.rz-badge-base.rz-shade-light {
+ color: var(--rz-base-light);
+}
+.rz-variant-text.rz-badge-base.rz-shade-default {
+ color: var(--rz-base);
+}
+.rz-variant-text.rz-badge-base.rz-shade-dark {
+ color: var(--rz-base-dark);
+}
+.rz-variant-text.rz-badge-base.rz-shade-darker {
+ color: var(--rz-base-darker);
+}
+
+.rz-variant-text.rz-badge-light {
+ color: var(--rz-base-700);
+ background-color: transparent;
+}
+
+.rz-variant-text.rz-badge-dark {
+ color: var(--rz-base-900);
+ background-color: transparent;
+}
+
+.rz-badge-pill {
+ border-radius: var(--rz-badge-pill-border-radius);
+ padding: var(--rz-badge-pill-padding);
+}
+
+.rz-dropzone {
+ user-select: none;
+}
+
+.rz-dropzone-item {
+ user-select: none;
+ cursor: grab;
+}
+
+.rz-dragging {
+ cursor: grabbing;
+}
+
+.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-timespanpicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-numeric:not(:disabled):not(.rz-state-disabled):hover, .rz-datepicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover {
+ box-shadow: var(--rz-input-hover-shadow);
+ background-color: var(--rz-input-hover-background-color);
+ border: var(--rz-input-hover-border);
+ border-block-end: var(--rz-input-hover-border-block-end);
+}
+
+.rz-form-field.rz-state-focused .rz-form-field-content, .rz-numeric:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-timespanpicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-numeric:not(:disabled):not(.rz-state-disabled):focus, .rz-datepicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
+ box-shadow: var(--rz-input-focus-shadow);
+ background-color: var(--rz-input-focus-background-color);
+ border: var(--rz-input-focus-border);
+ border-block-end: var(--rz-input-focus-border-block-end);
+ outline: var(--rz-input-focus-outline);
+ outline-offset: var(--rz-input-focus-outline-offset);
+}
+
+:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, :not(.rz-form-field-content) > .rz-numeric.rz-state-disabled, :not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, :not(.rz-form-field-content) > .rz-autocomplete-input:disabled, :not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, :not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, :not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, .rz-timespanpicker:not(.rz-form-field-content) > .rz-inputtext:disabled, :not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search :not(.rz-form-field-content) > input:disabled, :not(.rz-form-field-content) > .rz-numeric:disabled, .rz-datepicker:not(.rz-form-field-content) > .rz-inputtext:disabled, :not(.rz-form-field-content) > .rz-multiselect:disabled, :not(.rz-form-field-content) > .rz-dropdown:disabled, :not(.rz-form-field-content) > .mask:disabled, :not(.rz-form-field-content) > .rz-textarea:disabled, :not(.rz-form-field-content) > .rz-textbox:disabled {
+ color: var(--rz-input-disabled-color);
+ box-shadow: var(--rz-input-disabled-shadow);
+ background-color: var(--rz-input-disabled-background-color);
+ border: var(--rz-input-disabled-border);
+ border-block-end: var(--rz-input-disabled-border-block-end);
+ opacity: var(--rz-input-disabled-opacity);
+}
+:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, :not(.rz-form-field-content) > .rz-numeric.rz-state-disabled::placeholder, :not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, :not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, :not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, :not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, :not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, .rz-timespanpicker:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, :not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search :not(.rz-form-field-content) > input:disabled::placeholder, :not(.rz-form-field-content) > .rz-numeric:disabled::placeholder, .rz-datepicker:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, :not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, :not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, :not(.rz-form-field-content) > .mask:disabled::placeholder, :not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, :not(.rz-form-field-content) > .rz-textbox:disabled::placeholder {
+ color: var(--rz-input-disabled-placeholder-color);
+}
+:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-numeric.rz-state-disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, :not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, :not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, .rz-timespanpicker:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search :not(.rz-form-field-content) > input:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-numeric:disabled .rz-inputtext, .rz-datepicker:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, :not(.rz-form-field-content) > .mask:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext {
+ background-color: var(--rz-input-disabled-background-color);
+ color: var(--rz-input-disabled-color);
+ border: none;
+}
+
+input {
+ color: var(--rz-input-value-color);
+ font-size: var(--rz-input-font-size);
+}
+input::placeholder {
+ color: var(--rz-input-placeholder-color);
+}
+
+.rz-timespanpicker > .rz-inputtext, .rz-colorpicker, .rz-lookup-search input, .rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
+ padding-block: var(--rz-input-padding-block);
+ padding-inline: var(--rz-input-padding-inline);
+}
+
+.rz-form-field-content, .rz-timespanpicker > .rz-inputtext, .rz-colorpicker, .rz-lookup-search input, .rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
+ box-sizing: border-box;
+ border: var(--rz-input-border);
+ border-block-end: var(--rz-input-border-block-end);
+ border-radius: var(--rz-input-border-radius);
+ box-shadow: var(--rz-input-shadow);
+ background-color: var(--rz-input-background-color);
+}
+
+.rz-timespanpicker > .rz-inputtext, .rz-colorpicker, .rz-lookup-search input, .rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
+ height: var(--rz-input-height);
+ line-height: var(--rz-input-line-height);
+ color: var(--rz-input-value-color);
+ font-family: inherit;
+ font-size: var(--rz-input-font-size);
+ transition: var(--rz-input-transition);
+}
+.rz-timespanpicker > .rz-inputtext:not(.invalid), .rz-colorpicker:not(.invalid), .rz-lookup-search input:not(.invalid), .rz-numeric:not(.invalid), .rz-datepicker > .rz-inputtext:not(.invalid), .rz-multiselect:not(.invalid), .rz-dropdown:not(.invalid), .mask:not(.invalid), .rz-textarea:not(.invalid), .rz-textbox:not(.invalid) {
+ outline: none;
+}
+.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content > .rz-autocomplete.rz-state-disabled > .rz-inputtext, .rz-form-field-content input, .rz-form-field-content .rz-inputtext, .rz-form-field-content .rz-inputtext.rz-state-disabled, .rz-form-field-content .rz-datepicker.rz-state-disabled > .rz-inputtext {
+ box-shadow: none;
+ background-color: transparent;
+ --rz-input-hover-background-color: transparent;
+ --rz-input-focus-background-color: transparent;
+ outline: none;
+ border: none;
+}
+.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover {
+ border: none;
+ box-shadow: none;
+}
+.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus {
+ border: none;
+ box-shadow: none;
+}
+.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within {
+ border: none;
+ box-shadow: none;
+}
+
+.rz-header {
+ background-color: var(--rz-header-background-color);
+ min-height: var(--rz-header-min-height);
+ border-bottom: var(--rz-header-border);
+ color: var(--rz-header-color);
+ box-shadow: var(--rz-header-shadow);
+}
+.rz-header.fixed {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ z-index: var(--rz-header-z);
+}
+.rz-header a {
+ text-decoration: none;
+}
+
+.rz-footer {
+ padding: var(--rz-footer-padding);
+ border-top: var(--rz-footer-border);
+ background-color: var(--rz-footer-background-color);
+ color: var(--rz-footer-color);
+}
+.rz-footer.fixed {
+ position: fixed;
+ z-index: var(--rz-footer-z);
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+
+.rz-sidebar {
+ background-color: var(--rz-sidebar-background-color);
+ color: var(--rz-sidebar-color);
+ border-inline-end: var(--rz-sidebar-border-inline-end);
+ position: fixed;
+ overflow: auto;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ z-index: var(--rz-sidebar-z);
+ width: var(--rz-sidebar-width);
+ opacity: 1;
+ transition: width var(--rz-transition), opacity var(--rz-transition);
+}
+
+@media (max-width: 768px) {
+ .rz-sidebar-responsive {
+ width: 0;
+ opacity: 0;
+ }
+}
+.rz-sidebar-expanded {
+ width: var(--rz-sidebar-width);
+ opacity: 1;
+}
+
+.rz-sidebar-collapsed {
+ width: 0 !important;
+ opacity: 0;
+}
+
+.rz-card {
+ box-sizing: border-box;
+ padding: var(--rz-card-padding);
+ border-radius: var(--rz-card-border-radius);
+ background-color: var(--rz-card-background-color);
+}
+.rz-card.rz-variant-filled {
+ box-shadow: var(--rz-card-shadow);
+}
+.rz-card.rz-variant-flat {
+ background-color: var(--rz-card-flat-background-color);
+}
+.rz-card.rz-variant-outlined {
+ background: transparent;
+ border: var(--rz-card-border);
+}
+.rz-card.rz-variant-text {
+ background: transparent;
+}
+.rz-card > h1,
+.rz-card > h2,
+.rz-card > h3,
+.rz-card > h4,
+.rz-card > h5,
+.rz-card > h6 {
+ margin-bottom: var(--rz-card-heading-margin-bottom);
+}
+.rz-card > p {
+ margin-bottom: 0;
+}
+
+.rz-card-group {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ gap: 0;
+}
+.rz-card-group > .rz-card {
+ flex: 1;
+ border-radius: 0;
+}
+.rz-card-group > .rz-card:first-of-type {
+ border-start-start-radius: var(--rz-card-border-radius);
+ border-end-start-radius: var(--rz-card-border-radius);
+}
+.rz-card-group > .rz-card:last-of-type {
+ border-start-end-radius: var(--rz-card-border-radius);
+ border-end-end-radius: var(--rz-card-border-radius);
+}
+.rz-card-group > .rz-variant-outlined + .rz-variant-outlined {
+ border-inline-start: 0;
+}
+.rz-card-group > .rz-variant-flat + .rz-variant-flat {
+ margin-inline-start: var(--rz-border-width);
+}
+.rz-card-group > .rz-variant-text + .rz-variant-text {
+ border-inline-start: var(--rz-card-border);
+}
+
+@media (max-width: 576px) {
+ .rz-card-group.rz-card-group-responsive {
+ flex-direction: column;
+ }
+ .rz-card-group.rz-card-group-responsive > .rz-card {
+ flex: 1;
+ border-radius: 0;
+ }
+ .rz-card-group.rz-card-group-responsive > .rz-card:first-of-type {
+ border-start-start-radius: var(--rz-card-border-radius);
+ border-start-end-radius: var(--rz-card-border-radius);
+ }
+ .rz-card-group.rz-card-group-responsive > .rz-card:last-of-type {
+ border-end-start-radius: var(--rz-card-border-radius);
+ border-end-end-radius: var(--rz-card-border-radius);
+ }
+ .rz-card-group.rz-card-group-responsive > .rz-variant-flat + .rz-variant-flat {
+ margin: 0;
+ margin-top: var(--rz-border-width);
+ }
+ .rz-card-group.rz-card-group-responsive > .rz-variant-outlined + .rz-variant-outlined {
+ border-top: 0;
+ border-inline-start: var(--rz-card-border);
+ }
+ .rz-card-group.rz-card-group-responsive > .rz-variant-text + .rz-variant-text {
+ border: 0;
+ border-top: var(--rz-card-border);
+ }
+}
+.rz-body {
+ margin: var(--rz-layout-body-margin);
+ padding: var(--rz-layout-body-padding);
+ border-radius: var(--rz-layout-body-border-radius);
+ background-color: var(--rz-layout-body-background-color);
+}
+.rz-body:only-child {
+ background-color: transparent;
+}
+.rz-layout .rz-body {
+ transform: translateZ(0);
+}
+
+.rz-accordion {
+ box-sizing: border-box;
+ border-radius: var(--rz-accordion-border-radius);
+ box-shadow: var(--rz-accordion-shadow);
+ overflow: hidden;
+}
+.rz-accordion > div:first-child {
+ border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0;
+}
+.rz-accordion > div:nth-last-child(2):has(+ .rz-state-collapsed), .rz-accordion > div:nth-last-child(2):has(+ .rz-state-collapsed) > div {
+ border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius);
+}
+.rz-accordion > div:last-child .rz-accordion-content {
+ border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius);
+}
+.rz-accordion > div:only-child {
+ border-radius: var(--rz-accordion-border-radius);
+}
+.rz-accordion:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-accordion:focus-visible {
+ outline: var(--rz-accordion-item-focus-outline);
+}
+.rz-accordion .rz-accordion-header {
+ background-color: var(--rz-accordion-item-background-color);
+ margin: var(--rz-accordion-item-margin);
+}
+.rz-accordion .rz-accordion-header:not(:first-child) {
+ border-top: var(--rz-accordion-item-border);
+}
+.rz-accordion .rz-accordion-header > a {
+ padding-block: var(--rz-accordion-item-padding-block);
+ padding-inline: var(--rz-accordion-item-padding-inline);
+ color: var(--rz-accordion-item-color);
+ line-height: var(--rz-accordion-item-line-height);
+ text-decoration: none;
+ display: flex;
+ align-items: center;
+ font-size: var(--rz-accordion-item-font-size);
+ font-weight: var(--rz-accordion-item-font-weight);
+ cursor: pointer;
+}
+.rz-accordion .rz-accordion-header > a:hover {
+ color: var(--rz-accordion-hover-color);
+}
+.rz-accordion .rz-accordion-header > a span:not(.rz-accordion-toggle-icon) {
+ flex-grow: 1;
+}
+.rz-accordion .rz-accordion-header > a > .rzi {
+ font-size: var(--rz-accordion-icon-font-size);
+ margin-inline: var(--rz-accordion-icon-margin-inline);
+}
+:focus-visible .rz-accordion .rz-accordion-header.rz-state-focused {
+ outline: var(--rz-accordion-item-focus-outline);
+ outline-offset: var(--rz-accordion-item-focus-outline-offset);
+}
+.rz-accordion > .rz-expander {
+ background-color: var(--rz-accordion-item-background-color);
+}
+
+.rz-accordion-toggle-icon {
+ width: var(--rz-accordion-icon-width);
+ height: var(--rz-accordion-icon-height);
+ font-size: var(--rz-accordion-icon-font-size);
+ order: var(--rz-accordion-toggle-icon-order);
+}
+.rz-accordion-toggle-icon.rzi {
+ margin-inline: var(--rz-accordion-toggle-icon-margin-inline);
+}
+.rz-accordion-toggle-icon.rz-state-expanded {
+ transform: rotate(180deg);
+ transition: transform var(--rz-transition);
+}
+.rz-accordion-toggle-icon.rz-state-collapsed {
+ transform: rotate(0);
+ transition: transform var(--rz-transition);
+}
+
+.rz-accordion-content {
+ font-size: var(--rz-accordion-content-font-size);
+ background-color: var(--rz-accordion-item-background-color);
+ padding-block: var(--rz-accordion-content-padding-block);
+ padding-inline: var(--rz-accordion-content-padding-inline);
+}
+
+/* Right-to-left toggle icons */
+*[dir=rtl] .rz-accordion-toggle-icon.rzi-chevron-right:before {
+ content: "arrow_left";
+}
+*[dir=rtl] .rz-accordion-toggle-icon.rzi-chevron-down:before {
+ content: "arrow_drop_down";
+}
+
+.rz-panel {
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ padding: var(--rz-panel-padding);
+ background: var(--rz-panel-background-color);
+ border-radius: var(--rz-panel-border-radius);
+ box-shadow: var(--rz-panel-shadow);
+}
+
+.rz-panel-titlebar {
+ display: flex;
+ justify-content: space-between;
+}
+
+.rz-panel-content {
+ margin: var(--rz-panel-content-margin);
+}
+
+.rz-panel-title {
+ line-height: var(--rz-panel-title-line-height);
+ font-weight: var(--rz-panel-title-font-weight);
+}
+
+.rz-panel-titlebar-toggler {
+ width: var(--rz-panel-toggle-icon-width);
+ height: var(--rz-panel-toggle-icon-height);
+ font-size: var(--rz-panel-toggle-icon-font-size);
+ border-radius: var(--rz-panel-toggle-icon-border-radius);
+ background-color: var(--rz-panel-toggle-icon-background-color);
+ color: inherit;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ text-decoration: none;
+}
+.rz-panel-titlebar-toggler:hover {
+ text-decoration: none;
+ color: var(--rz-panel-hover-color);
+}
+.rz-panel-titlebar-toggler:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-panel-titlebar-toggler:focus-visible {
+ outline: var(--rz-panel-toggle-icon-focus-outline);
+ outline-offset: var(--rz-panel-toggle-icon-focus-outline-offset);
+}
+.rz-panel-titlebar-toggler .rzi-minus:before {
+ content: "remove";
+}
+.rz-panel-titlebar-toggler .rzi-plus:before {
+ content: "add";
+}
+
+.rz-sidebar-toggle {
+ appearance: none;
+ cursor: pointer;
+ border: none;
+ padding: var(--rz-sidebar-toggle-padding);
+ margin-inline-end: var(--rz-sidebar-toggle-margin-inline-end);
+ border-inline-end: var(--rz-sidebar-toggle-border);
+ background-color: var(--rz-sidebar-toggle-background-color);
+ color: var(--rz-sidebar-toggle-color);
+}
+.rz-justify-content-flex-end .rz-sidebar-toggle {
+ border-inline-start: var(--rz-sidebar-toggle-border);
+ border-inline-end: none;
+}
+.rz-sidebar-toggle:focus {
+ outline: none;
+}
+.rz-sidebar-toggle:focus-visible {
+ outline: var(--rz-sidebar-toggle-focus-outline);
+ outline-offset: var(--rz-sidebar-toggle-focus-outline-offset);
+}
+.rz-sidebar-toggle:focus-visible, .rz-sidebar-toggle:hover {
+ color: var(--rz-sidebar-toggle-hover-color);
+ background: var(--rz-sidebar-toggle-hover-background-color);
+ border-radius: var(--rz-sidebar-toggle-hover-border-radius);
+}
+.rz-sidebar-toggle .rzi {
+ width: var(--rz-sidebar-toggle-icon-width);
+ height: var(--rz-sidebar-toggle-icon-height);
+ font-size: var(--rz-sidebar-toggle-icon-width);
+}
+
+.rz-navigation-item-link {
+ display: flex;
+ align-items: center;
+ cursor: pointer;
+ text-decoration: none;
+}
+.rz-navigation-item-link:hover {
+ text-decoration: none;
+}
+
+.rz-navigation-item-text {
+ flex: auto;
+}
+
+.rz-context-menu {
+ box-sizing: border-box;
+}
+.rz-context-menu .rz-menu {
+ flex-direction: column;
+}
+
+.rz-context-menu .rz-menu, .rz-context-menu .rz-navigation-menu {
+ box-shadow: var(--rz-context-menu-box-shadow);
+ border: var(--rz-menu-border);
+ border-radius: var(--rz-menu-border-radius);
+}
+
+.rz-context-menu .rz-menu:not(.rz-profile-menu) {
+ align-items: stretch;
+ background-color: var(--rz-menu-background-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link {
+ color: var(--rz-menu-item-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-item-icon-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper {
+ border-radius: var(--rz-menu-item-border-radius);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link {
+ padding-block: var(--rz-menu-item-padding-block);
+ padding-inline: var(--rz-menu-item-padding-inline);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover {
+ background-color: var(--rz-menu-item-hover-background-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
+ color: var(--rz-menu-item-hover-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-item-icon-hover-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active {
+ background-color: var(--rz-menu-item-selected-background-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link {
+ color: var(--rz-menu-item-selected-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-item-selected-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before {
+ display: none;
+}
+
+.rz-menu:not(.rz-profile-menu) {
+ box-sizing: border-box;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ align-items: center;
+ background-color: var(--rz-menu-top-item-background-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) {
+ padding-block: var(--rz-context-menu-padding-block);
+ padding-inline: var(--rz-context-menu-padding-inline);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link {
+ padding-block: var(--rz-menu-top-item-padding-block);
+ padding-inline: var(--rz-menu-top-item-padding-inline);
+ color: var(--rz-menu-top-item-color);
+ white-space: nowrap;
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-top-item-icon-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link.active {
+ color: var(--rz-menu-top-item-selected-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link.active .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-top-item-selected-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-navigation-item-icon-children.rz-state-expanded {
+ transform: rotate(180deg);
+ transition: transform var(--rz-expander-transition);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-navigation-item-icon-children.rz-state-collapsed {
+ transform: rotate(0);
+ transition: transform var(--rz-expander-transition);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper {
+ border-radius: var(--rz-menu-top-item-border-radius);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:has(> .active) {
+ background-color: var(--rz-menu-top-item-selected-background-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover, .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:has(> .active):hover {
+ background-color: var(--rz-menu-top-item-hover-background-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link, .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:has(> .active):hover .rz-navigation-item-link {
+ color: var(--rz-menu-top-item-hover-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:has(> .active):hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-top-item-icon-hover-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active {
+ background-color: var(--rz-menu-top-item-selected-background-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link {
+ color: var(--rz-menu-top-item-selected-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-top-item-selected-color);
+}
+.rz-menu:not(.rz-profile-menu):focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-menu:not(.rz-profile-menu):focus-visible {
+ outline: var(--rz-menu-item-focus-outline);
+}
+.rz-menu:not(.rz-profile-menu):focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper {
+ outline: var(--rz-menu-item-focus-outline);
+ outline-offset: var(--rz-menu-item-focus-outline-offset);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item {
+ position: relative;
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu {
+ list-style: none;
+ overflow: hidden;
+ position: absolute;
+ padding-block: var(--rz-context-menu-padding-block);
+ padding-inline: var(--rz-context-menu-padding-inline);
+ margin: 0;
+ min-width: 100%;
+ box-shadow: var(--rz-context-menu-box-shadow);
+ z-index: 3;
+ border-radius: var(--rz-menu-border-radius);
+ background-color: var(--rz-menu-background-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper {
+ border-radius: var(--rz-menu-item-border-radius);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:has(> .active) {
+ background-color: var(--rz-menu-item-selected-background-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover, .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:has(> .active):hover {
+ background-color: var(--rz-menu-item-hover-background-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link, .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:has(> .active):hover .rz-navigation-item-link {
+ color: var(--rz-menu-item-hover-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:has(> .active):hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-item-icon-hover-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper-active {
+ background-color: var(--rz-menu-item-selected-background-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper-active .rz-navigation-item-link {
+ color: var(--rz-menu-item-selected-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-item-selected-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link {
+ padding-block: var(--rz-menu-item-padding-block);
+ padding-inline: var(--rz-menu-item-padding-inline);
+ color: var(--rz-menu-item-color);
+ white-space: nowrap;
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-item-icon-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link.active {
+ color: var(--rz-menu-item-selected-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link.active .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-item-selected-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu {
+ position: static;
+ box-shadow: none;
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link {
+ margin-inline-start: var(--rz-menu-item-offset);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link {
+ margin-inline-start: calc(var(--rz-menu-item-offset) * 2);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link {
+ margin-inline-start: calc(var(--rz-menu-item-offset) * 3);
+}
+.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) {
+ margin-inline: var(--rz-menu-item-icon-margin-inline);
+}
+
+.rz-navigation-item-wrapper,
+.rz-navigation-item-link,
+.rz-navigation-item-text {
+ transition: var(--rz-menu-item-transition);
+}
+
+li.rz-navigation-item.rz-state-disabled {
+ opacity: var(--rz-menu-item-disabled-opacity);
+ cursor: initial;
+ pointer-events: none;
+}
+
+.rz-menu-toggle-item {
+ display: none;
+ padding-block: var(--rz-menu-top-item-padding-block);
+ padding-inline: var(--rz-menu-top-item-padding-inline);
+ justify-content: end;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+}
+
+.rz-menu-toggle {
+ appearance: none;
+ background-color: transparent;
+ border: none;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0;
+ color: var(--rz-menu-top-item-color);
+}
+.rz-menu-toggle:hover {
+ background-color: transparent;
+ color: var(--rz-menu-top-item-hover-color);
+}
+.rz-menu-toggle:active {
+ background-color: transparent;
+ color: var(--rz-menu-top-item-color);
+}
+.rz-context-menu .rz-menu-toggle {
+ color: var(--rz-menu-item-color);
+}
+.rz-context-menu .rz-menu-toggle:hover {
+ color: var(--rz-menu-item-hover-color);
+}
+.rz-context-menu .rz-menu-toggle:active {
+ color: var(--rz-menu-item-color);
+}
+
+@media (max-width: 768px) {
+ .rz-menu:not(.rz-profile-menu).rz-menu-closed .rz-navigation-item {
+ display: none;
+ }
+ .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi {
+ margin: 0;
+ }
+ .rz-menu:not(.rz-profile-menu).rz-menu-open {
+ display: block;
+ }
+ .rz-menu:not(.rz-profile-menu).rz-menu-open .rz-navigation-item {
+ background-color: inherit;
+ }
+ .rz-menu:not(.rz-profile-menu).rz-menu-open .rz-navigation-menu {
+ position: static;
+ box-shadow: none;
+ border-radius: 0;
+ }
+ .rz-menu:not(.rz-profile-menu) .rz-menu-toggle-item {
+ display: flex;
+ }
+ .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active:before {
+ display: none !important;
+ }
+}
+.rz-panel-menu {
+ box-sizing: border-box;
+ list-style: none;
+ padding-block: var(--rz-panel-menu-padding-block);
+ padding-inline: var(--rz-panel-menu-padding-inline);
+ margin-block-start: 0;
+ margin-block-end: 0;
+ overflow: auto;
+ font-size: var(--rz-panel-menu-font-size);
+ font-weight: var(--rz-panel-menu-font-weight);
+ color: var(--rz-panel-menu-item-color);
+ background-color: var(--rz-panel-menu-item-background-color);
+ /* First level items */
+ /* Second level items */
+}
+.rz-panel-menu:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-panel-menu:focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper {
+ outline: var(--rz-panel-menu-focus-outline);
+ outline-offset: var(--rz-panel-menu-focus-outline-offset);
+}
+.rz-panel-menu > .rz-navigation-item {
+ margin-block: var(--rz-panel-menu-item-margin-block);
+ margin-inline: var(--rz-panel-menu-item-margin-inline);
+}
+.rz-panel-menu .rz-navigation-item {
+ border-block-end: var(--rz-panel-menu-item-border);
+ border-radius: var(--rz-panel-menu-item-border-radius);
+ overflow: hidden;
+ /* Do not show expand arrow if there are no child items */
+}
+.rz-panel-menu .rz-navigation-item:not(:has(> .rz-expander .rz-navigation-item)) > .rz-navigation-item-wrapper .rz-navigation-item-icon-children {
+ display: none;
+}
+.rz-panel-menu .rz-navigation-item-wrapper {
+ position: relative;
+ line-height: var(--rz-panel-menu-item-line-height);
+ transition: var(--rz-panel-menu-item-transition);
+ border-radius: var(--rz-panel-menu-item-border-radius);
+ overflow: hidden;
+}
+.rz-panel-menu .rz-navigation-item-wrapper:hover {
+ background-color: var(--rz-panel-menu-item-hover-background-color);
+ color: var(--rz-panel-menu-item-hover-color);
+}
+.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon {
+ color: var(--rz-panel-menu-item-hover-color);
+}
+.rz-panel-menu .rz-navigation-item-active,
+.rz-panel-menu .rz-navigation-item-wrapper-active {
+ background-color: var(--rz-panel-menu-item-active-background-color);
+ color: var(--rz-panel-menu-item-active-color);
+}
+.rz-panel-menu .rz-navigation-item-active:before,
+.rz-panel-menu .rz-navigation-item-wrapper-active:before {
+ position: absolute;
+ content: "";
+ inset-block-start: 0;
+ inset-block-end: 0;
+ width: 4px;
+ background-color: var(--rz-panel-menu-item-active-indicator);
+}
+.rz-panel-menu .rz-navigation-item-active .rz-navigation-item-icon,
+.rz-panel-menu .rz-navigation-item-wrapper-active .rz-navigation-item-icon {
+ color: var(--rz-panel-menu-item-active-color);
+}
+.rz-panel-menu .rz-navigation-item-link {
+ padding-block: var(--rz-panel-menu-item-padding-block);
+ padding-inline: var(--rz-panel-menu-item-padding-inline);
+ color: inherit;
+ cursor: pointer;
+ text-decoration: none;
+}
+.rz-panel-menu a.rz-navigation-item-link {
+ cursor: pointer;
+ text-decoration: none;
+}
+.rz-panel-menu .rz-navigation-item-text {
+ flex: auto;
+}
+.rz-panel-menu .rz-navigation-item-icon-children {
+ margin-inline-start: auto;
+ font-size: var(--rz-panel-menu-toggle-icon-font-size);
+ opacity: var(--rz-panel-menu-toggle-icon-opacity);
+ z-index: 1;
+}
+.rz-panel-menu .rz-navigation-item-icon-children.rz-state-expanded {
+ transform: rotate(180deg);
+ transition: transform var(--rz-expander-transition);
+}
+.rz-panel-menu .rz-navigation-item-icon-children.rz-state-collapsed {
+ transform: rotate(0);
+ transition: transform var(--rz-expander-transition);
+}
+.rz-panel-menu .rz-navigation-item-icon {
+ height: var(--rz-panel-menu-icon-height);
+ width: var(--rz-panel-menu-icon-width);
+ color: var(--rz-panel-menu-icon-color);
+ margin-inline: var(--rz-panel-menu-icon-margin-inline);
+ font-size: var(--rz-panel-menu-icon-font-size);
+ transition: var(--rz-panel-menu-item-transition);
+}
+.rz-panel-menu .rz-navigation-menu {
+ list-style: none;
+ padding: 0;
+ margin-block-end: 0;
+ overflow: hidden;
+ /* Third level items */
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper {
+ margin-block: var(--rz-panel-menu-item-2nd-level-margin-block);
+ margin-inline: var(--rz-panel-menu-item-2nd-level-margin-inline);
+ border-radius: var(--rz-panel-menu-item-2nd-level-border-radius);
+ background-color: var(--rz-panel-menu-item-2nd-level-background-color);
+ overflow: hidden;
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
+ background-color: var(--rz-panel-menu-item-2nd-level-hover-background-color);
+ color: var(--rz-panel-menu-item-2nd-level-hover-color);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon {
+ color: var(--rz-panel-menu-item-2nd-level-hover-color);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item-active,
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
+ background-color: var(--rz-panel-menu-item-2nd-level-active-background-color);
+ color: var(--rz-panel-menu-item-2nd-level-active-color);
+ font-weight: var(--rz-panel-menu-item-2nd-level-active-font-weight);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item-active .rz-navigation-item-icon,
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active .rz-navigation-item-icon {
+ color: var(--rz-panel-menu-item-2nd-level-active-color);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item-icon {
+ height: var(--rz-panel-menu-icon-2nd-level-icon-size);
+ width: var(--rz-panel-menu-icon-2nd-level-icon-size);
+ font-size: var(--rz-panel-menu-icon-2nd-level-icon-size);
+ margin-inline: var(--rz-panel-menu-icon-2nd-level-margin-inline);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item {
+ border-block-end: none;
+ color: var(--rz-panel-menu-item-2nd-level-color);
+ font-size: var(--rz-panel-menu-item-2nd-level-font-size);
+ font-weight: var(--rz-panel-menu-item-2nd-level-font-weight);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item:first-child {
+ margin-block-start: var(--rz-panel-menu-2nd-level-vertical-offset);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child {
+ margin-block-end: var(--rz-panel-menu-2nd-level-vertical-offset);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link {
+ padding-block: var(--rz-panel-menu-item-2nd-level-padding-block);
+ padding-inline: var(--rz-panel-menu-item-2nd-level-padding-inline);
+ padding-inline-start: var(--rz-panel-menu-item-2nd-level-offset);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-menu {
+ margin: 0;
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper {
+ color: var(--rz-panel-menu-item-3rd-level-color);
+ background-color: var(--rz-panel-menu-item-3rd-level-background-color);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
+ color: var(--rz-panel-menu-item-3rd-level-hover-color);
+ background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active,
+.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
+ background-color: var(--rz-panel-menu-item-3rd-level-active-background-color);
+ color: var(--rz-panel-menu-item-3rd-level-active-color);
+}
+
+ul.rz-profile-menu {
+ box-sizing: border-box;
+ list-style: none;
+ margin-block-start: 0;
+ margin-block-end: 0;
+ padding-block: var(--rz-profile-menu-padding-block);
+ padding-inline: var(--rz-profile-menu-padding-inline);
+ display: inline-block;
+ background-color: var(--rz-profile-menu-top-item-background-color);
+ border-inline-start: var(--rz-profile-menu-border);
+ position: relative;
+ z-index: 3;
+}
+ul.rz-profile-menu:focus {
+ outline: var(--rz-outline-normal);
+}
+ul.rz-profile-menu:focus-visible {
+ outline: var(--rz-menu-item-focus-outline);
+}
+ul.rz-profile-menu:focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper {
+ outline: var(--rz-profile-menu-item-focus-outline);
+ outline-offset: var(--rz-profile-menu-item-focus-outline-offset);
+}
+ul.rz-profile-menu .rz-navigation-item-icon-children {
+ color: var(--rz-profile-menu-toggle-button-color);
+}
+ul.rz-profile-menu .rz-navigation-item-icon-children.rz-state-expanded {
+ transform: rotate(180deg);
+ transition: transform var(--rz-expander-transition);
+}
+ul.rz-profile-menu .rz-navigation-item-icon-children.rz-state-collapsed {
+ transform: rotate(0);
+ transition: transform var(--rz-expander-transition);
+}
+ul.rz-profile-menu .rz-navigation-menu {
+ list-style: none;
+ overflow: hidden;
+ position: absolute;
+ margin-block-start: 0;
+ margin-block-end: 0;
+ padding-block: var(--rz-context-menu-padding-block);
+ padding-inline: var(--rz-context-menu-padding-inline);
+ border-radius: var(--rz-profile-menu-border-radius);
+ background-color: var(--rz-profile-menu-background-color);
+ box-shadow: var(--rz-context-menu-box-shadow);
+ text-align: start;
+ inset-block-start: calc(100% - 2px);
+ inset-inline-end: 0;
+ min-width: 100%;
+ white-space: nowrap;
+}
+ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link {
+ padding-block: var(--rz-menu-item-padding-block);
+ padding-inline: var(--rz-menu-item-padding-inline);
+}
+ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
+ background-color: var(--rz-profile-menu-item-hover-background-color);
+ color: var(--rz-menu-item-hover-color);
+}
+ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
+ color: var(--rz-menu-item-hover-color);
+}
+ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-text {
+ color: var(--rz-menu-item-hover-color);
+}
+ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-link,
+ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-text {
+ color: var(--rz-menu-item-color);
+}
+ul.rz-profile-menu .rz-navigation-menu .rzi {
+ width: var(--rz-profile-menu-item-icon-width);
+ height: var(--rz-profile-menu-item-icon-height);
+ font-size: var(--rz-profile-menu-item-icon-font-size);
+ margin-inline: var(--rz-profile-menu-item-icon-margin-inline);
+}
+
+.rz-gravatar {
+ box-sizing: border-box;
+ width: var(--rz-gravatar-width);
+ height: var(--rz-gravatar-height);
+ display: inline-block;
+ border-radius: var(--rz-gravatar-border-radius);
+ box-shadow: var(--rz-gravatar-box-shadow);
+}
+
+.rz-steps {
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+}
+.rz-steps .rz-widget-content {
+ flex: 1;
+ overflow-x: hidden;
+ overflow-y: auto;
+}
+.rz-steps ul {
+ list-style: none;
+ padding: 0;
+}
+.rz-steps .rz-menuitem-link {
+ display: inline-flex;
+ align-items: center;
+ color: var(--rz-steps-color);
+ cursor: pointer;
+ text-decoration: none;
+}
+.rz-steps .rz-menuitem-link:hover {
+ text-decoration: none;
+ color: var(--rz-steps-title-selected-color) !important;
+}
+.rz-steps .rz-state-disabled .rz-menuitem-link {
+ color: var(--rz-text-disabled-color);
+ cursor: default;
+}
+.rz-steps .rz-state-disabled .rz-menuitem-link:hover {
+ color: var(--rz-text-disabled-color) !important;
+}
+.rz-steps .rz-state-highlight .rz-steps-title {
+ color: var(--rz-steps-title-selected-color);
+}
+.rz-steps .rz-state-highlight .rz-steps-number {
+ background: var(--rz-steps-number-selected-background);
+ color: var(--rz-steps-number-selected-color);
+}
+
+.rz-steps-item {
+ display: inline-block;
+}
+.rz-steps-item:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-steps-item:focus-visible {
+ outline: var(--rz-outline-normal);
+}
+.rz-steps-item:focus-visible .rz-steps-number {
+ outline: var(--rz-steps-number-focus-outline);
+ outline-offset: var(--rz-steps-number-focus-outline-offset);
+}
+
+.rz-steps-title {
+ margin-block: var(--rz-steps-title-margin-block);
+ margin-inline: var(--rz-steps-title-margin-inline);
+}
+
+.rz-steps-number {
+ text-align: center;
+ line-height: var(--rz-steps-number-line-height);
+ color: var(--rz-steps-number-color);
+ padding-block: var(--rz-steps-number-padding-block);
+ padding-inline: var(--rz-steps-number-padding-inline);
+ width: var(--rz-steps-number-width);
+ height: var(--rz-steps-number-height);
+ background-color: var(--rz-steps-number-background-color);
+ border-radius: var(--rz-steps-number-border-radius);
+}
+
+.rz-steps-buttons {
+ display: flex;
+ justify-content: space-between;
+ padding-block: var(--rz-steps-buttons-padding-block);
+ padding-inline: var(--rz-steps-buttons-padding-inline);
+}
+
+.rz-steps-next,
+.rz-steps-prev {
+ display: inline-flex;
+ align-items: center;
+ color: var(--rz-steps-button-color) !important;
+ text-decoration: none;
+}
+.rz-steps-next:not(.rz-state-disabled):hover,
+.rz-steps-prev:not(.rz-state-disabled):hover {
+ cursor: pointer;
+ color: var(--rz-steps-title-selected-color) !important;
+}
+.rz-steps-next:hover,
+.rz-steps-prev:hover {
+ text-decoration: none;
+}
+.rz-steps-next.rz-state-disabled,
+.rz-steps-prev.rz-state-disabled {
+ opacity: 0.5 !important;
+}
+
+.rz-steps-prev .rzi:before {
+ content: "navigate_before";
+}
+
+.rz-steps-next .rzi:before {
+ content: "navigate_next";
+}
+
+*[dir=rtl] .rz-steps-prev .rzi:before {
+ content: "navigate_next";
+}
+*[dir=rtl] .rz-steps-next .rzi:before {
+ content: "navigate_before";
+}
+
+.rz-textarea {
+ padding-block: var(--rz-text-area-padding-block);
+ padding-inline: var(--rz-text-area-padding-inline);
+ height: auto;
+}
+
+.rz-checkbox-list {
+ box-sizing: border-box;
+ border-radius: var(--rz-border-radius);
+}
+.rz-checkbox-list .rz-checkbox {
+ display: inline-flex;
+ align-items: center;
+ margin-block: var(--rz-checkbox-margin-block);
+ margin-inline: var(--rz-checkbox-margin-inline);
+ cursor: pointer;
+}
+.rz-checkbox-list:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-checkbox-list:focus-visible {
+ outline: var(--rz-checkbox-focus-outline);
+ outline-offset: var(--rz-checkbox-focus-outline-offset);
+}
+
+.rz-checkbox-list-horizontal {
+ --rz-gap: 0;
+}
+
+.rz-checkbox-list-vertical {
+ --rz-gap: 1rem;
+}
+
+.rz-state-disabled .rz-checkbox {
+ cursor: initial;
+}
+
+.rz-chkbox-label,
+.rz-chkbox-template {
+ margin-block: var(--rz-checkbox-label-margin-block);
+ margin-inline: var(--rz-checkbox-label-margin-inline);
+}
+
+.rz-chkbox {
+ box-sizing: border-box;
+ display: inline-block;
+ vertical-align: middle;
+ position: relative;
+ width: var(--rz-checkbox-width);
+ min-width: var(--rz-checkbox-width);
+ height: var(--rz-checkbox-height);
+ border-radius: var(--rz-checkbox-border-radius);
+}
+
+.rz-chkbox-box {
+ position: absolute;
+ cursor: pointer;
+ inset: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border: var(--rz-input-border-block-end);
+ border-width: var(--rz-checkbox-border-width);
+ border-radius: var(--rz-checkbox-border-radius);
+ box-shadow: var(--rz-input-shadow);
+ background-color: var(--rz-input-background-color);
+ transition: var(--rz-transition-all);
+}
+.rz-chkbox-box:hover:not(.rz-state-disabled) {
+ box-shadow: var(--rz-input-hover-shadow);
+ background-color: var(--rz-input-hover-background-color);
+ border: var(--rz-input-hover-border);
+ border-width: var(--rz-checkbox-border-width);
+}
+.rz-chkbox-box.rz-state-disabled {
+ cursor: initial;
+ color: var(--rz-input-disabled-color);
+ box-shadow: var(--rz-input-disabled-shadow);
+ background-color: var(--rz-input-disabled-background-color);
+ border: var(--rz-input-disabled-border);
+ border-width: var(--rz-checkbox-border-width);
+ opacity: var(--rz-input-disabled-opacity);
+}
+.rz-chkbox-box .rzi {
+ width: var(--rz-checkbox-icon-width);
+ height: var(--rz-checkbox-icon-height);
+ font-size: var(--rz-checkbox-icon-font-size);
+ color: var(--rz-checkbox-checked-color);
+ vertical-align: middle;
+ background-color: var(--rz-checkbox-checked-icon-background-color);
+ border-radius: var(--rz-checkbox-checked-icon-border-radius);
+}
+.rz-chkbox-box .rzi-check:before {
+ content: "check";
+}
+.rz-chkbox-box .rzi-times {
+ width: var(--rz-checkbox-tri-icon-width);
+ height: var(--rz-checkbox-tri-icon-height);
+ font-size: var(--rz-checkbox-tri-icon-font-size);
+}
+.rz-chkbox-box .rzi-times:before {
+ content: "remove";
+}
+.rz-chkbox-box.rz-state-active {
+ background-color: var(--rz-checkbox-checked-background-color);
+ border: var(--rz-checkbox-checked-border);
+}
+.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) {
+ background-color: var(--rz-checkbox-checked-hover-background-color);
+ border: var(--rz-checkbox-checked-hover-border);
+}
+.rz-chkbox-box.rz-state-active.rz-state-disabled {
+ background-color: var(--rz-checkbox-checked-disabled-background-color);
+ border: var(--rz-checkbox-checked-disabled-border);
+ opacity: 0.5;
+}
+:focus-visible .rz-chkbox-box.rz-state-focused:not(.rz-state-disabled) {
+ outline: var(--rz-checkbox-focus-outline);
+ outline-offset: var(--rz-checkbox-focus-outline-offset);
+}
+
+.rz-switch {
+ box-sizing: border-box;
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ width: 3rem;
+ min-width: 3rem;
+ height: 1.8rem;
+ border-radius: calc(5 * var(--rz-border-radius));
+}
+.rz-switch:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-switch:focus-visible {
+ outline: var(--rz-switch-focus-outline);
+ outline-offset: var(--rz-switch-focus-outline-offset);
+}
+
+.rz-switch-circle {
+ position: absolute;
+ cursor: pointer;
+ inset-block-start: 0;
+ inset-inline-start: 0;
+ inset-inline-end: 0;
+ inset-block-end: 0;
+}
+
+.rz-switch-circle.rz-disabled {
+ opacity: 0.5;
+ cursor: initial;
+}
+
+.rz-switch-circle.rz-readonly {
+ cursor: initial;
+}
+
+.rz-switch .rz-switch-circle {
+ background: var(--rz-switch-background-color);
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: calc(5 * var(--rz-border-radius));
+}
+
+.rz-switch.rz-switch-checked .rz-switch-circle {
+ background: var(--rz-switch-checked-background-color);
+}
+
+.rz-switch .rz-switch-circle:before {
+ background: var(--rz-switch-circle-background-color);
+ width: 1.26rem;
+ height: 1.26rem;
+ inset-inline-start: 0.27rem;
+ margin-block-start: -0.63rem;
+ border-radius: calc(5 * var(--rz-border-radius) - 3px);
+ transition: transform 0.2s linear;
+ box-shadow: var(--rz-switch-box-shadow);
+}
+
+.rz-switch-circle:before {
+ position: absolute;
+ content: "";
+ inset-block-start: 50%;
+}
+
+.rz-switch-circle.rz-disabled:before {
+ box-shadow: none;
+}
+
+.rz-switch.rz-switch-checked .rz-switch-circle:before {
+ background: var(--rz-switch-checked-circle-background-color);
+ transform: translateX(1.2rem);
+}
+
+*[dir=rtl] .rz-switch.rz-switch-checked .rz-switch-circle:before {
+ transform: translateX(-1.2rem);
+}
+
+.rz-radio-button-list {
+ box-sizing: border-box;
+ border-radius: var(--rz-border-radius);
+}
+.rz-radio-button-list .rz-radio-btn {
+ display: inline-flex;
+ align-items: center;
+ margin-block: var(--rz-radio-margin-block);
+ margin-inline: var(--rz-radio-margin-inline);
+ cursor: pointer;
+}
+.rz-radio-button-list .rz-radio-btn.rz-state-disabled {
+ cursor: initial;
+}
+.rz-radio-button-list:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-radio-button-list:focus-visible {
+ outline: var(--rz-radio-focus-outline);
+ outline-offset: var(--rz-radio-focus-outline-offset);
+}
+
+.rz-radio-button-list-horizontal {
+ --rz-gap: 0;
+}
+
+.rz-radio-button-list-vertical {
+ --rz-gap: 1rem;
+}
+
+.rz-state-disabled .rz-radiobutton {
+ cursor: initial;
+}
+
+.rz-radiobutton-label,
+.rz-radiobutton-template {
+ margin-block: var(--rz-radio-label-margin-block);
+ margin-inline: var(--rz-radio-label-margin-inline);
+}
+.rz-radiobutton-label.rz-state-disabled,
+.rz-radiobutton-template.rz-state-disabled {
+ cursor: initial;
+ opacity: 0.5;
+}
+
+.rz-radiobutton {
+ position: relative;
+ vertical-align: middle;
+ white-space: nowrap;
+ cursor: pointer;
+ width: var(--rz-radio-width);
+ height: var(--rz-radio-height);
+ border-radius: var(--rz-radio-border-radius);
+}
+
+.rz-radiobutton-box {
+ position: absolute;
+ inset: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: inherit;
+ border: var(--rz-input-border-block-end);
+ border-width: var(--rz-radio-border-width);
+ border-radius: var(--rz-radio-border-radius);
+ box-shadow: var(--rz-input-shadow);
+ background-color: var(--rz-input-background-color);
+ transition: var(--rz-transition-all);
+}
+.rz-radiobutton-box:hover:not(.rz-state-disabled) {
+ box-shadow: var(--rz-input-hover-shadow);
+ background-color: var(--rz-input-hover-background-color);
+ border: var(--rz-input-hover-border);
+ border-width: var(--rz-radio-border-width);
+}
+.rz-radiobutton-box:active:not(.rz-state-disabled) {
+ background-color: var(--rz-radio-active-background-color);
+ box-shadow: var(--rz-radio-active-shadow);
+ border-width: var(--rz-radio-border-width);
+}
+.rz-radiobutton-box.rz-state-disabled {
+ cursor: initial;
+ box-shadow: var(--rz-input-disabled-shadow);
+ background-color: var(--rz-input-disabled-background-color);
+ border: var(--rz-input-disabled-border);
+ border-width: var(--rz-radio-border-width);
+ opacity: var(--rz-input-disabled-opacity);
+}
+.rz-radiobutton-box .rzi {
+ width: var(--rz-radio-icon-width);
+ height: var(--rz-radio-icon-height);
+ color: var(--rz-radio-checked-color);
+}
+.rz-radiobutton-box .rzi-circle-on {
+ border-radius: var(--rz-radio-border-radius);
+ vertical-align: middle;
+ background-color: var(--rz-radio-circle-background-color);
+ box-shadow: var(--rz-radio-circle-shadow);
+}
+.rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) {
+ background-color: var(--rz-radio-circle-hover-background-color);
+}
+.rz-radiobutton-box.rz-state-active {
+ background-color: var(--rz-radio-checked-background-color);
+ border: var(--rz-radio-checked-border);
+ border-width: var(--rz-radio-border-width);
+}
+.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) {
+ background-color: var(--rz-radio-checked-hover-background-color);
+ border: var(--rz-radio-checked-border);
+ box-shadow: var(--rz-radio-checked-hover-shadow);
+ border-width: var(--rz-radio-border-width);
+}
+.rz-radiobutton-box.rz-state-active.rz-state-disabled {
+ background-color: var(--rz-radio-checked-background-color);
+ border: var(--rz-radio-checked-border);
+ border-width: var(--rz-radio-border-width);
+ opacity: 0.5;
+}
+.rz-radio-button-list:focus-visible .rz-radiobutton-box.rz-state-focused:not(.rz-state-disabled) {
+ outline: var(--rz-radio-focus-outline);
+ outline-offset: var(--rz-radio-focus-outline-offset);
+}
+
+.rz-fieldset {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ min-width: 0;
+ border: var(--rz-fieldset-border);
+ border-radius: var(--rz-fieldset-border-radius);
+}
+
+.rz-fieldset-content {
+ padding: var(--rz-fieldset-padding);
+}
+
+.rz-fieldset-content-wrapper {
+ overflow: hidden;
+}
+
+.rz-fieldset-legend-text {
+ vertical-align: middle;
+}
+
+.rz-fieldset-toggler {
+ vertical-align: middle;
+ width: var(--rz-fieldset-toggle-width);
+ height: var(--rz-fieldset-toggle-height);
+ background-color: var(--rz-fieldset-toggle-background-color);
+ color: var(--rz-fieldset-toggle-color);
+ border: var(--rz-fieldset-toggle-border);
+}
+.rz-fieldset-toggler.rzi {
+ text-align: center;
+ font-size: var(--rz-fieldset-toggle-font-size);
+ line-height: var(--rz-fieldset-toggle-height);
+ margin-block: var(--rz-fieldset-toggle-margin-block);
+ margin-inline: var(--rz-fieldset-toggle-margin-inline);
+}
+.rz-fieldset-toggler.rzi-minus:before {
+ content: "remove";
+}
+.rz-fieldset-toggler.rzi-plus:before {
+ content: "add";
+}
+a:focus .rz-fieldset-toggler {
+ outline: var(--rz-outline-normal);
+}
+a:focus-visible .rz-fieldset-toggler {
+ outline: var(--rz-fieldset-toggle-focus-outline);
+ outline-offset: var(--rz-fieldset-toggle-focus-outline-offset);
+}
+
+.rz-fieldset-legend {
+ float: none;
+ margin-block: var(--rz-fieldset-legend-margin-block);
+ margin-inline: var(--rz-fieldset-legend-margin-inline);
+ padding-block: var(--rz-fieldset-legend-padding-block);
+ padding-inline: var(--rz-fieldset-legend-padding-inline);
+ width: auto;
+ color: var(--rz-fieldset-legend-color);
+ font-size: var(--rz-fieldset-legend-font-size);
+}
+.rz-fieldset-legend a {
+ display: inline-flex;
+ align-items: center;
+ color: inherit;
+ text-decoration: none;
+}
+.rz-fieldset-legend a:focus {
+ outline: var(--rz-outline-normal);
+}
+
+.rz-multiselect, .rz-dropdown {
+ box-sizing: border-box;
+ display: inline-flex;
+ flex-direction: column;
+ position: relative;
+ overflow: hidden;
+ text-align: start;
+}
+.rz-multiselect .rz-placeholder, .rz-dropdown .rz-placeholder {
+ color: var(--rz-input-placeholder-color);
+}
+
+.rz-dropdown.rz-dropdown-open {
+ background-color: var(--rz-dropdown-open-background-color);
+ border: var(--rz-dropdown-open-border);
+}
+
+.rz-multiselect.rz-state-focus {
+ background-color: var(--rz-dropdown-open-background-color);
+ border: var(--rz-dropdown-open-border);
+}
+
+.rz-multiselect-trigger, .rz-dropdown-trigger {
+ position: absolute;
+ display: flex;
+ align-items: center;
+ inset-inline-end: 0;
+ inset-block-start: 0;
+ inset-block-end: 0;
+}
+.rz-multiselect-trigger .rzi, .rz-dropdown-trigger .rzi {
+ width: var(--rz-dropdown-trigger-icon-width);
+ height: var(--rz-dropdown-trigger-icon-height);
+ font-size: var(--rz-dropdown-trigger-icon-height);
+ margin-block: var(--rz-dropdown-trigger-icon-margin-block);
+ margin-inline: var(--rz-dropdown-trigger-icon-margin-inline);
+}
+.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before {
+ content: "arrow_drop_down";
+}
+
+.rz-dropdown-clear-icon {
+ position: absolute;
+ inset-inline-end: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem);
+ inset-block-start: 0;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ font-size: var(--rz-dropdown-trigger-icon-height);
+ opacity: 0.4;
+}
+.rz-dropdown-clear-icon:before {
+ content: "close";
+}
+.rz-dropdown-clear-icon:hover {
+ opacity: 1;
+}
+.rz-state-disabled > .rz-dropdown-clear-icon {
+ display: none;
+}
+
+.rz-html-editor-dropdown-items, .rz-splitbutton-menu, .rz-autocomplete-panel, .rz-multiselect-panel, .rz-dropdown-panel {
+ position: absolute;
+ background-color: var(--rz-dropdown-open-background-color);
+ border-radius: var(--rz-input-border-radius);
+ border: var(--rz-dropdown-panel-border);
+ box-shadow: var(--rz-dropdown-panel-shadow);
+}
+
+.rz-dropdown-panel {
+ box-sizing: content-box;
+ padding: var(--rz-dropdown-panel-padding);
+}
+
+.rz-multiselect-panel {
+ box-sizing: content-box;
+ padding: var(--rz-dropdown-panel-padding);
+}
+.rz-multiselect-panel .rz-chkbox {
+ margin-block: var(--rz-multiselect-checkbox-margin-block);
+ margin-inline: var(--rz-multiselect-checkbox-margin-inline);
+}
+
+.rz-autocomplete-items, .rz-multiselect-items, .rz-dropdown-items {
+ list-style: none;
+ padding: var(--rz-dropdown-items-padding);
+ margin: 0;
+}
+.rz-autocomplete-items li, .rz-multiselect-items li, .rz-dropdown-items li {
+ /* The 'No results found' item has no CSS class */
+}
+
+.rz-dropdown-items-wrapper,
+.rz-multiselect-items-wrapper {
+ overflow: auto;
+ margin: var(--rz-dropdown-items-margin);
+ border-radius: var(--rz-input-border-radius);
+}
+
+.rz-multiselect-items-wrapper {
+ overflow: auto;
+}
+
+.rz-dropdown-filter-container {
+ padding: var(--rz-dropdown-filter-padding);
+ border-bottom: var(--rz-dropdown-filter-border);
+}
+
+.rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter {
+ background-color: transparent;
+ color: var(--rz-text-color);
+ font-family: inherit;
+}
+
+.rz-multiselect-header {
+ display: flex;
+ align-items: center;
+ padding: var(--rz-dropdown-item-padding);
+ margin: var(--rz-dropdown-items-margin);
+}
+
+.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item {
+ padding: var(--rz-dropdown-item-padding);
+ transition: var(--rz-dropdown-item-transition);
+ cursor: default;
+ font-size: var(--rz-dropdown-item-font-size);
+}
+.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight {
+ background-color: var(--rz-dropdown-item-selected-background-color);
+ color: var(--rz-dropdown-item-selected-color);
+ box-shadow: var(--rz-dropdown-item-selected-shadow);
+ border-radius: 0;
+}
+.rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover, .rz-dropdown-item.rz-state-highlight:hover {
+ background-color: var(--rz-dropdown-item-selected-hover-background-color);
+ color: var(--rz-dropdown-item-selected-hover-color);
+}
+.rz-state-disabled.rz-menuitem, .rz-state-disabled.rz-autocomplete-list-item, .rz-state-disabled.rz-multiselect-item, .rz-autocomplete-items li.rz-state-disabled, .rz-dropdown-items li.rz-state-disabled, .rz-multiselect-items li.rz-state-disabled, .rz-dropdown-item.rz-state-disabled {
+ opacity: var(--rz-dropdown-item-disabled-opacity);
+ cursor: initial;
+}
+.rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-autocomplete-items li:hover, .rz-dropdown-items li:hover, .rz-multiselect-items li:hover, .rz-dropdown-item:hover {
+ background-color: var(--rz-dropdown-item-hover-background-color);
+ color: var(--rz-dropdown-item-hover-color);
+ border-radius: 0;
+}
+
+.rz-multiselect-close {
+ display: none;
+}
+
+.rz-multiselect-filter-container {
+ flex: auto;
+ border-bottom: var(--rz-dropdown-filter-border);
+}
+.rz-multiselect-filter-container .rz-inputtext {
+ padding: 0;
+}
+
+.rz-multiselect-item {
+ display: flex;
+ align-items: center;
+}
+
+.rz-multiselect-item-content {
+ flex: 1;
+}
+
+.rz-multiselect-label-container,
+.rz-dropdown-label {
+ display: block;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ padding-block: var(--rz-dropdown-label-padding-block);
+ padding-inline: var(--rz-dropdown-label-padding-inline);
+ margin: 0;
+}
+
+.rz-dropdown-chips {
+ height: inherit;
+ padding-block: var(--rz-dropdown-chips-padding-block);
+ padding-inline: var(--rz-dropdown-chips-padding-inline);
+}
+.rz-dropdown-chips .rz-dropdown-chips-wrapper {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.25rem;
+ margin-inline-end: 3rem;
+}
+.rz-dropdown-chips .rz-chip {
+ box-sizing: border-box;
+ display: inline-flex;
+ align-items: center;
+ gap: var(--rz-chip-gap);
+ padding-block: var(--rz-chip-padding-block);
+ padding-inline: var(--rz-chip-padding-inline);
+ color: var(--rz-chip-color);
+ background-color: var(--rz-chip-background-color);
+ border-radius: var(--rz-chip-border-radius);
+}
+.rz-dropdown-chips .rz-chip .rz-chip-text {
+ font-size: var(--rz-chip-font-size);
+}
+.rz-dropdown-chips .rz-chip .rz-button {
+ border-radius: var(--rz-chip-border-radius);
+ box-shadow: none;
+ align-self: stretch;
+}
+.rz-dropdown-chips .rz-chip .rzi {
+ vertical-align: middle;
+ font-size: 1rem;
+}
+
+.rz-clear .rz-multiselect-label-container,
+.rz-clear .rz-dropdown-label {
+ padding-inline-end: calc(2 * var(--rz-dropdown-trigger-icon-width));
+}
+
+.rz-autocomplete {
+ box-sizing: border-box;
+ display: inline-block;
+ border: var(--rz-input-border);
+ border-radius: var(--rz-input-border-radius);
+ background-color: var(--rz-input-background-color);
+ transition: var(--rz-input-transition);
+ overflow: hidden;
+}
+.rz-autocomplete-input {
+ padding-block: var(--rz-input-padding-block);
+ padding-inline: var(--rz-input-padding-inline);
+ background-color: transparent;
+ color: var(--rz-input-value-color);
+ font-family: inherit;
+ box-shadow: var(--rz-input-shadow);
+ border: none;
+ height: var(--rz-input-height);
+ line-height: var(--rz-input-line-height);
+ width: 100%;
+ transition: var(--rz-input-transition);
+}
+.rz-autocomplete-input:focus {
+ outline: none;
+}
+.rz-autocomplete-input:disabled {
+ border: none;
+}
+
+.rz-autocomplete-panel {
+ overflow: auto;
+ box-sizing: content-box;
+}
+
+.rz-listbox {
+ box-sizing: border-box;
+ display: inline-flex;
+ flex-direction: column;
+ overflow: hidden;
+ background-color: var(--rz-listbox-background-color);
+ border: var(--rz-listbox-border);
+ border-radius: var(--rz-listbox-border-radius);
+ text-align: start;
+}
+.rz-listbox .rz-chkbox {
+ margin-block: var(--rz-listbox-checkbox-margin-block);
+ margin-inline: var(--rz-listbox-checkbox-margin-inline);
+}
+.rz-listbox:not(.rz-state-disabled) .rz-listbox-item:hover:hover {
+ background-color: var(--rz-dropdown-item-hover-background-color);
+ color: var(--rz-dropdown-item-hover-color);
+ border-radius: 0;
+}
+.rz-listbox:focus, .rz-listbox:focus-within {
+ outline: var(--rz-outline-normal);
+ border: var(--rz-listbox-focus-border);
+ box-shadow: var(--rz-listbox-focus-shadow);
+}
+
+.rz-listbox-list {
+ margin: 0;
+ padding: 0;
+}
+
+.rz-listbox-item {
+ cursor: default;
+ padding: var(--rz-listbox-item-padding);
+ margin: var(--rz-listbox-item-margin);
+ cursor: default;
+ font-size: var(--rz-dropdown-item-font-size);
+}
+.rz-listbox-item.rz-state-highlight {
+ background-color: var(--rz-dropdown-item-selected-background-color);
+ color: var(--rz-dropdown-item-selected-color);
+ box-shadow: var(--rz-dropdown-item-selected-shadow);
+ border-radius: 0;
+}
+.rz-listbox-item.rz-state-highlight:hover {
+ background-color: var(--rz-dropdown-item-selected-hover-background-color);
+ color: var(--rz-dropdown-item-selected-hover-color);
+}
+.rz-listbox-item.rz-state-disabled {
+ opacity: var(--rz-dropdown-item-disabled-opacity);
+ cursor: initial;
+}
+
+.rz-listbox-header {
+ display: flex;
+ align-items: center;
+ padding-block: var(--rz-listbox-header-padding-block);
+ padding-inline: var(--rz-listbox-header-padding-inline);
+ border-bottom: var(--rz-listbox-filter-border);
+}
+
+.rz-listbox-list-wrapper {
+ flex: auto;
+ overflow: auto;
+ padding: var(--rz-listbox-padding);
+}
+
+.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container {
+ display: flex;
+ flex-direction: row-reverse;
+ align-items: center;
+}
+.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext {
+ flex: auto;
+ width: 0;
+ border: none;
+ line-height: var(--rz-input-line-height);
+ font-family: inherit;
+}
+.rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus {
+ outline: none;
+}
+.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search {
+ width: var(--rz-listbox-header-icon-width);
+ height: var(--rz-listbox-header-icon-height);
+ line-height: var(--rz-listbox-header-icon-height);
+ font-size: var(--rz-listbox-header-icon-height);
+}
+.rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before {
+ content: "search";
+}
+
+.rz-listbox-filter-container {
+ flex: auto;
+}
+.rz-listbox-filter-container .rz-inputtext {
+ background-color: transparent;
+}
+
+.rz-splitbutton {
+ box-sizing: border-box;
+ display: inline-flex;
+}
+.rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-pager-element .rz-button-text {
+ display: none;
+}
+.rz-splitbutton .rz-button.rz-splitbutton-menubutton {
+ border-start-start-radius: 0;
+ border-end-start-radius: 0;
+}
+.rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) {
+ flex: auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ border-start-end-radius: 0;
+ border-end-end-radius: 0;
+}
+
+.rz-splitbutton-menu {
+ display: none;
+ position: absolute;
+ min-width: var(--rz-splitbutton-menu-min-width);
+ box-shadow: var(--rz-splitbutton-menu-shadow);
+}
+
+.rz-menu-list {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.rz-menuitem .rz-menuitem-link {
+ color: inherit;
+ display: block;
+ text-decoration: none;
+}
+.rz-menuitem .rz-menuitem-link:hover {
+ text-decoration: none;
+}
+.rz-menuitem .rz-menuitem-icon {
+ vertical-align: top;
+ margin-inline: var(--rz-menu-item-icon-margin-inline);
+}
+
+.rz-splitbutton-menubutton {
+ margin-inline-start: 1px;
+}
+.rz-splitbutton-menubutton.rz-variant-outlined {
+ border-inline-start: 0;
+ margin-inline-start: calc(-1 * var(--rz-border-width));
+}
+.rz-splitbutton-menubutton .rz-button-text {
+ display: none;
+}
+.rz-splitbutton-menubutton .rzi-chevron-down:before {
+ content: "arrow_drop_down";
+}
+
+.rz-slider {
+ box-sizing: border-box;
+ position: relative;
+ display: inline-block;
+ border: var(--rz-slider-border);
+ border-radius: var(--rz-slider-border-radius);
+ background-color: var(--rz-slider-background-color);
+}
+.rz-slider.rz-state-disabled {
+ background-color: var(--rz-slider-disabled-background-color);
+ border: var(--rz-slider-disabled-border);
+}
+.rz-slider.rz-state-disabled .rz-slider-range {
+ background-color: var(--rz-slider-disabled-range-background-color);
+ border: var(--rz-slider-disabled-range-border);
+}
+.rz-slider.rz-state-disabled .rz-slider-handle {
+ background-color: var(--rz-slider-disabled-handle-background-color);
+ border: var(--rz-slider-disabled-handle-border);
+}
+
+.rz-slider-range {
+ position: absolute;
+ background-color: var(--rz-slider-range-background-color);
+ border: var(--rz-slider-range-border);
+}
+
+.rz-slider-handle {
+ position: absolute;
+ background-color: var(--rz-slider-handle-background-color);
+ border: var(--rz-slider-handle-border);
+ border-radius: var(--rz-slider-handle-border-radius);
+ box-shadow: var(--rz-slider-handle-shadow);
+ transition: var(--rz-slider-handle-transition);
+}
+
+.rz-slider-horizontal {
+ height: var(--rz-slider-horizontal-height);
+ width: var(--rz-slider-horizontal-width);
+}
+.rz-slider-horizontal .rz-slider-range {
+ inset-block-start: -1px;
+ inset-block-end: -1px;
+ inset-inline-start: -1px;
+ border-start-start-radius: var(--rz-slider-border-radius);
+ border-end-start-radius: var(--rz-slider-border-radius);
+}
+.rz-slider-horizontal .rz-slider-handle {
+ top: 50%;
+ transform: translateY(-50%);
+ margin-inline-start: calc(var(--rz-slider-handle-width) / -2);
+ width: var(--rz-slider-handle-width);
+ height: var(--rz-slider-handle-height);
+}
+
+.rz-slider-vertical {
+ width: var(--rz-slider-horizontal-height);
+ height: var(--rz-slider-horizontal-width);
+}
+.rz-slider-vertical .rz-slider-range {
+ inset-inline-start: -1px;
+ inset-inline-end: -1px;
+ inset-block-end: -1px;
+ border-end-start-radius: var(--rz-slider-border-radius);
+ border-end-end-radius: var(--rz-slider-border-radius);
+}
+.rz-slider-vertical .rz-slider-handle {
+ left: 50%;
+ transform: translateX(-50%);
+ margin-block-start: calc(var(--rz-slider-handle-width) / -2);
+ width: var(--rz-slider-handle-height);
+ height: var(--rz-slider-handle-width);
+}
+
+.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active {
+ background-color: var(--rz-slider-handle-hover-background-color);
+ box-shadow: var(--rz-slider-handle-hover-shadow);
+ border: var(--rz-slider-handle-hover-border);
+ cursor: pointer;
+ outline: none;
+}
+.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus-visible {
+ outline: var(--rz-slider-handle-focus-outline);
+ outline-offset: var(--rz-slider-handle-focus-outline-offset);
+}
+
+.rz-rating {
+ box-sizing: border-box;
+ display: inline-flex;
+ font-size: var(--rz-rating-font-size);
+ height: 1em;
+ border-radius: var(--rz-border-radius);
+}
+.rz-rating.rz-state-disabled .rzi {
+ opacity: var(--rz-rating-disabled-opacity);
+ color: var(--rz-rating-disabled-color);
+}
+.rz-rating a {
+ display: inline-flex;
+ width: 1em;
+ height: 1em;
+ text-decoration: none;
+ cursor: default;
+ outline: none;
+}
+.rz-rating .rzi {
+ color: var(--rz-rating-color);
+ font-size: 1em;
+}
+.rz-rating .rzi-ban {
+ color: var(--rz-rating-ban-icon-color);
+}
+.rz-rating .rzi-ban:before {
+ content: "highlight_off";
+}
+.rz-rating .rzi-star-o {
+ opacity: var(--rz-rating-opacity);
+}
+.rz-rating .rzi-star-o:before {
+ content: "star";
+ font-variation-settings: "FILL" 0;
+}
+.rz-rating .rzi-star {
+ color: var(--rz-rating-selected-color);
+}
+.rz-rating .rzi-star:before {
+ content: "star";
+ font-variation-settings: "FILL" 1;
+}
+.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover, .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible {
+ cursor: pointer;
+}
+.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star,
+.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o,
+.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-ban, .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star,
+.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o,
+.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-ban {
+ color: var(--rz-rating-focus-color);
+}
+.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible > span {
+ outline: var(--rz-outline-focus);
+ border-radius: var(--rz-border-radius);
+}
+
+.rz-security-code {
+ box-sizing: border-box;
+ display: inline-flex;
+ border-radius: var(--rz-input-border-radius);
+}
+
+.rz-security-code-wrapper {
+ flex: 1;
+ --rz-gap: 0.5rem;
+}
+
+.rz-security-code-input {
+ text-align: center;
+ min-width: var(--rz-security-code-input-min-width);
+ min-height: var(--rz-security-code-input-min-height);
+ width: 100%;
+ height: 100%;
+ padding: var(--rz-security-code-input-padding);
+ font-size: var(--rz-security-code-input-font-size);
+ font-weight: var(--rz-security-code-input-font-weight);
+ line-height: var(--rz-security-code-input-line-height);
+}
+
+.rz-selectbar {
+ box-sizing: border-box;
+ display: inline-flex;
+ border-radius: var(--rz-selectbar-border-radius);
+}
+.rz-selectbar:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-selectbar:focus-visible {
+ outline: var(--rz-selectbar-focus-outline);
+ outline-offset: var(--rz-selectbar-focus-outline-offset);
+}
+.rz-selectbar:focus-visible .rz-button.rz-state-focused:not(.rz-state-disabled) {
+ outline: var(--rz-selectbar-button-focus-outline);
+ outline-offset: var(--rz-selectbar-button-focus-outline-offset);
+ z-index: 1;
+}
+.rz-selectbar .rz-button {
+ display: inline-block;
+ background-color: var(--rz-selectbar-background-color);
+ color: var(--rz-selectbar-color);
+ border: var(--rz-selectbar-border);
+ border-radius: 0;
+}
+.rz-selectbar .rz-button.rz-state-active {
+ background-color: var(--rz-selectbar-selected-background-color);
+ color: var(--rz-selectbar-selected-color);
+ border: var(--rz-selectbar-selected-border);
+}
+.rz-selectbar.rz-selectbar-horizontal {
+ flex-direction: row;
+}
+.rz-selectbar.rz-selectbar-horizontal .rz-button:first-child {
+ border-start-start-radius: var(--rz-selectbar-border-radius);
+ border-end-start-radius: var(--rz-selectbar-border-radius);
+}
+.rz-selectbar.rz-selectbar-horizontal .rz-button:not(:first-child) {
+ border-inline-start: none;
+}
+.rz-selectbar.rz-selectbar-horizontal .rz-button:last-child {
+ border-start-end-radius: var(--rz-selectbar-border-radius);
+ border-end-end-radius: var(--rz-selectbar-border-radius);
+}
+.rz-selectbar.rz-selectbar-vertical {
+ flex-direction: column;
+}
+.rz-selectbar.rz-selectbar-vertical .rz-button {
+ text-align: center;
+}
+.rz-selectbar.rz-selectbar-vertical .rz-button:first-child {
+ border-top-left-radius: var(--rz-selectbar-border-radius);
+ border-top-right-radius: var(--rz-selectbar-border-radius);
+}
+.rz-selectbar.rz-selectbar-vertical .rz-button:not(:first-child) {
+ border-top: none;
+}
+.rz-selectbar.rz-selectbar-vertical .rz-button:last-child {
+ border-bottom-left-radius: var(--rz-selectbar-border-radius);
+ border-bottom-right-radius: var(--rz-selectbar-border-radius);
+}
+
+.rz-datepicker {
+ display: inline-block;
+ position: relative;
+ border-radius: var(--rz-input-border-radius);
+}
+.rz-datepicker:has(> .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus) {
+ outline: none;
+}
+.rz-datepicker .rz-readonly {
+ cursor: pointer;
+}
+.rz-datepicker > .rz-inputtext {
+ width: 100%;
+ line-height: var(--rz-datepicker-line-height);
+}
+.rz-datepicker:has(.rz-datepicker-trigger) > .rz-inputtext {
+ padding-inline-end: calc(1rem + var(--rz-datepicker-trigger-icon-width));
+}
+.rz-datepicker:not(.rz-state-disabled):hover .rz-datepicker-trigger {
+ box-shadow: none;
+ color: var(--rz-datepicker-trigger-icon-hover-color);
+}
+.rz-datepicker.rz-state-disabled > .rz-inputtext {
+ color: var(--rz-input-disabled-color);
+ box-shadow: var(--rz-input-disabled-shadow);
+ background-color: var(--rz-input-disabled-background-color);
+ border: var(--rz-input-disabled-border);
+ opacity: var(--rz-input-disabled-opacity);
+}
+.rz-datepicker.rz-state-disabled > .rz-inputtext::placeholder {
+ color: var(--rz-input-disabled-placeholder-color);
+}
+
+.rz-datepicker-inline {
+ background-color: var(--rz-datepicker-panel-background-color);
+ border: var(--rz-input-border);
+}
+
+.rz-datepicker-trigger {
+ box-shadow: none;
+ background-color: transparent;
+ padding: 0;
+ vertical-align: text-top;
+ color: var(--rz-datepicker-trigger-icon-color);
+ width: var(--rz-datepicker-trigger-icon-width);
+ height: var(--rz-datepicker-trigger-icon-height);
+ font-size: var(--rz-datepicker-trigger-icon-height);
+}
+.rz-datepicker-trigger.rz-state-disabled {
+ border: none;
+ box-shadow: none;
+ cursor: initial;
+ opacity: 1;
+ color: var(--rz-input-disabled-color);
+}
+.rz-datepicker-trigger:not(.rz-state-disabled):hover:not(:active), .rz-datepicker-trigger:not(.rz-state-disabled):hover:active {
+ background-color: transparent;
+}
+.rz-datepicker-trigger:not(.rz-state-disabled):active {
+ box-shadow: none !important;
+ background-image: none !important;
+}
+.rz-datepicker-trigger .rzi-calendar,
+.rz-datepicker-trigger .rzi-time {
+ font-size: inherit;
+ vertical-align: top;
+}
+.rz-datepicker-trigger .rzi-calendar:before {
+ content: "calendar_today";
+}
+.rz-datepicker-trigger .rzi-time:before {
+ content: "schedule";
+}
+.rz-datepicker-trigger .rz-button-text {
+ display: none;
+}
+
+.rz-datepicker-field-button {
+ position: absolute;
+ inset-block-start: 50%;
+ inset-inline-end: 0.625rem;
+ transform: translateY(-50%);
+}
+
+.rz-datepicker-popup-container {
+ box-sizing: content-box;
+ position: absolute;
+ width: var(--rz-datepicker-popup-width);
+ margin: var(--rz-datepicker-panel-margin);
+ box-shadow: var(--rz-datepicker-panel-shadow);
+ border: var(--rz-datepicker-panel-border);
+ border-radius: var(--rz-border-radius);
+ background-color: var(--rz-datepicker-panel-background-color);
+}
+
+.rz-datepicker-inline-container {
+ position: static;
+ white-space: nowrap;
+}
+.rz-datepicker-inline-container .rz-calendar {
+ display: inline-block;
+}
+
+.rz-datepicker-footer {
+ position: relative;
+ line-height: var(--rz-datepicker-footer-line-height);
+ padding: var(--rz-datepicker-footer-padding);
+}
+
+/* Calendar Styles */
+.rz-calendar {
+ box-sizing: border-box;
+}
+
+.rz-calendar-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ background-color: var(--rz-datepicker-header-background-color);
+ border-bottom: var(--rz-datepicker-header-border);
+ color: var(--rz-datepicker-header-color);
+ padding-block: var(--rz-datepicker-header-padding-block);
+ padding-inline: var(--rz-datepicker-header-padding-inline);
+}
+
+.rz-calendar-prev,
+.rz-calendar-next {
+ border-radius: var(--rz-datepicker-prev-next-button-border-radius);
+}
+.rz-calendar-prev .rzi,
+.rz-calendar-next .rzi {
+ color: var(--rz-datepicker-header-color);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: var(--rz-datepicker-prev-next-icon-size);
+}
+*[dir=rtl] .rz-calendar-prev .rzi,
+*[dir=rtl] .rz-calendar-next .rzi {
+ transform: rotate(180deg);
+}
+
+.rz-calendar-prev {
+ order: 1;
+}
+.rz-calendar-prev .rz-calendar-prev-icon:before {
+ content: "chevron_left";
+}
+
+.rz-calendar-next {
+ order: 3;
+}
+.rz-calendar-next .rz-calendar-next-icon:before {
+ content: "chevron_right";
+}
+
+.rz-calendar-title {
+ order: 2;
+ display: flex;
+ justify-content: center;
+ flex-wrap: nowrap;
+ gap: 0.25rem;
+}
+
+.rz-calendar-month-dropdown {
+ width: var(--rz-datepicker-month-dropdown-width);
+}
+
+.rz-calendar-year-dropdown {
+ width: var(--rz-datepicker-year-dropdown-width);
+}
+
+.rz-calendar-view-container {
+ padding-block: var(--rz-datepicker-calendar-padding-block);
+ padding-inline: var(--rz-datepicker-calendar-padding-inline);
+}
+.rz-calendar-view-container:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-calendar-view-container:focus-visible {
+ outline: var(--rz-datepicker-focus-outline);
+ outline-offset: var(--rz-datepicker-focus-outline-offset);
+}
+
+.rz-calendar-view {
+ table-layout: fixed;
+ border-collapse: collapse;
+}
+.rz-calendar-view th {
+ font-weight: normal;
+ font-size: var(--rz-datepicker-calendar-header-font-size);
+ text-transform: var(--rz-datepicker-calendar-header-text-transform);
+ color: var(--rz-datepicker-calendar-header-color);
+ padding: var(--rz-datepicker-calendar-item-padding);
+ text-align: center;
+}
+.rz-calendar-view td {
+ text-align: center;
+ border-top: var(--rz-datepicker-calendar-border);
+ padding: 0;
+}
+.rz-calendar-view td .rz-state-default {
+ display: block;
+ padding: var(--rz-datepicker-calendar-item-padding);
+ color: var(--rz-datepicker-calendar-color);
+ font-size: var(--rz-datepicker-calendar-font-size);
+ border-radius: var(--rz-datepicker-calendar-border-radius);
+ transition: var(--rz-datepicker-calendar-transition);
+}
+.rz-calendar-view td .rz-state-default.rz-calendar-today {
+ color: var(--rz-datepicker-calendar-today-color);
+ background-color: var(--rz-datepicker-calendar-today-background-color);
+ box-shadow: var(--rz-datepicker-calendar-today-box-shadow);
+ border-radius: var(--rz-datepicker-calendar-today-border-radius);
+}
+.rz-calendar-view td .rz-state-default.rz-state-focused, .rz-calendar-view td .rz-state-default:hover {
+ text-decoration: none;
+ color: var(--rz-datepicker-calendar-hover-color);
+ background-color: var(--rz-datepicker-calendar-hover-background-color);
+ cursor: pointer;
+}
+.rz-calendar-view td .rz-state-active,
+.rz-calendar-view td .rz-state-active.rz-calendar-today {
+ color: var(--rz-datepicker-calendar-selected-color);
+ background-color: var(--rz-datepicker-calendar-selected-background-color);
+ padding: var(--rz-datepicker-calendar-item-padding);
+ box-shadow: none;
+}
+.rz-calendar-view td .rz-state-active.rz-state-focused, .rz-calendar-view td .rz-state-active:hover,
+.rz-calendar-view td .rz-state-active.rz-calendar-today.rz-state-focused,
+.rz-calendar-view td .rz-state-active.rz-calendar-today:hover {
+ color: var(--rz-datepicker-calendar-selected-hover-color);
+ background-color: var(--rz-datepicker-calendar-selected-hover-background-color);
+}
+.rz-calendar-view .rz-state-disabled {
+ opacity: 0.5;
+}
+.rz-calendar-view .rz-calendar-other-month {
+ opacity: 0.5;
+}
+.rz-calendar-view .rz-calendar-week-number {
+ opacity: 0.5;
+}
+
+/* Time Picker Styles */
+.rz-timepicker {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: var(--rz-timepicker-gap);
+ border-top: var(--rz-datepicker-calendar-border);
+ padding-block: var(--rz-timepicker-padding-block);
+ padding-inline: var(--rz-timepicker-padding-inline);
+ color: var(--rz-timepicker-color);
+}
+.rz-timepicker .rzi-chevron-up:before {
+ content: "expand_less";
+}
+.rz-timepicker .rzi-chevron-down:before {
+ content: "expand_more";
+}
+.rz-timepicker .rz-separator {
+ color: var(--rz-timepicker-separator-color);
+}
+.rz-timepicker .rz-separator a {
+ display: none;
+}
+.rz-timepicker .rz-button-md {
+ padding: var(--rz-timepicker-button-padding);
+ text-transform: uppercase;
+}
+
+.rz-hour-picker,
+.rz-minute-picker,
+.rz-second-picker {
+ background-color: var(--rz-timepicker-background-color);
+ width: 4rem;
+}
+
+.rz-ampm-picker a {
+ text-decoration: none;
+}
+
+.rz-numeric {
+ display: inline-block;
+ position: relative;
+ padding: 0px;
+}
+.rz-numeric input[type=number],
+.rz-numeric input[type=text] {
+ -moz-appearance: textfield;
+ width: 100%;
+ height: 100%;
+ border: none;
+ background-color: transparent;
+ font-family: inherit;
+ line-height: var(--rz-numeric-line-height);
+ padding-block: var(--rz-numeric-input-padding-block);
+ padding-inline: var(--rz-numeric-input-padding-inline);
+ outline: none;
+}
+.rz-numeric input[type=number]::-webkit-inner-spin-button, .rz-numeric input[type=number]::-webkit-outer-spin-button,
+.rz-numeric input[type=text]::-webkit-inner-spin-button,
+.rz-numeric input[type=text]::-webkit-outer-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
+.rz-numeric.rz-state-disabled .rz-numeric-button {
+ background-color: var(--rz-numeric-button-disabled-background-color);
+ color: var(--rz-numeric-button-disabled-color);
+}
+.rz-numeric.rz-state-disabled .rz-numeric-button:active, .rz-numeric.rz-state-disabled .rz-numeric-button:hover {
+ background-color: var(--rz-numeric-button-disabled-background-color);
+ color: var(--rz-numeric-button-disabled-color);
+ background-image: none;
+ box-shadow: none;
+ cursor: initial;
+}
+
+.rz-numeric-button {
+ position: absolute;
+ inset-inline-end: var(--rz-numeric-button-offset);
+ padding: 0;
+ width: var(--rz-numeric-button-width);
+ height: var(--rz-numeric-button-height);
+ border-radius: var(--rz-numeric-button-border-radius);
+ background-color: var(--rz-numeric-button-background-color);
+ color: var(--rz-numeric-button-color);
+}
+.rz-numeric-button:hover {
+ background-color: var(--rz-numeric-button-background-color);
+}
+.rz-numeric-button .rzi {
+ font-size: var(--rz-numeric-button-height);
+ vertical-align: top;
+}
+.rz-numeric-button .rzi-caret-up:before {
+ content: "expand_less";
+}
+.rz-numeric-button .rzi-caret-down:before {
+ content: "expand_more";
+}
+
+.rz-numeric-up {
+ inset-block-start: var(--rz-numeric-button-offset);
+}
+
+.rz-numeric-down {
+ inset-block-end: var(--rz-numeric-button-offset);
+}
+
+.rz-fileupload {
+ box-sizing: border-box;
+ display: inline-block;
+ border-radius: var(--rz-upload-button-bar-border-radius);
+}
+.rz-fileupload .rz-button {
+ vertical-align: middle;
+ -webkit-appearance: none !important;
+}
+
+.rz-fileupload-choose {
+ position: relative;
+ display: inline-block;
+ overflow: hidden;
+ background-color: var(--rz-upload-choose-background-color);
+ color: var(--rz-upload-choose-color);
+}
+.rz-fileupload-choose input[type=file] {
+ position: absolute;
+ top: 0;
+ right: 0;
+ margin: 0;
+ opacity: 0;
+ min-height: 100%;
+ cursor: pointer;
+}
+.rz-fileupload-choose.rz-state-disabled input[type=file] {
+ cursor: default;
+}
+.rz-fileupload-choose:not(.rz-state-disabled) {
+ background-color: var(--rz-upload-choose-background-color);
+ color: var(--rz-upload-choose-color);
+}
+.rz-fileupload-choose:not(.rz-state-disabled):hover {
+ background-color: var(--rz-upload-choose-hover-background-color);
+ color: var(--rz-upload-choose-hover-color);
+}
+.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) {
+ background-color: var(--rz-upload-choose-hover-background-color);
+ color: var(--rz-upload-choose-hover-color);
+}
+.rz-fileupload-choose:not(.rz-state-disabled):active {
+ background-color: var(--rz-upload-choose-active-background-color);
+ color: var(--rz-upload-choose-active-color);
+}
+
+.rz-fileupload-row {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+.rz-fileupload-row > div {
+ margin: var(--rz-upload-files-margin);
+}
+.rz-fileupload-row .rz-button-text {
+ display: none;
+}
+.rz-fileupload-row .rz-button {
+ background-color: var(--rz-upload-files-remove-background-color);
+ color: var(--rz-upload-files-remove-color);
+}
+.rz-fileupload-row .rz-button .rzi-close,
+.rz-fileupload-row .rz-button .rzi-times,
+.rz-fileupload-row .rz-button .rz-icon-trash {
+ display: block;
+}
+.rz-fileupload-row .rz-button .rzi-close:before,
+.rz-fileupload-row .rz-button .rzi-times:before,
+.rz-fileupload-row .rz-button .rz-icon-trash:before {
+ content: "close";
+}
+
+.rz-fileupload-buttonbar {
+ position: relative;
+ background-color: var(--rz-upload-button-bar-background-color);
+ padding: var(--rz-upload-button-bar-padding);
+ border-radius: var(--rz-upload-button-bar-border-radius);
+}
+.rz-fileupload-buttonbar .rz-button:nth-child(3) {
+ float: right;
+ background-color: var(--rz-upload-cancel-background-color);
+ color: var(--rz-upload-cancel-color);
+}
+.rz-form-field .rz-fileupload-buttonbar {
+ background-color: inherit;
+}
+.rz-form-field.rz-variant-flat .rz-fileupload-buttonbar, .rz-form-field.rz-variant-filled .rz-fileupload-buttonbar {
+ --rz-upload-button-bar-padding: calc(var(--rz-form-field-label-floating-top) + 1.5rem) calc(var(--rz-form-field-label-inset-inline-start) + 0.25rem) calc(var(--rz-form-field-label-inset-inline-start) + 0.25rem);
+}
+
+.rz-fileupload-files {
+ background-color: var(--rz-upload-files-background-color);
+ padding: var(--rz-upload-files-padding);
+}
+.rz-form-field .rz-fileupload-files {
+ background-color: inherit;
+}
+
+.rz-datatable {
+ position: relative;
+ box-shadow: var(--rz-grid-shadow);
+ border: var(--rz-grid-cell-border);
+ border-radius: var(--rz-grid-border-radius);
+ background-color: var(--rz-grid-background-color);
+ overflow: hidden;
+}
+.rz-datatable:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-datatable:focus-visible {
+ outline: var(--rz-grid-focus-outline);
+ outline-offset: var(--rz-grid-focus-outline-offset);
+}
+.rz-datatable .rz-col-icon {
+ text-align: center;
+ vertical-align: middle;
+ width: var(--rz-grid-column-icon-width);
+ padding: var(--rz-grid-column-icon-padding);
+}
+.rz-datatable .rzi-chevron-circle-right {
+ vertical-align: top;
+ /* Right-to-left arrow icons */
+}
+.rz-datatable .rzi-chevron-circle-right:before {
+ content: "arrow_right";
+}
+*[dir=rtl] .rz-datatable .rzi-chevron-circle-right {
+ transform: rotate(180deg);
+}
+.rz-datatable .rzi-chevron-circle-down {
+ vertical-align: top;
+}
+.rz-datatable .rzi-chevron-circle-down:before {
+ content: "arrow_drop_down";
+}
+.rz-datatable.rz-has-template > .rz-datatable-scrollable-wrapper > .rz-datatable-scrollable-view > .rz-datatable-scrollable-body > .rz-datatable-scrollable-table-wrapper > table > .rz-datatable-scrollable-colgroup col:first-child {
+ width: var(--rz-grid-column-icon-width);
+}
+
+.rz-unselectable-text {
+ user-select: none;
+}
+
+.rz-datatable-tablewrapper > table,
+.rz-datatable-scrollable-header-box > table,
+.rz-datatable-scrollable-table-wrapper > table,
+.rz-datatable-scrollable-footer-box > table {
+ table-layout: fixed;
+ border-collapse: collapse;
+ width: 100%;
+}
+
+.rz-resizable-column {
+ position: relative;
+}
+
+.rz-datatable-reorder-indicator-up {
+ position: absolute;
+}
+.rz-datatable-reorder-indicator-up:before {
+ content: "arrow_drop_down";
+}
+
+.rz-datatable-reorder-indicator-down {
+ position: absolute;
+}
+.rz-datatable-reorder-indicator-down:before {
+ content: "arrow_drop_up";
+}
+
+.rz-column-resizer {
+ position: absolute;
+ inset-block-start: 0;
+ inset-inline-end: 0;
+ height: 100%;
+ cursor: col-resize;
+ width: var(--rz-grid-column-resizer-width);
+}
+.rz-column-resizer:after {
+ content: "";
+ position: absolute;
+ inset-block-start: 0;
+ inset-inline-end: 0;
+ height: 100%;
+ width: var(--rz-grid-column-resizer-helper-width);
+ background-color: transparent;
+}
+.rz-column-resizer:hover:after, .rz-column-resizer:active:after {
+ background-color: var(--rz-grid-column-resizer-helper-background-color);
+}
+
+.rz-rowgroup-header .fa,
+.rz-row-toggler {
+ color: var(--rz-grid-cell-color);
+}
+
+.rz-datatable-scrollable-footer {
+ background-color: var(--rz-grid-header-background-color);
+ border-top: var(--rz-grid-cell-border);
+}
+
+.rz-grid-table thead th {
+ background-color: var(--rz-grid-header-background-color);
+ padding: 0;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ text-align: inherit;
+ border-bottom: var(--rz-grid-header-cell-border-bottom);
+}
+.rz-grid-table thead th:not(:last-child) {
+ border-inline-end: var(--rz-grid-header-cell-border);
+}
+.rz-grid-table thead th > div:not(.rz-cell-filter) {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ width: 100%;
+ outline: none;
+ padding: var(--rz-grid-header-cell-padding);
+}
+.rz-grid-table thead th.rz-state-focused {
+ outline: var(--rz-grid-cell-focus-outline);
+ outline-offset: var(--rz-grid-cell-focus-outline-offset);
+}
+.rz-grid-table thead th .rz-column-title {
+ display: inline-flex;
+ flex: auto;
+ align-items: center;
+ gap: 0.25rem;
+ width: 100%;
+ font-size: var(--rz-grid-header-font-size);
+ line-height: var(--rz-grid-header-line-height);
+ text-transform: var(--rz-grid-header-text-transform);
+ color: var(--rz-grid-header-color);
+ padding-inline: var(--rz-grid-header-title-padding-inline);
+ font-weight: var(--rz-grid-header-font-weight);
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.rz-grid-table thead th .rz-column-title:has(.rz-column-title-content > .rz-chkbox) {
+ overflow: visible;
+}
+.rz-grid-table thead th .rz-column-title-content {
+ display: inline-block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) {
+ overflow: visible;
+}
+.rz-grid-table thead th.rz-text-align-center .rz-column-title {
+ justify-content: center;
+ padding-inline-start: 0;
+}
+.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title {
+ padding-inline-start: var(--rz-grid-sort-icon-width);
+}
+.rz-grid-table thead th.rz-text-align-right .rz-column-title {
+ justify-content: right;
+}
+.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title {
+ padding-inline-start: var(--rz-grid-sort-icon-width);
+}
+.rz-grid-table thead th .rz-column-drag + .rz-column-title {
+ padding-inline-start: 0;
+}
+
+.rz-datatable-tfoot td, .rz-grid-table tfoot td {
+ background-color: var(--rz-grid-foot-background-color);
+ font-size: var(--rz-grid-cell-font-size);
+ line-height: var(--rz-grid-cell-line-height);
+ color: var(--rz-grid-foot-cell-color);
+ padding: var(--rz-grid-cell-padding);
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.rz-datatable-tfoot td:not(:last-child), .rz-grid-table tfoot td:not(:last-child) {
+ border-inline-end: var(--rz-grid-right-cell-border);
+}
+.rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell {
+ border-inline-end: var(--rz-grid-right-cell-border);
+}
+
+.rz-datatable-scrollable-header {
+ background-color: var(--rz-grid-header-background-color);
+ border-bottom: var(--rz-grid-bottom-cell-border);
+}
+
+.rz-datatable-scrollable-body {
+ overflow: auto;
+ border-top: none;
+ flex: auto;
+ border-bottom-right-radius: var(--rz-border-radius);
+ border-bottom-left-radius: var(--rz-border-radius);
+}
+
+.rz-has-pager .rz-datatable-scrollable-body {
+ border-radius: 0;
+}
+
+.rz-sortable-column {
+ cursor: pointer;
+}
+.rz-sortable-column:focus {
+ outline: none;
+}
+.rz-sortable-column.rz-state-active {
+ background-color: var(--rz-grid-header-sorted-background-color);
+}
+.rz-sortable-column > div:hover .rzi-sort:not(.rzi-sort-asc):not(.rzi-sort-desc) {
+ color: var(--rz-grid-sort-icon-color);
+}
+.rz-sortable-column .rzi-grid-sort {
+ width: var(--rz-grid-sort-icon-width);
+ height: var(--rz-grid-sort-icon-height);
+ font-size: var(--rz-grid-sort-icon-height);
+ text-align: left;
+}
+.rz-sortable-column .rzi-sort {
+ color: transparent;
+}
+.rz-sortable-column .rzi-sort:before {
+ content: "sort";
+}
+.rz-sortable-column .rzi-sort-asc {
+ color: var(--rz-grid-header-color);
+}
+.rz-sortable-column .rzi-sort-asc:before {
+ content: "arrow_drop_up";
+}
+.rz-sortable-column .rzi-sort-desc {
+ color: var(--rz-grid-header-color);
+}
+.rz-sortable-column .rzi-sort-desc:before {
+ content: "arrow_drop_down";
+}
+
+.rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(even) > td {
+ background-color: var(--rz-grid-stripe-background-color);
+}
+.rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(odd) > td {
+ background-color: var(--rz-grid-stripe-odd-background-color);
+}
+
+.rz-grid-table-composite .rz-datatable-thead th, .rz-grid-table-composite.rz-grid-table thead th {
+ border-bottom: var(--rz-grid-header-cell-border);
+}
+.rz-grid-table-composite .rz-datatable-thead th.rz-composite-cell, .rz-grid-table-composite.rz-grid-table thead th.rz-composite-cell {
+ border-inline-end: var(--rz-grid-header-cell-border);
+}
+
+.rz-datatable-data td,
+.rz-grid-table td {
+ padding: var(--rz-grid-cell-padding);
+ border-bottom: var(--rz-grid-bottom-cell-border);
+}
+.rz-datatable-data td:not(:last-child),
+.rz-grid-table td:not(:last-child) {
+ border-inline-end: var(--rz-grid-right-cell-border);
+}
+.rz-datatable-data td.rz-composite-cell,
+.rz-grid-table td.rz-composite-cell {
+ border-inline-end: var(--rz-grid-right-cell-border);
+}
+.rz-datatable-data td .rz-cell-data,
+.rz-grid-table td .rz-cell-data {
+ color: var(--rz-grid-cell-color);
+ font-size: var(--rz-grid-cell-font-size);
+ line-height: var(--rz-grid-cell-line-height);
+ display: block;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.rz-datatable-data td .rz-cell-data.rz-text-wrap,
+.rz-grid-table td .rz-cell-data.rz-text-wrap {
+ text-overflow: unset;
+ overflow: visible;
+}
+.rz-datatable-data td .rz-cell-data.rz-text-nowrap,
+.rz-grid-table td .rz-cell-data.rz-text-nowrap {
+ text-overflow: unset;
+ overflow: visible;
+}
+.rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button),
+.rz-grid-table td .rz-cell-data:has(.rz-chkbox),
+.rz-grid-table td .rz-cell-data:has(.rz-button) {
+ overflow: visible;
+}
+.rz-datatable-data td .rz-cell-toggle,
+.rz-grid-table td .rz-cell-toggle {
+ display: flex;
+ align-items: center;
+ gap: 0.25rem;
+}
+.rz-datatable-data td .rz-column-footer,
+.rz-grid-table td .rz-column-footer {
+ color: var(--rz-grid-foot-cell-color);
+}
+.rz-datatable-data tr td:first-child,
+.rz-grid-table tr td:first-child {
+ border-inline-start: none;
+}
+.rz-datatable-data tr td:last-child:not(.rz-composite-cell),
+.rz-grid-table tr td:last-child:not(.rz-composite-cell) {
+ border-inline-end: none;
+}
+.rz-datatable-data tr:first-child > td,
+.rz-grid-table tr:first-child > td {
+ border-top: none;
+}
+.rz-datatable-data tr:last-child > td,
+.rz-grid-table tr:last-child > td {
+ border-bottom: none;
+}
+
+.rz-grid-table.rz-grid-gridlines-both > thead > tr > th,
+.rz-grid-table.rz-grid-gridlines-both > thead > tr > th.rz-composite-cell,
+.rz-grid-table.rz-grid-gridlines-both > tbody > tr > td,
+.rz-grid-table.rz-grid-gridlines-both > tfoot > tr > td {
+ border-bottom: var(--rz-grid-cell-border);
+}
+.rz-grid-table.rz-grid-gridlines-both > thead > tr > th:not(:last-child),
+.rz-grid-table.rz-grid-gridlines-both > thead > tr > th.rz-composite-cell:not(:last-child),
+.rz-grid-table.rz-grid-gridlines-both > tbody > tr > td:not(:last-child),
+.rz-grid-table.rz-grid-gridlines-both > tfoot > tr > td:not(:last-child) {
+ border-inline-end: var(--rz-grid-cell-border);
+}
+.rz-grid-table.rz-grid-gridlines-none > thead > tr > th,
+.rz-grid-table.rz-grid-gridlines-none > thead > tr > th.rz-composite-cell,
+.rz-grid-table.rz-grid-gridlines-none > tbody > tr > td,
+.rz-grid-table.rz-grid-gridlines-none > tfoot > tr > td {
+ border-bottom: none;
+ border-inline-end: none;
+}
+.rz-grid-table.rz-grid-gridlines-horizontal > thead > tr > th,
+.rz-grid-table.rz-grid-gridlines-horizontal > thead > tr > th.rz-composite-cell,
+.rz-grid-table.rz-grid-gridlines-horizontal > tbody > tr > td,
+.rz-grid-table.rz-grid-gridlines-horizontal > tfoot > tr > td {
+ border-bottom: var(--rz-grid-cell-border);
+ border-inline-end: none;
+}
+.rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th,
+.rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th.rz-composite-cell,
+.rz-grid-table.rz-grid-gridlines-vertical > tbody > tr > td,
+.rz-grid-table.rz-grid-gridlines-vertical > tfoot > tr > td {
+ border-bottom: none;
+}
+.rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th:not(:last-child),
+.rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th.rz-composite-cell:not(:last-child),
+.rz-grid-table.rz-grid-gridlines-vertical > tbody > tr > td:not(:last-child),
+.rz-grid-table.rz-grid-gridlines-vertical > tfoot > tr > td:not(:last-child) {
+ border-inline-end: var(--rz-grid-cell-border);
+}
+
+.rz-datatable-reflow tbody td > .rz-column-title {
+ display: none;
+}
+
+.rz-datatable-scrollable {
+ display: flex;
+ flex-direction: column;
+}
+.rz-datatable-scrollable.rz-has-height > .rz-datatable-scrollable-wrapper {
+ height: 0;
+}
+.rz-datatable-scrollable.rz-has-height > .rz-datatable-scrollable-wrapper > .rz-datatable-scrollable-view {
+ height: 0;
+}
+
+.rz-datatable-scrollable-wrapper {
+ display: flex;
+ flex-direction: column;
+ flex: auto;
+}
+
+.rz-datatable-scrollable-view {
+ display: flex;
+ flex: auto;
+ flex-direction: column;
+ overflow: hidden;
+}
+
+.rz-datatable-header {
+ background-color: var(--rz-grid-toolbar-background-color);
+ padding: var(--rz-grid-header-padding);
+ border-bottom: var(--rz-grid-bottom-cell-border);
+}
+.rz-datatable-header .rzi-plus {
+ font-size: var(--rz-grid-cell-font-size);
+}
+.rz-datatable-header .rzi-plus:before {
+ content: "add";
+}
+
+.rz-cell-filter {
+ padding: var(--rz-grid-filter-padding);
+ margin: var(--rz-grid-filter-margin);
+ border-top: var(--rz-grid-filter-border);
+ font-size: var(--rz-grid-filter-font-size);
+ font-weight: normal;
+}
+.rz-cell-filter .rz-cell-filter-label {
+ display: flex;
+ flex: auto;
+ align-items: center;
+}
+.rz-cell-filter .rz-cell-filter-label > .rzi {
+ width: var(--rz-grid-filter-icon-width);
+ height: var(--rz-grid-filter-icon-height);
+ font-size: var(--rz-grid-filter-icon-font-size);
+ margin-inline: var(--rz-grid-filter-icon-margin-inline);
+ color: var(--rz-grid-filter-color);
+}
+.rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear {
+ margin-inline-start: auto;
+}
+.rz-cell-filter .rz-cell-filter-label .rz-current-filter {
+ margin-inline-start: 0.5rem;
+}
+
+.rz-selectable tbody tr.rz-data-row td,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data {
+ transition: background-color var(--rz-transition), color var(--rz-transition);
+}
+.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:after,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:before,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:after {
+ content: "";
+ position: absolute;
+ inset: 0;
+ transition: background-color var(--rz-transition), color var(--rz-transition);
+}
+.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:before,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:before,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:before {
+ z-index: -1;
+}
+.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:after,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:after {
+ z-index: -2;
+}
+.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right-inner:before,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right-inner:before {
+ z-index: -2;
+}
+.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right-inner:after,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right-inner:after {
+ z-index: -1;
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td:not(.rz-frozen-cell) {
+ background-color: var(--rz-grid-selected-background-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td {
+ background-color: var(--rz-grid-background-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left-inner:before {
+ background-color: var(--rz-grid-selected-background-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right-inner:after {
+ background-color: var(--rz-grid-selected-background-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data {
+ color: var(--rz-grid-selected-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi {
+ color: var(--rz-grid-selected-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-focused > td:not(.rz-frozen-cell) {
+ background-color: var(--rz-grid-cell-focus-background-color);
+ color: var(--rz-grid-cell-focus-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-focused > td {
+ background-color: var(--rz-grid-background-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left-inner:before {
+ background-color: var(--rz-grid-cell-focus-background-color);
+ color: var(--rz-grid-cell-focus-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-right-inner:after {
+ background-color: var(--rz-grid-cell-focus-background-color);
+ color: var(--rz-grid-cell-focus-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-focused > th.rz-state-focused {
+ color: var(--rz-grid-cell-focus-color) !important;
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-focused .rz-cell-data {
+ color: var(--rz-grid-cell-focus-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-focused > .rzi {
+ color: var(--rz-grid-cell-focus-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-disabled {
+ opacity: 0.5;
+ pointer-events: none;
+}
+.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td:not(.rz-frozen-cell) {
+ background-color: var(--rz-grid-hover-background-color);
+}
+.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td {
+ background-color: var(--rz-grid-background-color);
+}
+.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left-inner:before {
+ background-color: var(--rz-grid-hover-background-color);
+}
+.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right-inner:after {
+ background-color: var(--rz-grid-hover-background-color);
+}
+.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data {
+ color: var(--rz-grid-hover-color);
+}
+
+.rz-cell-filter-content {
+ display: flex;
+ flex: auto;
+ align-items: center;
+ color: var(--rz-grid-filter-color);
+ min-height: 1.375rem;
+ container-type: inline-size;
+ container-name: rz-cell-filter-content;
+}
+
+@container rz-cell-filter-content (max-width: 200px) {
+ .rz-cell-filter-content .rz-filter-button .rzi {
+ display: none;
+ }
+ .rz-cell-filter-content .rz-filter-button {
+ position: absolute;
+ z-index: 1;
+ min-height: 0;
+ inset-inline-start: calc(var(--rz-border-width));
+ height: calc(var(--rz-input-height) - var(--rz-border-width) * 2);
+ max-height: calc(var(--rz-input-height) - var(--rz-border-width) * 2);
+ line-height: calc(1.25rem - var(--rz-border-width) * 2);
+ border-start-start-radius: calc(var(--rz-input-border-radius) - var(--rz-border-width));
+ border-start-end-radius: 0;
+ border-end-start-radius: calc(var(--rz-input-border-radius) - var(--rz-border-width));
+ border-end-end-radius: 0;
+ }
+ .rz-cell-filter-content:has(.rz-filter-button) .rz-cell-filter-label {
+ position: relative;
+ min-width: 4.5rem;
+ }
+ .rz-cell-filter-content:has(.rz-filter-button) .rz-textbox,
+ .rz-cell-filter-content:has(.rz-filter-button) .rz-inputtext {
+ text-indent: 2.25rem;
+ }
+}
+.rz-expanded-row > td {
+ border-bottom: none;
+ background-color: var(--rz-grid-hover-background-color);
+}
+.rz-expanded-row > td .rz-cell-data,
+.rz-expanded-row > td .rz-row-toggler {
+ color: var(--rz-grid-hover-color);
+}
+
+.rz-expanded-row-template {
+ background-color: var(--rz-grid-detail-template-background-color);
+ padding: var(--rz-grid-detail-template-padding);
+ border: var(--rz-grid-detail-template-border);
+ border-radius: var(--rz-grid-detail-template-border-radius);
+}
+
+.rz-expanded-row-content > td {
+ padding-top: 0;
+ background-color: var(--rz-grid-detail-template-background-color);
+}
+
+.rz-rowgroup-header a:hover {
+ text-decoration: none;
+}
+.rz-rowgroup-header td {
+ border-top: var(--rz-grid-border);
+ border-bottom: var(--rz-grid-border);
+}
+
+.rz-datatable-loading {
+ position: absolute;
+ inset: 0;
+ background-color: var(--rz-grid-loading-indicator-background-color);
+ opacity: var(--rz-grid-loading-indicator-background-opacity);
+ z-index: 2;
+}
+
+.rz-datatable-loading-content {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ color: var(--rz-grid-loading-indicator-color);
+ z-index: 2;
+}
+.rz-datatable-loading-content .rzi-circle-o-notch {
+ animation: rotation 0.5s linear infinite;
+ font-size: 2rem;
+}
+.rz-datatable-loading-content .rzi-circle-o-notch:before {
+ content: "refresh";
+}
+
+@keyframes rotation {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
+@media (max-width: 768px) {
+ .rz-datatable-reflow .rz-data-grid-data > table,
+ .rz-datatable-reflow .rz-datatable-tablewrapper > table,
+ .rz-datatable-reflow .rz-datatable-scrollable-header-box > table,
+ .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table {
+ table-layout: auto;
+ display: block;
+ }
+ .rz-datatable-reflow .rz-data-grid-data > table > tbody,
+ .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody,
+ .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody,
+ .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody {
+ display: block;
+ }
+ .rz-datatable-reflow thead th {
+ display: none;
+ }
+ .rz-datatable-reflow .rz-data-row {
+ display: block;
+ }
+ .rz-datatable-reflow .rz-data-row > td {
+ display: block;
+ width: 100% !important;
+ text-align: left !important;
+ border: none;
+ }
+ .rz-datatable-reflow .rz-data-row > td .rz-column-title {
+ display: block;
+ }
+}
+.rz-grid-filter {
+ display: flex;
+ flex-direction: column;
+ gap: 0.5rem;
+ padding: 1rem;
+}
+.rz-grid-filter .rz-dropdown,
+.rz-grid-filter .rz-numeric,
+.rz-grid-filter .rz-textbox,
+.rz-grid-filter .rz-grid-filter-label {
+ display: block;
+ width: 100%;
+}
+.rz-grid-filter .rz-grid-filter-label {
+ font-weight: 600;
+}
+
+.rz-grid-date-filter {
+ width: 576px;
+}
+
+.rz-date-filter {
+ display: flex;
+ align-items: stretch;
+ background-color: var(--rz-grid-filter-background-color);
+ gap: var(--rz-grid-filter-gap);
+ padding: var(--rz-grid-filter-gap);
+}
+.rz-date-filter .rz-listbox {
+ min-width: 11em;
+}
+.rz-date-filter .rz-listbox .rz-listbox-item {
+ font-size: 0.875rem;
+}
+.rz-date-filter .rz-datepicker-inline {
+ border-radius: var(--rz-border-radius);
+}
+.rz-date-filter .rz-datepicker-inline table {
+ width: 100%;
+}
+
+.rz-grid-filter-buttons {
+ display: flex;
+ justify-content: space-between;
+ padding: var(--rz-grid-filter-buttons-padding);
+ background-color: var(--rz-grid-filter-buttons-background-color);
+ border-top: var(--rz-grid-filter-buttons-border);
+}
+.rz-grid-filter-buttons .rz-button.rz-shade-default.rz-clear-filter {
+ background-color: var(--rz-grid-clear-filter-button-background-color);
+ color: var(--rz-grid-clear-filter-button-color);
+ box-shadow: var(--rz-grid-clear-filter-button-shadow);
+ padding-inline: var(--rz-grid-filter-button-padding-inline);
+}
+.rz-grid-filter-buttons .rz-button.rz-shade-default.rz-apply-filter {
+ background-color: var(--rz-grid-apply-filter-button-background-color);
+ color: var(--rz-grid-apply-filter-button-color);
+ box-shadow: var(--rz-grid-apply-filter-button-shadow);
+ padding-inline: var(--rz-grid-filter-button-padding-inline);
+}
+
+.rz-grid-filter-icon {
+ justify-self: flex-end;
+ color: var(--rz-grid-filter-color);
+ margin-inline: var(--rz-grid-header-filter-icon-margin-inline);
+ font-size: var(--rz-grid-header-filter-icon-font-size);
+ transition: var(--rz-grid-state-transition);
+ font-weight: 400;
+}
+.rz-grid-filter-icon:hover {
+ cursor: pointer;
+ color: var(--rz-grid-header-filter-icon-hover-color);
+}
+
+.rzi.rz-grid-filter-active {
+ color: var(--rz-grid-header-filter-icon-active-color) !important;
+ --rz-icon-fill: 1;
+}
+
+.rz-button.rz-grid-filter-active {
+ color: var(--rz-grid-simple-filter-icon-active-color) !important;
+ background-color: var(--rz-grid-simple-filter-icon-active-background-color) !important;
+}
+
+.rz-data-grid {
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+}
+
+.rz-data-grid-data {
+ overflow: auto;
+ flex: 1;
+ outline: var(--rz-outline-normal);
+ box-shadow: var(--rz-grid-data-border-shadow);
+}
+
+.rz-grid-table td, .rz-grid-table th {
+ padding: var(--rz-grid-cell-padding);
+}
+
+.rz-grid-table thead {
+ position: sticky;
+ top: 0;
+ z-index: 2;
+}
+.rz-grid-table thead th {
+ position: sticky;
+ top: 0;
+ z-index: 1;
+}
+
+.rz-grid-table-fixed {
+ table-layout: fixed;
+}
+.rz-grid-table-fixed .rz-frozen-cell {
+ position: -webkit-sticky;
+ position: sticky;
+}
+.rz-grid-table-fixed .rz-frozen-cell-left,
+.rz-grid-table-fixed .rz-frozen-cell-right,
+.rz-grid-table-fixed .rz-frozen-cell-left-inner,
+.rz-grid-table-fixed .rz-frozen-cell-right-inner {
+ background: var(--rz-grid-frozen-cell-background-color);
+ z-index: 1;
+}
+.rz-grid-table-fixed .rz-frozen-cell-left.rz-frozen-cell-left-end {
+ box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.12);
+ border-inline-end: var(--rz-grid-frozen-cell-border) !important;
+}
+*[dir=rtl] .rz-grid-table-fixed .rz-frozen-cell-left.rz-frozen-cell-left-end {
+ box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.12);
+}
+.rz-grid-table-fixed .rz-frozen-cell-right.rz-frozen-cell-right-end {
+ box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.12);
+ border-inline-start: var(--rz-grid-frozen-cell-border) !important;
+}
+*[dir=rtl] .rz-grid-table-fixed .rz-frozen-cell-right.rz-frozen-cell-right-end {
+ box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.12);
+}
+.rz-grid-table-fixed .rz-frozen-cell-left-inner,
+.rz-grid-table-fixed .rz-frozen-cell-right-inner {
+ border-inline-end: var(--rz-grid-frozen-cell-border) !important;
+ border-inline-start: var(--rz-grid-frozen-cell-border) !important;
+}
+
+.rz-grid-table tfoot, .rz-grid-table tfoot td {
+ position: sticky;
+ bottom: 0;
+ z-index: 1;
+}
+
+.rz-grid-table {
+ width: 100%;
+ position: relative;
+ border-collapse: separate;
+ border-spacing: 0;
+}
+.rz-grid-table th {
+ white-space: nowrap;
+ overflow: hidden;
+}
+.rz-grid-table td {
+ white-space: nowrap;
+ overflow: hidden;
+}
+
+.rz-grid-table tbody > div {
+ display: table-row;
+}
+
+.rz-column-drag {
+ cursor: grab;
+ font-size: inherit;
+ color: var(--rz-column-drag-handle-color);
+ transition: var(--rz-grid-state-transition);
+ margin-inline: var(--rz-column-drag-handle-margin-inline);
+}
+.rz-column-drag:after {
+ content: "more_vert";
+}
+.rz-column-drag:hover {
+ color: var(--rz-column-drag-handle-hover-color);
+}
+.rz-column-drag:active {
+ color: var(--rz-column-drag-handle-hover-color);
+ cursor: grabbing;
+}
+
+.rz-column-draggable {
+ background-color: var(--rz-grid-header-background-color);
+ border-radius: var(--rz-border-radius);
+ box-shadow: var(--rz-column-draggable-shadow);
+ padding: 0;
+ display: flex;
+ align-items: center;
+}
+.rz-column-draggable > div {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+ outline: none;
+ padding: 0;
+}
+.rz-column-draggable .rz-column-drag {
+ max-width: 1rem;
+}
+.rz-column-draggable .rz-column-title {
+ display: inline-flex;
+ flex: auto;
+ font-size: var(--rz-grid-header-font-size);
+ font-weight: var(--rz-grid-header-font-weight);
+ line-height: var(--rz-grid-header-line-height);
+ text-transform: var(--rz-grid-header-text-transform);
+ color: var(--rz-grid-header-color);
+ padding: 0;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.rz-column-draggable .rz-grid-filter-icon {
+ display: none;
+}
+
+.rz-group-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: var(--rz-grid-group-header-gap);
+ padding: var(--rz-grid-group-header-padding);
+ background-color: var(--rz-grid-header-background-color);
+ border-bottom: var(--rz-grid-bottom-cell-border);
+}
+
+.rz-group-header-items {
+ display: flex;
+ flex-wrap: wrap;
+ gap: var(--rz-grid-group-header-gap);
+}
+
+.rz-group-header-item {
+ display: flex;
+ align-items: center;
+ color: var(--rz-grid-group-header-item-color);
+ background-color: var(--rz-grid-group-header-item-background-color);
+ border: var(--rz-grid-group-header-item-border);
+ border-radius: var(--rz-grid-group-header-item-border-radius);
+ padding-block: var(--rz-grid-group-header-item-padding-block);
+ padding-inline: var(--rz-grid-group-header-item-padding-inline);
+ width: fit-content;
+ float: left;
+}
+.rz-group-header-item .rz-dialog-titlebar-close {
+ display: flex;
+ align-items: center;
+ text-decoration: none;
+}
+
+.rz-group-header-item-title {
+ font-size: var(--rz-grid-header-font-size);
+ font-weight: var(--rz-grid-header-font-weight);
+ margin-inline: var(--rz-grid-group-header-item-title-margin-inline);
+}
+
+.rz-group-header-drop {
+ font-size: var(--rz-body-font-size);
+ color: var(--rz-text-tertiary-color);
+ height: fit-content;
+}
+
+.rz-column-picker {
+ display: flex;
+}
+
+.rz-filter-menu-symbol {
+ width: 1.75rem;
+ display: inline-block;
+}
+
+.rz-filter-button {
+ flex: none;
+ margin-inline-end: 0.5rem;
+}
+
+.rz-data-grid.rz-density-compact {
+ --rz-grid-cell-line-height: 1rem;
+ --rz-grid-cell-padding: 0.25rem 0.5rem;
+ --rz-grid-header-cell-padding: 0.25rem 0;
+ --rz-grid-header-padding: 0.25rem 1rem;
+ --rz-grid-header-title-padding-inline: 0.5rem 0;
+ --rz-grid-filter-padding: 0.25rem 0.5rem;
+ --rz-grid-group-header-padding: 0.25rem;
+ --rz-grid-group-header-gap: 0.25rem;
+ --rz-grid-group-header-item-padding-block: 0.125rem ;
+ --rz-grid-group-header-item-padding-inline: 0.5rem 0.25rem;
+ --rz-grid-group-header-item-title-margin-inline: 0 0.25rem;
+ --rz-dialog-close-font-size: 1rem;
+}
+
+.rz-pager {
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: var(--rz-pager-gap);
+ flex-wrap: wrap;
+ background-color: var(--rz-pager-background-color);
+ padding: var(--rz-pager-padding);
+ /* Right-to-left arrow icons */
+}
+.rz-pager:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-pager:focus-visible .rz-pager-element.rz-state-focused,
+.rz-pager:focus-visible .rz-pager-page.rz-state-focused {
+ outline: var(--rz-outline-focus);
+ outline-offset: var(--rz-outline-offset);
+}
+.rz-pager.rz-align-right {
+ justify-content: right;
+}
+.rz-pager.rz-align-left {
+ justify-content: left;
+}
+.rz-pager.rz-align-center {
+ justify-content: center;
+}
+.rz-pager .rzi-step-backward:before {
+ content: "first_page";
+}
+.rz-pager .rzi-caret-left:before {
+ content: "navigate_before";
+}
+.rz-pager .rzi-caret-right:before {
+ content: "navigate_next";
+}
+.rz-pager .rzi-step-forward:before {
+ content: "last_page";
+}
+*[dir=rtl] .rz-pager .rz-pager-icon {
+ transform: rotate(180deg);
+}
+.rz-pager .rz-dropdown {
+ order: 2;
+ width: var(--rz-pager-dropdown-width);
+ overflow: visible;
+}
+.rz-pager .rz-pagesize-text {
+ order: 2;
+ font-size: var(--rz-pager-summary-font-size);
+ color: var(--rz-pager-summary-color);
+}
+.rz-pager .rz-dropdown-items-wrapper {
+ width: var(--rz-pager-dropdown-width-4px);
+}
+
+.rz-pager-element:hover,
+.rz-pager-page:hover {
+ background-color: var(--rz-pager-numeric-button-hover-background-color);
+ color: var(--rz-pager-numeric-button-hover-color);
+}
+
+.rz-pager-bottom {
+ border-top: var(--rz-pager-border);
+}
+
+.rz-pager-pages {
+ display: inline-flex;
+ gap: var(--rz-pager-gap);
+ margin: 0 0.5rem;
+}
+
+.rz-pager-element {
+ letter-spacing: 0;
+}
+
+.rz-align-center .rz-pager-first {
+ margin-inline-start: auto;
+}
+
+.rz-pager-prev {
+ margin-inline-end: auto;
+}
+.rz-align-left .rz-pager-prev, .rz-align-right .rz-pager-prev, .rz-align-center .rz-pager-prev {
+ margin-inline-end: 0;
+}
+
+.rz-pager-next {
+ margin-inline-start: auto;
+}
+.rz-align-left .rz-pager-next, .rz-align-right .rz-pager-next, .rz-align-center .rz-pager-next {
+ margin-inline-start: 0;
+}
+
+.rz-align-center .rz-pager-last {
+ margin-inline-end: auto;
+}
+
+.rz-pager-first,
+.rz-pager-prev {
+ background-color: var(--rz-pager-back-button-background-color);
+ color: var(--rz-pager-back-button-color);
+ border-radius: var(--rz-pager-button-border-radius);
+}
+
+.rz-pager-element:hover {
+ text-decoration: none;
+}
+
+.rz-pager-last,
+.rz-pager-next {
+ background-color: var(--rz-pager-next-button-background-color);
+ color: var(--rz-pager-next-button-color);
+ border-radius: var(--rz-pager-button-border-radius);
+}
+
+.rz-pager-page {
+ display: inline-block;
+ min-width: var(--rz-pager-numeric-button-min-width);
+ text-align: center;
+ gap: var(--rz-pager-gap);
+ background-color: var(--rz-pager-numeric-button-background-color);
+ border: var(--rz-pager-numeric-button-border);
+ border-radius: var(--rz-pager-button-border-radius);
+ padding: var(--rz-pager-numeric-button-padding);
+ color: var(--rz-pager-numeric-button-color);
+}
+.rz-pager-page.rz-state-active {
+ background-color: var(--rz-pager-numeric-button-selected-background-color);
+ color: var(--rz-pager-numeric-button-selected-color);
+ border: var(--rz-pager-numeric-button-selected-border);
+ padding: var(--rz-pager-numeric-button-selected-padding);
+}
+
+.rz-pager-summary {
+ padding-inline-end: var(--rz-pager-summary-padding);
+ font-size: var(--rz-pager-summary-font-size);
+ color: var(--rz-pager-summary-color);
+}
+.rz-align-right .rz-pager-summary {
+ margin-right: auto;
+}
+.rz-align-left .rz-pager-summary {
+ order: 2;
+ margin-left: auto;
+ padding: 0;
+}
+*[dir=rtl] .rz-align-right .rz-pager-summary {
+ order: 1;
+}
+*[dir=rtl] .rz-align-left .rz-pager-summary {
+ order: 0;
+}
+
+@media (max-width: 768px) {
+ .rz-pager-page:not(.rz-state-active) {
+ display: none;
+ }
+ .rz-pager {
+ display: grid;
+ grid-column-gap: 0.5rem;
+ grid-row-gap: 1rem;
+ grid-template-columns: repeat(9, 1fr);
+ text-align: center;
+ }
+ .rz-pager .rz-dropdown {
+ grid-column: 1/4;
+ width: auto;
+ margin: 0 !important;
+ text-align: left;
+ }
+ .rz-pager .rz-pagesize-text {
+ grid-column: 4/10;
+ margin: 0 !important;
+ text-align: left;
+ }
+ .rz-pager-summary {
+ grid-column: 1/10;
+ padding: 0 !important;
+ text-align: left;
+ }
+ .rz-pager-first {
+ grid-column: 1/3;
+ margin: 0 !important;
+ }
+ .rz-pager-prev {
+ grid-column: 3/5;
+ margin: 0 !important;
+ }
+ .rz-pager-pages {
+ grid-column: 5/6;
+ margin: 0 !important;
+ }
+ .rz-pager-next {
+ grid-column: 6/8;
+ margin: 0 !important;
+ }
+ .rz-pager-last {
+ grid-column: 8/10;
+ margin: 0 !important;
+ }
+}
+@container rz-lookup-panel (max-width: 768px) {
+ .rz-pager-page:not(.rz-state-active) {
+ display: none;
+ }
+ .rz-pager {
+ display: grid;
+ grid-column-gap: 0.5rem;
+ grid-row-gap: 1rem;
+ grid-template-columns: repeat(9, 1fr);
+ text-align: center;
+ }
+ .rz-pager .rz-dropdown {
+ grid-column: 1/4;
+ width: auto;
+ margin: 0 !important;
+ text-align: left;
+ }
+ .rz-pager .rz-pagesize-text {
+ grid-column: 4/10;
+ margin: 0 !important;
+ text-align: left;
+ }
+ .rz-pager-summary {
+ grid-column: 1/10;
+ padding: 0 !important;
+ text-align: left;
+ }
+ .rz-pager-first {
+ grid-column: 1/3;
+ margin: 0 !important;
+ }
+ .rz-pager-prev {
+ grid-column: 3/5;
+ margin: 0 !important;
+ }
+ .rz-pager-pages {
+ grid-column: 5/6;
+ margin: 0 !important;
+ }
+ .rz-pager-next {
+ grid-column: 6/8;
+ margin: 0 !important;
+ }
+ .rz-pager-last {
+ grid-column: 8/10;
+ margin: 0 !important;
+ }
+}
+.rz-pager.rz-density-compact {
+ --rz-pager-padding: 0.25rem;
+ --rz-pager-gap: 0.25rem;
+ --rz-pager-summary-padding: 0.5rem ;
+}
+.rz-overlaypanel {
+ position: absolute;
+ overflow: hidden;
+ box-shadow: var(--rz-overlay-shadow);
+ border: var(--rz-overlay-border);
+ border-radius: var(--rz-border-radius);
+ background-color: var(--rz-overlay-background-color);
+}
+
+.rz-tree {
+ box-sizing: border-box;
+ display: inline-block;
+ overflow: auto;
+}
+.rz-tree:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-tree:focus-visible {
+ outline: var(--rz-outline-focus);
+ outline-offset: var(--rz-tree-node-focus-outline-offset);
+}
+
+.rz-tree .rz-treenode.rz-treenode-leaf > .rz-treenode-content > .rz-tree-toggler {
+ visibility: hidden;
+}
+
+.rz-treenode {
+ padding-inline-start: var(--rz-tree-node-toggle-width);
+}
+
+.rz-tree-toggler {
+ cursor: pointer;
+ margin-inline-start: calc(var(--rz-tree-node-toggle-width) * -1);
+ width: var(--rz-tree-node-toggle-width);
+ height: 1.5rem;
+ font-size: var(--rz-icon-size);
+ line-height: 1.5rem;
+ text-align: center;
+ color: var(--rz-tree-node-toggle-color);
+ transition: var(--rz-tree-transition);
+}
+.rz-tree-toggler.rzi-caret-right {
+ /* Right-to-left arrow icons */
+}
+.rz-tree-toggler.rzi-caret-right:before {
+ content: "arrow_right";
+ margin-inline-start: -0.125rem;
+}
+*[dir=rtl] .rz-tree-toggler.rzi-caret-right {
+ transform: rotate(180deg);
+}
+.rz-tree-toggler.rzi-caret-down:before {
+ content: "arrow_drop_down";
+ margin-inline-start: -0.125rem;
+}
+.rz-tree-toggler:hover {
+ color: var(--rz-tree-node-toggle-hover-color);
+}
+
+.rz-treenode-content {
+ display: flex;
+ align-items: center;
+ cursor: pointer;
+ margin-block: var(--rz-tree-node-margin-block);
+ margin-inline: var(--rz-tree-node-margin-inline);
+}
+.rz-treenode-content .rz-treenode-label {
+ display: flex;
+ align-items: center;
+ cursor: inherit;
+ padding-block: var(--rz-tree-node-padding-block);
+ padding-inline: var(--rz-tree-node-padding-inline);
+}
+.rz-treenode-content .rz-treenode-label > .rzi:first-child {
+ margin-inline-end: 0.25rem;
+}
+.rz-tree:focus-visible .rz-treenode-content.rz-state-focused .rz-treenode-label {
+ outline: var(--rz-tree-node-focus-outline);
+ outline-offset: var(--rz-tree-node-focus-outline-offset);
+}
+.rz-treenode-content:not(.rz-treenode-content-selected):hover .rz-treenode-label {
+ background-color: var(--rz-tree-node-hover-background-color);
+ color: var(--rz-tree-node-hover-color);
+ border-radius: var(--rz-tree-node-selected-border-radius);
+}
+.rz-treenode-content .rz-chkbox {
+ margin-inline-end: 0.25rem;
+}
+
+.rz-tree-container,
+.rz-treenode-children {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.rz-treenode-label {
+ transition: var(--rz-tree-transition);
+}
+.rz-treenode-content-selected .rz-treenode-label {
+ border-radius: var(--rz-tree-node-selected-border-radius);
+ color: var(--rz-tree-node-selected-color);
+ background-color: var(--rz-tree-node-selected-background-color);
+}
+
+.rz-datalist,
+.rz-datagrid {
+ background-color: var(--rz-datalist-background-color);
+ border-end-start-radius: var(--rz-datalist-border-radius);
+ border-end-end-radius: var(--rz-datalist-border-radius);
+ box-shadow: var(--rz-datalist-shadow);
+ border: var(--rz-datalist-border);
+}
+
+.rz-g > div, .rz-datalist-data > li {
+ border-radius: var(--rz-datalist-border-radius);
+ border: var(--rz-datalist-item-border);
+ box-shadow: var(--rz-datalist-item-shadow);
+ padding: var(--rz-datalist-item-padding);
+ background-color: var(--rz-datalist-item-background-color);
+}
+
+.rz-datalist-data {
+ list-style: none;
+ padding: var(--rz-datalist-padding);
+ margin: 0;
+}
+.rz-datalist-data > li {
+ margin-block: var(--rz-datalist-item-margin-block);
+ margin-inline: var(--rz-datalist-item-margin-inline);
+}
+.rz-datalist-data > li:first-child {
+ margin-block-start: 0;
+}
+.rz-datalist-data > li:last-child {
+ margin-block-end: 0;
+}
+
+.rz-g {
+ display: flex;
+ flex-wrap: wrap;
+}
+.rz-g > div {
+ flex: auto;
+ margin-block: var(--rz-datalist-item-margin-block);
+ margin-inline: var(--rz-datalist-item-margin-inline);
+}
+
+.rz-datalist-content {
+ box-sizing: border-box;
+ position: relative;
+}
+
+.rz-datafilter {
+ box-sizing: border-box;
+ display: flex;
+ flex-wrap: wrap;
+ column-gap: 0.25rem;
+ align-items: center;
+}
+.rz-datafilter .rz-selectbar {
+ display: inline-flex;
+}
+.rz-datafilter .rz-datafilter-group {
+ position: relative;
+ margin: 0.25rem 0 0;
+ padding: 0;
+ flex-basis: 100%;
+}
+.rz-datafilter .rz-datafilter-group .rz-datafilter-group {
+ margin: 0;
+}
+.rz-datafilter .rz-datafilter-item {
+ position: relative;
+ list-style: none;
+ margin: 0;
+ padding-block: var(--rz-datafilter-item-padding-block);
+ padding-inline: calc(var(--rz-datafilter-item-padding-inline-start) + var(--rz-datafilter-item-indentation)) 0;
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.25rem;
+ align-items: center;
+}
+.rz-datafilter .rz-datafilter-item:before {
+ content: "";
+ position: absolute;
+ background-color: transparent;
+ width: var(--rz-datafilter-item-path-width);
+ inset-block-start: 0;
+ inset-block-end: 0;
+ inset-inline-start: calc(var(--rz-datafilter-item-padding-inline-start) / 2);
+ border: 0;
+ border-inline-start: var(--rz-datafilter-item-path-border);
+}
+.rz-datafilter .rz-datafilter-item:after {
+ content: "";
+ position: absolute;
+ background-color: transparent;
+ width: var(--rz-datafilter-item-path-width);
+ height: calc(var(--rz-datafilter-item-padding-block) + var(--rz-input-height) / 2);
+ inset-block-start: 0;
+ inset-inline-start: calc(var(--rz-datafilter-item-padding-inline-start) / 2);
+ border: 0;
+ border-block-end: var(--rz-datafilter-item-path-border);
+ border-inline-start: var(--rz-datafilter-item-path-border);
+}
+.rz-datafilter .rz-datafilter-item .rz-multiselect,
+.rz-datafilter .rz-datafilter-item .rz-dropdown {
+ flex: 10rem 1;
+}
+.rz-datafilter .rz-datafilter-group-item:after {
+ height: calc(var(--rz-input-height) / 2);
+}
+.rz-datafilter .rz-datafilter-bar {
+ padding-block: 0;
+ padding-inline: calc(var(--rz-datafilter-item-padding-inline-start) + var(--rz-datafilter-item-indentation)) 0;
+}
+.rz-datafilter .rz-datafilter-bar:before {
+ display: none;
+}
+.rz-datafilter .rz-datafilter-bar:after {
+ height: calc(var(--rz-input-height) / 2);
+ border-end-start-radius: var(--rz-datafilter-item-path-border-radius);
+}
+.rz-datafilter .rz-datafilter-bar .rz-splitbutton {
+ margin-block-start: 0.3125rem;
+}
+.rz-datafilter .rz-datafilter-editor {
+ flex: 10rem 4;
+}
+.rz-datafilter .rz-button.rz-datafilter-item-clear {
+ color: var(--rz-text-secondary-color);
+ opacity: 0.5;
+}
+.rz-datafilter .rz-button.rz-datafilter-item-clear:hover {
+ opacity: 1;
+}
+
+.rz-scheduler {
+ box-sizing: border-box;
+ container-name: scheduler;
+ container-type: inline-size;
+ display: flex;
+ height: 400px;
+ flex-direction: column;
+ border-radius: var(--rz-scheduler-border-radius);
+ border: 1px solid var(--rz-scheduler-border-color);
+ box-shadow: var(--rz-scheduler-shadow);
+ color: var(--rz-scheduler-color);
+ background: var(--rz-scheduler-background-color);
+ overflow: hidden;
+ background-clip: border-box;
+}
+.rz-scheduler a.rz-event-list-btn {
+ position: absolute;
+ padding-inline-start: 0.25rem;
+ color: var(--rz-scheduler-event-list-button-color);
+ font-size: var(--rz-scheduler-event-list-button-font-size);
+}
+.rz-scheduler a.rz-event-list-btn:hover {
+ cursor: pointer;
+ color: var(--rz-scheduler-event-list-button-color);
+ text-decoration: underline;
+}
+
+.rz-slot {
+ display: flex;
+ height: 1.5em;
+ border-block-start: 1px solid var(--rz-scheduler-border-color);
+ border-inline-start: 1px solid var(--rz-scheduler-border-color);
+}
+
+.rz-slot-title {
+ text-align: end;
+ font-size: var(--rz-scheduler-slot-title-font-size);
+ padding: var(--rz-scheduler-slot-title-padding);
+}
+
+.rz-slot-hours {
+ flex: 0 0 5rem;
+}
+.rz-slot-hours .rz-slot-header {
+ height: 1.5rem;
+ text-align: end;
+ font-size: var(--rz-scheduler-header-font-size);
+ padding: 0 0.25rem;
+ border-inline-end: 1px solid var(--rz-scheduler-border-color);
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.rz-slot-minor {
+ border-block-start: 1px solid var(--rz-scheduler-minor-border-color);
+}
+
+.rz-day-view .rz-slot,
+.rz-slots:first-child .rz-slot {
+ border-inline-start: none;
+}
+
+.rz-event {
+ position: absolute;
+ padding-block: var(--rz-scheduler-event-padding-block);
+ padding-inline: var(--rz-scheduler-event-padding-inline);
+ cursor: pointer;
+}
+
+.rz-event-content {
+ background: var(--rz-scheduler-event-background-color);
+ border-radius: var(--rz-scheduler-border-radius);
+ color: var(--rz-scheduler-event-color);
+ height: 100%;
+ padding: var(--rz-scheduler-event-content-padding);
+ font-size: var(--rz-scheduler-event-font-size);
+ line-height: var(--rz-scheduler-event-line-height);
+ overflow: hidden;
+}
+
+.rz-events {
+ position: relative;
+}
+
+.rz-scheduler-nav {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ padding: var(--rz-scheduler-toolbar-padding);
+ background: var(--rz-scheduler-toolbar-background-color);
+}
+.rz-scheduler-nav .rz-scheduler-nav-title {
+ display: flex;
+ align-self: center;
+ font-size: var(--rz-scheduler-toolbar-title-font-size);
+ font-weight: var(--rz-scheduler-toolbar-title-font-weight);
+ color: var(--rz-scheduler-toolbar-title-color);
+}
+
+.rz-view-header {
+ border-block-start: var(--rz-scheduler-header-border);
+ border-block-end: var(--rz-scheduler-header-border);
+ background-color: var(--rz-scheduler-header-background-color);
+ text-transform: var(--rz-scheduler-header-text-transform);
+ color: var(--rz-scheduler-header-color);
+ display: flex;
+}
+.rz-view-header .rz-slot-header {
+ flex: 1;
+ text-align: center;
+ font-size: var(--rz-scheduler-header-font-size);
+ padding: var(--rz-scheduler-header-padding);
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+.rz-view-header .rz-slot-hour-header {
+ flex: 0 0 5rem;
+}
+
+.rz-view {
+ display: flex;
+ flex-direction: column;
+ flex: 1;
+}
+
+.rz-view-content {
+ flex: auto;
+ display: flex;
+ overflow: auto;
+ height: 0;
+}
+.rz-view-content:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-view-content:focus-visible {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-scheduler-focus-outline-offset);
+}
+.rz-view-content:focus-visible .rz-slot:has(.rz-state-focused) {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-scheduler-focus-outline-offset);
+}
+.rz-view-content:focus-visible .rz-event.rz-state-focused .rz-event-content {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-outline-offset);
+}
+
+.rz-slots {
+ flex: 1;
+ font-size: 1rem;
+}
+
+.rz-scheduler-nav-views {
+ display: flex;
+}
+.rz-scheduler-nav-views .rz-button.rz-primary {
+ background: var(--rz-scheduler-view-button-background-color);
+ color: var(--rz-scheduler-view-button-color);
+ border: var(--rz-scheduler-view-button-border);
+ border-radius: 0;
+ border-inline-end: none;
+}
+.rz-scheduler-nav-views .rz-button.rz-primary:first-child {
+ border-start-start-radius: var(--rz-scheduler-border-radius);
+ border-end-start-radius: var(--rz-scheduler-border-radius);
+}
+.rz-scheduler-nav-views .rz-button.rz-primary:last-child {
+ border-start-end-radius: var(--rz-scheduler-border-radius);
+ border-end-end-radius: var(--rz-scheduler-border-radius);
+ border-inline-end: var(--rz-scheduler-view-button-border);
+}
+.rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active {
+ background-color: var(--rz-scheduler-view-selected-background-color);
+ border-color: var(--rz-scheduler-view-selected-border-color);
+ color: var(--rz-scheduler-view-selected-color);
+}
+.rz-scheduler-nav-views .rz-button.rz-primary:focus-visible {
+ z-index: 1;
+}
+
+.rz-scheduler-nav-prev-next {
+ display: flex;
+}
+.rz-scheduler-nav-prev-next .rz-button {
+ background-color: var(--rz-scheduler-prev-next-button-background-color);
+ color: var(--rz-scheduler-prev-next-button-color);
+ padding-block: var(--rz-scheduler-prev-next-button-padding-block);
+ padding-inline: var(--rz-scheduler-prev-next-button-padding-inline);
+ font-size: var(--rz-scheduler-prev-next-button-font-size);
+}
+.rz-scheduler-nav-prev-next .rz-button.rz-today {
+ margin-inline-start: var(--rz-scheduler-today-button-margin-inline-start);
+ padding: var(--rz-scheduler-today-button-padding);
+ font-size: var(--rz-scheduler-today-button-font-size);
+ text-transform: var(--rz-scheduler-today-button-text-transform);
+}
+.rz-scheduler-nav-prev-next .rz-button.rz-prev {
+ border-start-start-radius: var(--rz-scheduler-prev-button-border-start-start-radius);
+ border-start-end-radius: var(--rz-scheduler-prev-button-border-start-end-radius);
+ border-end-start-radius: var(--rz-scheduler-prev-button-border-end-start-radius);
+ border-end-end-radius: var(--rz-scheduler-prev-button-border-end-end-radius);
+}
+.rz-scheduler-nav-prev-next .rz-button.rz-next {
+ border-start-start-radius: var(--rz-scheduler-next-button-border-start-start-radius);
+ border-start-end-radius: var(--rz-scheduler-next-button-border-start-end-radius);
+ border-end-start-radius: var(--rz-scheduler-next-button-border-end-start-radius);
+ border-end-end-radius: var(--rz-scheduler-next-button-border-end-end-radius);
+}
+.rz-scheduler-nav-prev-next .rz-button:focus-visible {
+ z-index: 1;
+}
+
+/* Right-to-left .rz-scheduler-nav-prev-next */
+*[dir=rtl] .rz-scheduler-nav-prev-next .rz-button.rz-prev .rzi,
+*[dir=rtl] .rz-scheduler-nav-prev-next .rz-button.rz-next .rzi {
+ transform: rotate(180deg);
+}
+
+.rz-event-list .rz-event {
+ position: static;
+}
+
+.rz-week {
+ flex: 1;
+ font-size: 1rem;
+}
+.rz-week .rz-slots {
+ display: flex;
+ height: 100%;
+}
+.rz-week:first-child .rz-slot {
+ border-block-start: none;
+}
+
+.rz-month {
+ flex: 1;
+ font-size: 1rem;
+}
+.rz-month .rz-slots {
+ display: flex;
+ height: 100%;
+}
+.rz-month:nth-child(2) .rz-slot {
+ border-block-start: none;
+}
+.rz-month .rz-slot {
+ flex: 1;
+ height: 100%;
+ display: flex;
+ border-block-start: 1px solid var(--rz-scheduler-border-color);
+ border-inline-start: 1px solid var(--rz-scheduler-border-color);
+}
+.rz-month .rz-slot:first-child {
+ position: sticky;
+ z-index: 1;
+ inset-inline-start: 0;
+ justify-content: center;
+ align-items: center;
+ background-color: var(--rz-scheduler-header-background-color);
+ border-inline-start: none;
+ border-inline-end: 1px solid var(--rz-scheduler-border-color);
+}
+.rz-month .rz-slot:first-child .rz-slot-header {
+ text-align: center;
+ font-size: var(--rz-scheduler-header-font-size);
+ padding: var(--rz-scheduler-header-padding);
+ text-transform: var(--rz-scheduler-header-text-transform);
+ color: var(--rz-scheduler-header-color);
+}
+.rz-month .rz-slot:nth-child(2) {
+ border-inline-start: none;
+}
+
+.rz-day-view .rz-slot:nth-of-type(2) {
+ border-block-start: none;
+}
+.rz-day-view .rz-view-header {
+ overflow-y: scroll;
+ scrollbar-width: auto;
+}
+
+.rz-week-view-content {
+ flex: 1;
+ display: flex;
+}
+.rz-week-view-content:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-week-view-content:focus-visible {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-scheduler-focus-outline-offset);
+}
+.rz-week-view-content:focus-visible .rz-slots.rz-state-focused {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-scheduler-focus-outline-offset);
+}
+.rz-week-view-content:focus-visible .rz-event.rz-state-focused .rz-event-content {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-outline-offset);
+}
+
+.rz-week-view .rz-slot:nth-of-type(2) {
+ border-block-start: none;
+}
+.rz-week-view .rz-view-header {
+ overflow-y: scroll;
+ scrollbar-width: auto;
+}
+
+.rz-month-view .rz-view-content {
+ flex: 1;
+ flex-direction: column;
+}
+.rz-month-view .rz-slot {
+ flex: 1;
+ height: 100%;
+}
+.rz-month-view .rz-slot:first-child {
+ border-inline-start: none;
+}
+
+.rz-planner-view {
+ overflow: auto;
+}
+.rz-planner-view .rz-view-header {
+ position: sticky;
+ inset-block-start: 0px;
+ min-height: 2.25rem;
+ z-index: 2;
+}
+.rz-planner-view:focus-visible {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-scheduler-focus-outline-offset);
+}
+.rz-planner-view:focus-visible .rz-slot.rz-state-focused {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-scheduler-focus-outline-offset);
+}
+.rz-planner-view:focus-visible .rz-event.rz-state-focused .rz-event-content {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-outline-offset);
+}
+.rz-planner-view .rz-month .rz-slot:first-child .rz-slot-header {
+ writing-mode: vertical-lr;
+ transform: rotate(-180deg);
+}
+.rz-planner-view .rz-month .rz-slot:last-child {
+ justify-content: center;
+ align-items: center;
+ background-color: var(--rz-scheduler-header-background-color);
+}
+.rz-planner-view .rz-month .rz-slot:last-child .rz-slot-header {
+ writing-mode: vertical-rl;
+ text-align: center;
+ font-size: var(--rz-scheduler-header-font-size);
+ padding: var(--rz-scheduler-header-padding);
+ text-transform: var(--rz-scheduler-header-text-transform);
+ color: var(--rz-scheduler-header-color);
+}
+.rz-planner-view .rz-month .rz-slot.rz-other-month {
+ background-color: var(--rz-scheduler-other-month-background-color);
+}
+.rz-planner-view .rz-month .rz-slot.rz-weekend {
+ color: var(--rz-scheduler-weekend-color);
+ background-color: var(--rz-scheduler-weekend-background-color);
+}
+
+.rz-timeline-view {
+ flex: auto;
+ overflow: auto;
+ flex-wrap: wrap;
+ flex-direction: unset;
+}
+.rz-timeline-view .rz-view-header {
+ position: sticky;
+ inset-block-start: 0px;
+ min-height: 36px;
+ z-index: 2;
+}
+.rz-timeline-view .rz-view-header .rz-slot-header {
+ min-width: var(--rz-scheduler-timeline-slot-width);
+ flex: 0 0 auto;
+}
+.rz-timeline-view:focus-visible {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-scheduler-focus-outline-offset);
+}
+.rz-timeline-view:focus-visible .rz-slot.rz-state-focused {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-scheduler-focus-outline-offset);
+}
+.rz-timeline-view:focus-visible .rz-event.rz-state-focused .rz-event-content {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-outline-offset);
+}
+.rz-timeline-view .rz-month {
+ flex: 0 0 auto;
+}
+.rz-timeline-view .rz-month .rz-slots {
+ flex: 0 0 auto;
+}
+.rz-timeline-view .rz-month .rz-slot {
+ width: var(--rz-scheduler-timeline-slot-width);
+ height: var(--rz-scheduler-timeline-slot-height);
+}
+.rz-timeline-view .rz-month .rz-slot.rz-other-month {
+ background-color: var(--rz-scheduler-other-month-background-color);
+}
+.rz-timeline-view .rz-month .rz-slot.rz-weekend {
+ color: var(--rz-scheduler-weekend-color);
+ background-color: var(--rz-scheduler-weekend-background-color);
+}
+
+.rz-year-view {
+ overflow: auto;
+ padding: var(--rz-scheduler-year-padding);
+ --rz-gap: var(--rz-scheduler-year-padding);
+}
+.rz-year-view .rz-flex-column,
+.rz-year-view .rz-week {
+ min-width: fit-content;
+}
+.rz-year-view .rz-slot {
+ flex: 1;
+ border-block-start: none;
+ justify-content: center;
+ height: initial;
+ padding: var(--rz-scheduler-year-slot-padding);
+ cursor: pointer;
+}
+.rz-year-view .rz-slot .rz-slot-title {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0;
+ text-align: center;
+ width: var(--rz-scheduler-year-slot-title-width);
+ min-width: 2rem;
+ min-height: 2rem;
+ border-radius: var(--rz-scheduler-year-slot-title-border-radius);
+ transition: var(--rz-datepicker-calendar-transition);
+}
+.rz-year-view .rz-slot .rz-slot-title.rz-other-month {
+ opacity: 0.5;
+}
+.rz-year-view .rz-slot .rz-slot-title.rz-has-appointments {
+ color: var(--rz-scheduler-event-color);
+ background-color: var(--rz-scheduler-event-background-color);
+}
+.rz-year-view .rz-slot .rz-slot-title.rz-state-focused {
+ color: var(--rz-datepicker-calendar-hover-color);
+ background: var(--rz-datepicker-calendar-hover-background-color);
+}
+.rz-year-view .rz-slot:hover .rz-slot-title:not(.rz-has-appointments) {
+ color: var(--rz-datepicker-calendar-hover-color);
+ background: var(--rz-datepicker-calendar-hover-background-color);
+}
+
+.rz-year-month:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-year-month:focus-visible {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-outline-offset);
+ border-radius: var(--rz-border-radius);
+}
+
+@container scheduler (width < 640px) {
+ .rz-scheduler-nav .rz-scheduler-nav-prev-next {
+ justify-content: space-between;
+ margin-block-end: 0.5rem;
+ margin-inline-end: 0.5rem;
+ order: 1;
+ }
+ .rz-scheduler-nav .rz-scheduler-nav-title {
+ justify-content: center;
+ width: 100%;
+ order: 3;
+ }
+ .rz-scheduler-nav .rz-scheduler-nav-views {
+ margin-block-end: 0.5rem;
+ justify-content: center;
+ flex-grow: 1;
+ order: 2;
+ }
+ .rz-scheduler-nav .rz-scheduler-nav-views .rz-button {
+ flex-grow: 1;
+ padding-inline-start: 0.5rem;
+ padding-inline-end: 0.5rem;
+ }
+ .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text {
+ display: none;
+ }
+ .rz-slot-hours,
+ .rz-view-header .rz-slot-hour-header {
+ flex: 0 0 3rem;
+ }
+}
+@container scheduler (width < 1400px) {
+ .rz-planner-view {
+ flex-wrap: wrap;
+ flex-direction: unset;
+ }
+ .rz-planner-view .rz-view-header .rz-slot-header {
+ flex: 0 0 auto;
+ width: var(--rz-scheduler-planner-slot-width);
+ }
+ .rz-planner-view .rz-month {
+ flex: 0 0 auto;
+ }
+ .rz-planner-view .rz-month .rz-slots {
+ flex: 0 0 auto;
+ }
+ .rz-planner-view .rz-month .rz-slot {
+ width: var(--rz-scheduler-planner-slot-width);
+ height: var(--rz-scheduler-planner-slot-height);
+ }
+}
+@media (max-width: 576px) {
+ .rz-scheduler-nav .rz-scheduler-nav-prev-next {
+ justify-content: space-between;
+ margin-block-end: 0.5rem;
+ margin-inline-end: 0.5rem;
+ order: 1;
+ }
+ .rz-scheduler-nav .rz-scheduler-nav-title {
+ justify-content: center;
+ width: 100%;
+ order: 3;
+ }
+ .rz-scheduler-nav .rz-scheduler-nav-views {
+ margin-block-end: 0.5rem;
+ justify-content: center;
+ flex-grow: 1;
+ order: 2;
+ }
+ .rz-scheduler-nav .rz-scheduler-nav-views .rz-button {
+ flex-grow: 1;
+ padding-inline-start: 0.5rem;
+ padding-inline-end: 0.5rem;
+ }
+ .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text {
+ display: none;
+ }
+ .rz-slot-hours,
+ .rz-view-header .rz-slot-hour-header {
+ flex: 0 0 3rem;
+ }
+}
+@media (max-width: 1399px) {
+ .rz-planner-view {
+ flex-wrap: wrap;
+ flex-direction: unset;
+ }
+ .rz-planner-view .rz-view-header .rz-slot-header {
+ flex: 0 0 auto;
+ width: var(--rz-scheduler-planner-slot-width);
+ }
+ .rz-planner-view .rz-month {
+ flex: 0 0 auto;
+ }
+ .rz-planner-view .rz-month .rz-slots {
+ flex: 0 0 auto;
+ }
+ .rz-planner-view .rz-month .rz-slot {
+ width: var(--rz-scheduler-planner-slot-width);
+ height: var(--rz-scheduler-planner-slot-height);
+ }
+}
+.rz-tabview {
+ box-sizing: border-box;
+ display: flex;
+}
+.rz-tabview:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-tabview:focus-visible {
+ outline: var(--rz-outline-focus);
+ outline-offset: var(--rz-outline-offset);
+}
+.rz-tabview:focus-visible .rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) {
+ outline: var(--rz-tabs-tab-focus-outline);
+ outline-offset: var(--rz-tabs-tab-focus-outline-offset);
+}
+.rz-tabview.rz-tabview-top {
+ flex-direction: column;
+}
+.rz-tabview.rz-tabview-top-right {
+ flex-direction: column;
+}
+.rz-tabview.rz-tabview-bottom {
+ flex-direction: column-reverse;
+}
+.rz-tabview.rz-tabview-bottom-right {
+ flex-direction: column-reverse;
+}
+.rz-tabview.rz-tabview-left {
+ flex-direction: row;
+}
+.rz-tabview.rz-tabview-right {
+ flex-direction: row-reverse;
+}
+
+.rz-tabview-nav {
+ list-style: none;
+ display: flex;
+ padding: 0;
+ margin: 0;
+}
+.rz-tabview-nav li {
+ border: var(--rz-tabs-border);
+ background-color: var(--rz-tabs-tab-background-color);
+ color: var(--rz-tabs-tab-color);
+ transition: var(--rz-tabs-transition);
+}
+.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
+ background-color: var(--rz-tabs-tab-hover-background-color);
+ color: var(--rz-tabs-tab-hover-color);
+}
+.rz-tabview-nav li a,
+.rz-tabview-nav li a:not([href]):not([class]) {
+ display: flex;
+ align-items: center;
+ color: inherit;
+ padding-block: var(--rz-tabs-tab-padding-block);
+ padding-inline: var(--rz-tabs-tab-padding-inline);
+ font-size: var(--rz-tabs-tab-font-size);
+ line-height: var(--rz-tabs-tab-line-height);
+ font-weight: var(--rz-tabs-tab-font-weight);
+ text-transform: var(--rz-tabs-tab-text-transform);
+ letter-spacing: var(--rz-tabs-tab-letter-spacing);
+ text-decoration: none;
+ cursor: pointer;
+}
+.rz-tabview-nav li a:hover,
+.rz-tabview-nav li a:not([href]):not([class]):hover {
+ text-decoration: none;
+}
+.rz-tabview-nav li.rz-state-disabled {
+ opacity: 0.5;
+}
+.rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) {
+ background-color: var(--rz-tabs-tab-focus-background-color);
+ border-color: var(--rz-tabs-tab-focus-background-color);
+ color: var(--rz-tabs-tab-focus-color);
+}
+.rz-tabview-nav .rz-tabview-selected {
+ background-color: var(--rz-tabs-tab-selected-background-color);
+ color: var(--rz-tabs-tab-selected-color);
+ position: relative;
+}
+.rz-tabview-top > .rz-tabview-nav {
+ flex-direction: row;
+}
+.rz-tabview-top > .rz-tabview-nav li {
+ border-top-width: 2px;
+ border-bottom-color: var(--rz-tabs-tab-background-color);
+ border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0;
+}
+.rz-tabview-top > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
+ border-top-color: var(--rz-tabs-tab-selected-top-border-color);
+}
+.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
+ border-bottom-color: var(--rz-tabs-background-color);
+ margin-bottom: -1px;
+ border-top-color: var(--rz-tabs-tab-selected-top-border-color);
+}
+.rz-tabview-top-right > .rz-tabview-nav {
+ justify-content: right;
+}
+.rz-tabview-bottom > .rz-tabview-nav {
+ flex-direction: row;
+}
+.rz-tabview-bottom > .rz-tabview-nav li {
+ border-bottom-width: 2px;
+ border-top-color: var(--rz-tabs-tab-background-color);
+ border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius);
+}
+.rz-tabview-bottom > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
+ border-bottom-color: var(--rz-tabs-tab-selected-top-border-color);
+}
+.rz-tabview-bottom > .rz-tabview-nav .rz-tabview-selected {
+ border-top-color: var(--rz-tabs-background-color);
+ margin-top: -1px;
+ padding-top: 1px;
+ border-bottom-color: var(--rz-tabs-tab-selected-top-border-color);
+}
+.rz-tabview-bottom-right > .rz-tabview-nav {
+ justify-content: right;
+}
+.rz-tabview-left > .rz-tabview-nav {
+ flex-direction: column;
+}
+.rz-tabview-left > .rz-tabview-nav li {
+ border-left-width: 2px;
+ border-right-color: var(--rz-tabs-tab-background-color);
+ border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius);
+}
+.rz-tabview-left > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
+ border-left-color: var(--rz-tabs-tab-selected-top-border-color);
+}
+.rz-tabview-left > .rz-tabview-nav .rz-tabview-selected {
+ border-right-color: var(--rz-tabs-background-color);
+ margin-right: -1px;
+ border-left-color: var(--rz-tabs-tab-selected-top-border-color);
+}
+.rz-tabview-right > .rz-tabview-nav {
+ flex-direction: column;
+}
+.rz-tabview-right > .rz-tabview-nav li {
+ border-right-width: 2px;
+ border-left-color: var(--rz-tabs-tab-background-color);
+ border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0;
+}
+.rz-tabview-right > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
+ border-right-color: var(--rz-tabs-tab-selected-top-border-color);
+}
+.rz-tabview-right > .rz-tabview-nav .rz-tabview-selected {
+ border-left-color: var(--rz-tabs-background-color);
+ margin-left: -1px;
+ padding-left: 1px;
+ border-right-color: var(--rz-tabs-tab-selected-top-border-color);
+}
+*[dir=rtl] .rz-tabview-left > .rz-tabview-nav, *[dir=rtl] .rz-tabview-right > .rz-tabview-nav {
+ order: 1;
+}
+
+.rz-tabview-panels {
+ background-color: var(--rz-tabs-background-color);
+ border: var(--rz-tabs-border);
+ box-shadow: var(--rz-tabs-shadow);
+ flex: 1;
+ overflow: auto;
+}
+.rz-tabview-top > .rz-tabview-panels {
+ border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius);
+}
+.rz-tabview-bottom > .rz-tabview-panels {
+ border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0;
+}
+.rz-tabview-left > .rz-tabview-panels {
+ border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0;
+}
+.rz-tabview-right > .rz-tabview-panels {
+ border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius);
+}
+
+.rz-tabview-panel {
+ padding: var(--rz-tabs-padding);
+}
+
+.rz-tabview-icon {
+ font-size: var(--rz-tabs-icon-font-size);
+ margin-inline: var(--rz-tabs-icon-margin-inline);
+}
+
+.rz-tooltip {
+ box-sizing: border-box;
+ position: absolute;
+ transition: top 0.2s, left 0.2s;
+ top: 0;
+ left: 0;
+}
+
+.rz-tooltip-content {
+ background: var(--rz-tooltip-background-color);
+ color: var(--rz-tooltip-color);
+ box-shadow: var(--rz-tooltip-shadow);
+ padding: var(--rz-tooltip-padding);
+ border-radius: var(--rz-tooltip-border-radius);
+ font-size: var(--rz-tooltip-font-size);
+ white-space: nowrap;
+}
+
+.rz-tooltip .rz-top-tooltip-content {
+ margin-bottom: 16px;
+}
+
+.rz-tooltip .rz-top-tooltip-content:after {
+ content: " ";
+ position: absolute;
+ width: 8px;
+ height: 8px;
+ inset-block-end: 0;
+ inset-inline-start: 12px;
+ background-color: inherit;
+ transform-origin: center;
+ transform: translate(-50%, -12px) rotate(45deg);
+ border-bottom: inherit;
+ border-right: inherit;
+}
+
+.rz-tooltip .rz-bottom-tooltip-content {
+ margin-top: -8px;
+}
+
+.rz-tooltip .rz-bottom-tooltip-content:after {
+ content: " ";
+ position: absolute;
+ width: 8px;
+ height: 8px;
+ inset-block-start: 0;
+ inset-inline-start: 12px;
+ background-color: inherit;
+ transform-origin: center;
+ transform: translate(-50%, -12px) rotate(45deg);
+ border-bottom: inherit;
+ border-right: inherit;
+}
+
+.rz-tooltip .rz-left-tooltip-content {
+ margin-right: 8px;
+}
+
+.rz-tooltip .rz-left-tooltip-content:after {
+ content: " ";
+ position: absolute;
+ width: 8px;
+ height: 8px;
+ top: 20px;
+ right: 0;
+ background-color: inherit;
+ transform-origin: center;
+ transform: translate(-50%, -10px) rotate(45deg);
+ border-bottom: inherit;
+ border-right: inherit;
+}
+
+.rz-tooltip .rz-right-tooltip-content {
+ margin-left: 0;
+}
+
+.rz-tooltip .rz-right-tooltip-content:after {
+ content: " ";
+ position: absolute;
+ width: 8px;
+ height: 8px;
+ top: 20px;
+ left: 0;
+ background-color: inherit;
+ transform-origin: center;
+ transform: translate(-50%, -10px) rotate(45deg);
+ border-bottom: inherit;
+ border-right: inherit;
+}
+
+.rz-dialog-wrapper {
+ box-sizing: border-box;
+ display: flex;
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ bottom: 0;
+ z-index: var(--rz-dialog-zindex);
+ align-items: center;
+ justify-content: center;
+}
+
+.rz-dialog {
+ box-sizing: border-box;
+ position: absolute;
+ overflow: hidden;
+ display: flex;
+ flex-direction: column;
+ min-width: 150px;
+ max-height: 100%;
+ min-height: 150px;
+ z-index: var(--rz-dialog-zindex);
+ background-color: var(--rz-dialog-background-color);
+ box-shadow: var(--rz-dialog-shadow);
+ border-radius: var(--rz-dialog-border-radius);
+}
+
+.rz-dialog-side {
+ box-sizing: border-box;
+ position: fixed;
+ z-index: var(--rz-dialog-zindex);
+ background-color: var(--rz-dialog-background-color);
+ box-shadow: var(--rz-dialog-shadow);
+ border-radius: var(--rz-dialog-border-radius);
+ overflow-y: auto;
+}
+
+.rz-dialog-titlebar,
+.rz-dialog-side-titlebar {
+ display: flex;
+ align-items: normal;
+ padding-block: var(--rz-dialog-title-padding-block);
+ padding-inline: var(--rz-dialog-title-padding-inline);
+ font-size: var(--rz-dialog-title-font-size);
+ line-height: var(--rz-dialog-title-line-height);
+ background-color: var(--rz-dialog-title-background-color);
+ border-block-end: var(--rz-dialog-title-border);
+}
+
+.rz-dialog-title,
+.rz-dialog-side-title {
+ flex: auto;
+ font-weight: var(--rz-dialog-title-font-weight);
+ letter-spacing: var(--rz-dialog-title-letter-spacing);
+ color: var(--rz-dialog-title-color);
+ user-select: none;
+}
+
+.rz-dialog-titlebar-close .rzi-times,
+.rz-dialog-side-titlebar-close .rzi-times {
+ font-size: var(--rz-dialog-close-font-size);
+ color: var(--rz-dialog-close-color);
+ vertical-align: var(--rz-dialog-close-vertical-align);
+}
+.rz-dialog-titlebar-close .rzi-times:before,
+.rz-dialog-side-titlebar-close .rzi-times:before {
+ content: "close";
+}
+.rz-dialog-titlebar-close:hover .rzi-times,
+.rz-dialog-side-titlebar-close:hover .rzi-times {
+ color: var(--rz-dialog-close-hover-color);
+}
+
+.rz-dialog-content,
+.rz-dialog-side-content {
+ flex: 0 1 auto;
+ padding: var(--rz-dialog-content-padding);
+ overflow: auto;
+}
+
+.rz-dialog-confirm, .rz-dialog-alert {
+ max-width: 400px;
+ margin: 0.75rem;
+}
+
+.rz-dialog-confirm-message, .rz-dialog-alert-message {
+ margin-block-end: 1.5rem;
+}
+
+.rz-dialog-confirm-buttons {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.5rem;
+}
+.rz-dialog-confirm-buttons .rz-button {
+ flex: 8rem 1;
+ min-width: fit-content;
+}
+
+.rz-dialog-alert-buttons {
+ text-align: end;
+ gap: 0.5rem;
+}
+.rz-dialog-alert-buttons .rz-button {
+ flex: 8rem 1;
+ min-width: fit-content;
+}
+
+.rz-dialog-mask {
+ position: fixed;
+ z-index: var(--rz-dialog-mask-zindex);
+ width: 100%;
+ height: 100%;
+ inset-block-start: 0;
+ inset-inline-start: 0;
+ background-color: var(--rz-dialog-mask-background-color);
+ opacity: 0.5;
+}
+
+.no-scroll {
+ overflow: hidden;
+ padding-inline-end: 15px;
+}
+
+.rz-dialog-side-position-right {
+ right: 0;
+ min-width: 150px;
+ width: 400px;
+ max-width: 100%;
+ height: 100%;
+}
+
+.rz-dialog-side-position-left {
+ left: 0;
+ min-width: 150px;
+ width: 400px;
+ max-width: 100%;
+ height: 100%;
+}
+
+.rz-dialog-side-position-top {
+ top: 0;
+ min-height: 150px;
+ height: 250px;
+ width: 100%;
+}
+
+.rz-dialog-side-position-bottom {
+ bottom: 0;
+ min-height: 150px;
+ height: 250px;
+ width: 100%;
+}
+
+@keyframes rz-dialog-open-scale {
+ from {
+ scale: 0.5;
+ }
+ to {
+ scale: 1;
+ }
+}
+@keyframes rz-dialog-open-opacity {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+.rz-dialog.rz-open {
+ animation: var(--rz-dialog-transition) rz-dialog-open-opacity, var(--rz-dialog-transition) rz-dialog-open-scale;
+}
+.rz-dialog:has(.rz-chart).rz-open {
+ animation: var(--rz-dialog-transition) rz-dialog-open-opacity;
+}
+
+@keyframes rz-side-dialog-right-open {
+ from {
+ transform: translateX(100%);
+ }
+ to {
+ transform: translateX(0);
+ }
+}
+@keyframes rz-side-dialog-right-close {
+ from {
+ transform: translateX(0);
+ }
+ to {
+ transform: translateX(100%);
+ }
+}
+.rz-dialog-side-position-right.rz-open {
+ animation: var(--rz-dialog-transition) rz-side-dialog-right-open;
+}
+.rz-dialog-side-position-right.rz-close {
+ animation: var(--rz-dialog-transition) rz-side-dialog-right-close;
+ transform: translateX(100%);
+}
+
+@keyframes rz-side-dialog-top-open {
+ from {
+ transform: translateY(-100%);
+ }
+ to {
+ transform: translateY(0);
+ }
+}
+@keyframes rz-side-dialog-top-close {
+ from {
+ transform: translateY(0);
+ }
+ to {
+ transform: translateY(-100%);
+ }
+}
+.rz-dialog-side-position-top.rz-open {
+ animation: var(--rz-dialog-transition) rz-side-dialog-top-open;
+}
+.rz-dialog-side-position-top.rz-close {
+ animation: var(--rz-dialog-transition) rz-side-dialog-top-close;
+ transform: translateX(-100%);
+}
+
+@keyframes rz-side-dialog-bottom-open {
+ from {
+ transform: translateY(100%);
+ }
+ to {
+ transform: translateY(0);
+ }
+}
+@keyframes rz-side-dialog-bottom-close {
+ from {
+ transform: translateY(0);
+ }
+ to {
+ transform: translateY(100%);
+ }
+}
+.rz-dialog-side-position-bottom.rz-open {
+ animation: var(--rz-dialog-transition) rz-side-dialog-bottom-open;
+}
+.rz-dialog-side-position-bottom.rz-close {
+ animation: var(--rz-dialog-transition) rz-side-dialog-bottom-close;
+ transform: translateY(100%);
+}
+
+@keyframes rz-side-dialog-left-open {
+ from {
+ transform: translateX(-100%);
+ }
+ to {
+ transform: translateX(0);
+ }
+}
+@keyframes rz-side-dialog-left-close {
+ from {
+ transform: translateX(0);
+ }
+ to {
+ transform: translateX(-100%);
+ }
+}
+.rz-dialog-side-position-left.rz-open {
+ animation: var(--rz-dialog-transition) rz-side-dialog-left-open;
+}
+.rz-dialog-side-position-left.rz-close {
+ animation: var(--rz-dialog-transition) rz-side-dialog-left-close;
+ transform: translateX(-100%);
+}
+
+@media (max-width: 768px) {
+ .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) {
+ position: absolute;
+ width: 100% !important;
+ inset-block-start: 0px !important;
+ border-radius: 0;
+ }
+ .rz-dialog-content {
+ -webkit-overflow-scrolling: touch;
+ }
+ .rz-dialog-confirm, .rz-dialog-alert {
+ max-width: 355px;
+ }
+ .no-scroll {
+ padding-inline-end: 0;
+ }
+}
+.rz-notification {
+ box-sizing: border-box;
+ position: fixed;
+ z-index: 1002;
+ inset-block-start: 100px;
+ inset-inline-end: 1rem;
+}
+
+.rz-notification-item-wrapper {
+ position: relative;
+ width: 250px;
+ min-width: 20rem;
+ background-color: var(--rz-notification-container-background-color);
+ margin: 1rem 0;
+}
+.rz-notification-item-wrapper > .rz-progressbar {
+ position: absolute;
+ inset-block-end: var(--rz-notification-border-radius);
+ inset-inline: var(--rz-notification-border-radius);
+ --rz-progressbar-height: 0.25rem;
+ --rz-progressbar-border-radius: var(--rz-notification-border-radius);
+}
+.rz-notification-item-wrapper:has(> .rz-progressbar) .rz-notification-content {
+ margin-block-end: var(--rz-notification-border-radius);
+}
+
+.rz-notification-item {
+ display: flex;
+ align-items: flex-start;
+ gap: var(--rz-notification-gap);
+ border-radius: var(--rz-notification-border-radius);
+ box-shadow: var(--rz-notification-shadow);
+ padding: var(--rz-notification-padding);
+}
+.rz-notification-success .rz-notification-item {
+ color: var(--rz-notification-success-color);
+ background-color: var(--rz-notification-success-background-color);
+}
+.rz-notification-warn .rz-notification-item {
+ color: var(--rz-notification-warning-color);
+ background-color: var(--rz-notification-warning-background-color);
+}
+.rz-notification-error .rz-notification-item {
+ color: var(--rz-notification-error-color);
+ background-color: var(--rz-notification-error-background-color);
+}
+.rz-notification-info .rz-notification-item {
+ color: var(--rz-notification-info-color);
+ background-color: var(--rz-notification-info-background-color);
+}
+
+.rz-notification-message-wrapper {
+ flex: auto;
+ display: flex;
+ align-items: flex-start;
+ justify-content: flex-start;
+ gap: var(--rz-notification-gap);
+}
+
+.rz-notification-message {
+ flex: auto;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+}
+
+.rz-notification-title {
+ font-weight: bold;
+}
+
+.rz-notification-icon {
+ margin: var(--rz-notification-icon-margin);
+}
+.rz-notification-icon.rzi-check {
+ color: var(--rz-notification-success-icon-color);
+}
+.rz-notification-icon.rzi-check:before {
+ content: "check";
+}
+.rz-notification-icon.rzi-exclamation-triangle {
+ color: var(--rz-notification-warning-icon-color);
+}
+.rz-notification-icon.rzi-exclamation-triangle:before {
+ content: "warning";
+}
+.rz-notification-icon.rzi-info-circle {
+ color: var(--rz-notification-info-icon-color);
+}
+.rz-notification-icon.rzi-info-circle:before {
+ content: "info";
+}
+.rz-notification-icon.rzi-times {
+ color: var(--rz-notification-error-icon-color);
+}
+.rz-notification-icon.rzi-times:before {
+ content: "error";
+}
+
+.rz-notification-close {
+ cursor: pointer;
+ opacity: 0.75;
+}
+.rz-notification-close:before {
+ content: "close";
+}
+
+.rz-form {
+ box-sizing: border-box;
+}
+
+.rz-message {
+ box-sizing: border-box;
+}
+
+.rz-messages-error {
+ display: inline-block;
+ color: var(--rz-form-error-color);
+ font-size: var(--rz-form-error-font-size);
+ padding: var(--rz-validator-text-padding);
+}
+
+.rz-message-popup {
+ position: absolute;
+ background-color: var(--rz-validator-background-color);
+ transform: var(--rz-validator-transform);
+ box-shadow: var(--rz-validator-shadow);
+ padding: var(--rz-validator-padding);
+ border-radius: var(--rz-border-radius);
+ color: var(--rz-validator-color);
+ pointer-events: none;
+}
+.rz-message-popup:before {
+ content: "";
+ border: var(--rz-validator-pointer-size) solid transparent;
+ border-bottom-color: var(--rz-validator-background-color);
+ position: absolute;
+ inset-block-start: calc(-2 * var(--rz-validator-pointer-size));
+ inset-inline-start: calc(var(--rz-border-radius) + var(--rz-validator-pointer-size) / 2);
+}
+
+.rz-layout::-webkit-scrollbar,
+.rz-layout ::-webkit-scrollbar,
+.rz-scrollbars::-webkit-scrollbar,
+.rz-scrollbars ::-webkit-scrollbar {
+ background-color: var(--rz-scrollbar-background-color);
+ width: var(--rz-scrollbar-size);
+ height: var(--rz-scrollbar-size);
+}
+.rz-layout::-webkit-scrollbar-thumb,
+.rz-layout ::-webkit-scrollbar-thumb,
+.rz-scrollbars::-webkit-scrollbar-thumb,
+.rz-scrollbars ::-webkit-scrollbar-thumb {
+ background: var(--rz-scrollbar-color);
+ border: 4px solid rgba(0, 0, 0, 0);
+ background-clip: padding-box;
+ border-radius: var(--rz-scrollbar-border-radius);
+ min-width: var(--rz-scrollbar-size);
+ min-height: var(--rz-scrollbar-size);
+}
+.rz-layout::-webkit-scrollbar-corner,
+.rz-layout ::-webkit-scrollbar-corner,
+.rz-scrollbars::-webkit-scrollbar-corner,
+.rz-scrollbars ::-webkit-scrollbar-corner {
+ background-color: var(--rz-scrollbar-background-color);
+}
+
+.rz-login {
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
+.rz-login .rz-form {
+ display: flex;
+ flex-direction: column;
+ gap: 1.5rem;
+}
+.rz-login .rz-form .rz-form-row {
+ display: flex;
+ flex-flow: row wrap;
+ align-items: center;
+ gap: 0.5rem;
+}
+.rz-login .rz-form .rz-form-row .rz-label {
+ flex: 1 8rem;
+}
+.rz-login .rz-form .rz-form-row .rz-form-input-wrapper {
+ flex: 3 14rem;
+}
+.rz-login .rz-form .rz-form-row .rz-textbox {
+ display: block;
+ width: 100%;
+}
+.rz-login .rz-form .rz-form-row .rz-textbox.invalid {
+ border: var(--rz-border-danger);
+}
+.rz-login .rz-form .rz-form-row .rz-switch {
+ margin-inline-end: 0.5rem;
+}
+.rz-login .rz-form .rz-messages-error {
+ position: absolute;
+}
+.rz-login .rz-register {
+ display: flex;
+ flex-flow: row wrap;
+ align-items: center;
+ justify-content: space-between;
+ gap: 0.5rem;
+ background-color: var(--rz-login-register-background-color);
+ margin-block: var(--rz-login-register-margin-block);
+ margin-inline: var(--rz-login-register-margin-inline);
+ padding-block: var(--rz-login-register-padding-block);
+ padding-inline: var(--rz-login-register-padding-inline);
+ border-radius: var(--rz-border-radius);
+}
+.rz-login .rz-register .rz-button {
+ margin-block: var(--rz-login-register-button-margin-block);
+ margin-inline: var(--rz-login-register-button-margin-inline);
+}
+.rz-login .rz-login-buttons {
+ display: inline-flex;
+ flex-flow: row wrap;
+ justify-content: space-between;
+ align-items: center;
+ gap: 0.5rem;
+}
+
+.rz-lookup-panel {
+ background-color: var(--rz-lookup-panel-background-color);
+ padding: var(--rz-lookup-panel-padding);
+ container-type: inline-size;
+ container-name: rz-lookup-panel;
+}
+
+.rz-lookup-search {
+ display: flex;
+ gap: var(--rz-lookup-search-gap);
+ margin-bottom: var(--rz-lookup-search-margin-bottom);
+}
+.rz-lookup-search input {
+ flex: auto;
+}
+
+.ssrsviewer {
+ display: flex;
+}
+.ssrsviewer iframe {
+ flex: auto;
+}
+
+.rz-map {
+ box-sizing: border-box;
+ height: var(--rz-map-height);
+ padding: var(--rz-map-padding);
+ background-color: var(--rz-map-background-color);
+ box-shadow: var(--rz-map-shadow);
+ border-radius: var(--rz-border-radius);
+}
+
+.rz-map-container {
+ height: 100%;
+}
+
+.rz-gauge,
+.rz-arc-gauge {
+ box-sizing: border-box;
+ position: relative;
+ display: inline-block;
+ width: 300px;
+ height: 300px;
+}
+
+.rz-gauge .rz-line,
+.rz-gauge .rz-tick {
+ stroke: var(--rz-gauge-scale-color);
+}
+.rz-gauge .rz-tick-text {
+ font-size: var(--rz-gauge-scale-font-size);
+ fill: var(--rz-gauge-scale-label-color);
+}
+
+.rz-arc-gauge .rz-line,
+.rz-arc-gauge .rz-tick {
+ stroke: var(--rz-gauge-arc-scale-color);
+}
+.rz-arc-gauge .rz-tick-text {
+ font-size: var(--rz-gauge-scale-font-size);
+ fill: var(--rz-gauge-arc-scale-label-color);
+}
+
+.rz-gauge-value {
+ position: absolute;
+ transform: translateX(-50%);
+ padding: 0.5rem;
+}
+
+.rz-arc-gauge-value {
+ position: absolute;
+ transform: translate(-50%, -50%);
+ padding: 0.5rem;
+}
+
+.rz-gauge-pointer {
+ fill: var(--rz-gauge-pointer-color);
+}
+
+.rz-arc-gauge-scale-value {
+ fill: var(--rz-gauge-arc-value-color);
+}
+
+.rz-arc-gauge-scale {
+ fill: var(--rz-gauge-arc-scale-color);
+}
+
+.rz-progressbar {
+ box-sizing: border-box;
+ border-radius: var(--rz-progressbar-border-radius);
+ height: var(--rz-progressbar-height);
+ position: relative;
+ background-color: var(--rz-progressbar-background-color);
+ text-align: center;
+ display: flex;
+ align-items: center;
+}
+
+.rz-progressbar-value {
+ border-radius: var(--rz-progressbar-border-radius);
+ position: absolute;
+ background-color: var(--rz-progressbar-value-background-color);
+ height: 100%;
+ width: var(--rz-progressbar-value);
+ transition: var(--rz-progressbar-value-transition);
+}
+
+.rz-progressbar-label,
+.rz-progressbar-label-value {
+ position: absolute;
+ inset-inline: 0;
+ inset-block-start: 50%;
+ margin-top: calc(-1 * var(--rz-progressbar-height) / 2);
+ text-align: center;
+ font-size: var(--rz-progressbar-font-size);
+ line-height: var(--rz-progressbar-height);
+}
+
+.rz-progressbar-label-value {
+ color: var(--rz-progressbar-color);
+ clip-path: inset(0 0 0 var(--rz-progressbar-value));
+}
+
+.rz-progressbar-circular {
+ box-sizing: border-box;
+ position: relative;
+}
+
+.rz-progressbar-circular-viewbox {
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+
+.rz-progressbar-circular-label {
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ line-height: 1;
+}
+
+.rz-progressbar-circular-background {
+ stroke: var(--rz-progressbar-background-color);
+ stroke-width: var(--rz-progressbar-circular-stroke-width);
+}
+
+.rz-progressbar-circular-value {
+ stroke-linecap: var(--rz-progressbar-circular-value-endpoint);
+ stroke-width: var(--rz-progressbar-circular-value-stroke-width);
+ stroke: var(--rz-progressbar-value-background-color);
+ transition: var(--rz-progressbar-value-transition);
+}
+
+.rz-progressbar-determinate .rz-progressbar-circular-value {
+ stroke-dasharray: 100;
+ transform: rotate(-0.25turn);
+}
+
+.rz-progressbar-indeterminate {
+ overflow: hidden;
+}
+.rz-progressbar-indeterminate .rz-progressbar-value {
+ background-color: transparent;
+}
+.rz-progressbar-indeterminate .rz-progressbar-value:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ background-color: var(--rz-progressbar-value-background-color);
+ will-change: left, right;
+ animation: 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite rz-progressbar-indeterminate-anim;
+}
+*[dir=rtl] .rz-progressbar-indeterminate .rz-progressbar-value:before {
+ animation-name: rz-progressbar-indeterminate-anim-rtl;
+}
+.rz-progressbar-indeterminate .rz-progressbar-value:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ background-color: var(--rz-progressbar-value-background-color);
+ will-change: left, right;
+ animation: 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite rz-progressbar-indeterminate-anim-short;
+ animation-delay: 1.15s;
+}
+*[dir=rtl] .rz-progressbar-indeterminate .rz-progressbar-value:after {
+ animation-name: rz-progressbar-indeterminate-anim-short-rtl;
+}
+@keyframes rz-progressbar-indeterminate-anim {
+ 0% {
+ left: -35%;
+ right: 100%;
+ }
+ 100%, 60% {
+ left: 100%;
+ right: -90%;
+ }
+}
+@keyframes rz-progressbar-indeterminate-anim-short {
+ 0% {
+ left: -200%;
+ right: 100%;
+ }
+ 100%, 60% {
+ left: 107%;
+ right: -8%;
+ }
+}
+@keyframes rz-progressbar-indeterminate-anim-rtl {
+ 0% {
+ right: -35%;
+ left: 100%;
+ }
+ 60%, 100% {
+ right: 100%;
+ left: -90%;
+ }
+}
+@keyframes rz-progressbar-indeterminate-anim-short-rtl {
+ 0% {
+ right: -200%;
+ left: 100%;
+ }
+ 60%, 100% {
+ right: 107%;
+ left: -8%;
+ }
+}
+.rz-progressbar-indeterminate .rz-progressbar-circular-value {
+ animation: rz-progressbar-circular-indeterminate-anim-rotate 2.1s linear infinite, rz-progressbar-circular-indeterminate-anim-dash 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+ transform-origin: 0 0;
+}
+@keyframes rz-progressbar-circular-indeterminate-anim-rotate {
+ 100% {
+ transform: rotate(1turn);
+ }
+}
+@keyframes rz-progressbar-circular-indeterminate-anim-dash {
+ 0% {
+ stroke-dasharray: 1, 100;
+ stroke-dashoffset: 0;
+ }
+ 50% {
+ stroke-dasharray: 70, 100;
+ stroke-dashoffset: -28;
+ }
+ 100% {
+ stroke-dasharray: 70, 100;
+ stroke-dashoffset: -99;
+ }
+}
+
+.rz-progressbar.rz-progressbar-primary {
+ color: var(--rz-on-primary);
+}
+
+.rz-progressbar-determinate.rz-progressbar-primary .rz-progressbar-value {
+ background-color: var(--rz-primary);
+}
+.rz-progressbar-determinate.rz-progressbar-primary .rz-progressbar-circular-value {
+ stroke: var(--rz-primary);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-primary .rz-progressbar-value:before {
+ background-color: var(--rz-primary);
+}
+.rz-progressbar-indeterminate.rz-progressbar-primary .rz-progressbar-value:after {
+ background-color: var(--rz-primary);
+}
+.rz-progressbar-indeterminate.rz-progressbar-primary .rz-progressbar-circular-value {
+ stroke: var(--rz-primary);
+}
+
+.rz-progressbar.rz-progressbar-secondary {
+ color: var(--rz-on-secondary);
+}
+
+.rz-progressbar-determinate.rz-progressbar-secondary .rz-progressbar-value {
+ background-color: var(--rz-secondary);
+}
+.rz-progressbar-determinate.rz-progressbar-secondary .rz-progressbar-circular-value {
+ stroke: var(--rz-secondary);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-secondary .rz-progressbar-value:before {
+ background-color: var(--rz-secondary);
+}
+.rz-progressbar-indeterminate.rz-progressbar-secondary .rz-progressbar-value:after {
+ background-color: var(--rz-secondary);
+}
+.rz-progressbar-indeterminate.rz-progressbar-secondary .rz-progressbar-circular-value {
+ stroke: var(--rz-secondary);
+}
+
+.rz-progressbar.rz-progressbar-info {
+ color: var(--rz-on-info);
+}
+
+.rz-progressbar-determinate.rz-progressbar-info .rz-progressbar-value {
+ background-color: var(--rz-info);
+}
+.rz-progressbar-determinate.rz-progressbar-info .rz-progressbar-circular-value {
+ stroke: var(--rz-info);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-info .rz-progressbar-value:before {
+ background-color: var(--rz-info);
+}
+.rz-progressbar-indeterminate.rz-progressbar-info .rz-progressbar-value:after {
+ background-color: var(--rz-info);
+}
+.rz-progressbar-indeterminate.rz-progressbar-info .rz-progressbar-circular-value {
+ stroke: var(--rz-info);
+}
+
+.rz-progressbar.rz-progressbar-warning {
+ color: var(--rz-on-warning);
+}
+
+.rz-progressbar-determinate.rz-progressbar-warning .rz-progressbar-value {
+ background-color: var(--rz-warning);
+}
+.rz-progressbar-determinate.rz-progressbar-warning .rz-progressbar-circular-value {
+ stroke: var(--rz-warning);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-warning .rz-progressbar-value:before {
+ background-color: var(--rz-warning);
+}
+.rz-progressbar-indeterminate.rz-progressbar-warning .rz-progressbar-value:after {
+ background-color: var(--rz-warning);
+}
+.rz-progressbar-indeterminate.rz-progressbar-warning .rz-progressbar-circular-value {
+ stroke: var(--rz-warning);
+}
+
+.rz-progressbar.rz-progressbar-error {
+ color: var(--rz-on-danger);
+}
+
+.rz-progressbar-determinate.rz-progressbar-error .rz-progressbar-value {
+ background-color: var(--rz-danger);
+}
+.rz-progressbar-determinate.rz-progressbar-error .rz-progressbar-circular-value {
+ stroke: var(--rz-danger);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-error .rz-progressbar-value:before {
+ background-color: var(--rz-danger);
+}
+.rz-progressbar-indeterminate.rz-progressbar-error .rz-progressbar-value:after {
+ background-color: var(--rz-danger);
+}
+.rz-progressbar-indeterminate.rz-progressbar-error .rz-progressbar-circular-value {
+ stroke: var(--rz-danger);
+}
+
+.rz-progressbar.rz-progressbar-danger {
+ color: var(--rz-on-danger);
+}
+
+.rz-progressbar-determinate.rz-progressbar-danger .rz-progressbar-value {
+ background-color: var(--rz-danger);
+}
+.rz-progressbar-determinate.rz-progressbar-danger .rz-progressbar-circular-value {
+ stroke: var(--rz-danger);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-danger .rz-progressbar-value:before {
+ background-color: var(--rz-danger);
+}
+.rz-progressbar-indeterminate.rz-progressbar-danger .rz-progressbar-value:after {
+ background-color: var(--rz-danger);
+}
+.rz-progressbar-indeterminate.rz-progressbar-danger .rz-progressbar-circular-value {
+ stroke: var(--rz-danger);
+}
+
+.rz-progressbar.rz-progressbar-success {
+ color: var(--rz-on-success);
+}
+
+.rz-progressbar-determinate.rz-progressbar-success .rz-progressbar-value {
+ background-color: var(--rz-success);
+}
+.rz-progressbar-determinate.rz-progressbar-success .rz-progressbar-circular-value {
+ stroke: var(--rz-success);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-success .rz-progressbar-value:before {
+ background-color: var(--rz-success);
+}
+.rz-progressbar-indeterminate.rz-progressbar-success .rz-progressbar-value:after {
+ background-color: var(--rz-success);
+}
+.rz-progressbar-indeterminate.rz-progressbar-success .rz-progressbar-circular-value {
+ stroke: var(--rz-success);
+}
+
+.rz-progressbar.rz-progressbar-base {
+ color: var(--rz-text-contrast-color);
+}
+
+.rz-progressbar-determinate.rz-progressbar-base .rz-progressbar-value {
+ background-color: var(--rz-base-600);
+}
+.rz-progressbar-determinate.rz-progressbar-base .rz-progressbar-circular-value {
+ stroke: var(--rz-base-600);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-base .rz-progressbar-value:before {
+ background-color: var(--rz-base-600);
+}
+.rz-progressbar-indeterminate.rz-progressbar-base .rz-progressbar-value:after {
+ background-color: var(--rz-base-600);
+}
+.rz-progressbar-indeterminate.rz-progressbar-base .rz-progressbar-circular-value {
+ stroke: var(--rz-base-600);
+}
+
+.rz-progressbar.rz-progressbar-light {
+ color: var(--rz-text-title-color);
+}
+
+.rz-progressbar-determinate.rz-progressbar-light .rz-progressbar-value {
+ background-color: var(--rz-base-400);
+}
+.rz-progressbar-determinate.rz-progressbar-light .rz-progressbar-circular-value {
+ stroke: var(--rz-base-400);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-light .rz-progressbar-value:before {
+ background-color: var(--rz-base-400);
+}
+.rz-progressbar-indeterminate.rz-progressbar-light .rz-progressbar-value:after {
+ background-color: var(--rz-base-400);
+}
+.rz-progressbar-indeterminate.rz-progressbar-light .rz-progressbar-circular-value {
+ stroke: var(--rz-base-400);
+}
+
+.rz-progressbar.rz-progressbar-dark {
+ color: var(--rz-text-contrast-color);
+}
+
+.rz-progressbar-determinate.rz-progressbar-dark .rz-progressbar-value {
+ background-color: var(--rz-base-900);
+}
+.rz-progressbar-determinate.rz-progressbar-dark .rz-progressbar-circular-value {
+ stroke: var(--rz-base-900);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-dark .rz-progressbar-value:before {
+ background-color: var(--rz-base-900);
+}
+.rz-progressbar-indeterminate.rz-progressbar-dark .rz-progressbar-value:after {
+ background-color: var(--rz-base-900);
+}
+.rz-progressbar-indeterminate.rz-progressbar-dark .rz-progressbar-circular-value {
+ stroke: var(--rz-base-900);
+}
+
+.rz-progressbar-circular-lg {
+ width: 6rem;
+ height: 6rem;
+ font-size: calc(var(--rz-progressbar-font-size) * 1.25);
+}
+
+.rz-progressbar-circular-md {
+ width: 3rem;
+ height: 3rem;
+ font-size: calc(var(--rz-progressbar-font-size) * 0.75);
+}
+
+.rz-progressbar-circular-sm {
+ width: 2rem;
+ height: 2rem;
+ font-size: calc(var(--rz-progressbar-font-size) * 0.5);
+}
+
+.rz-progressbar-circular-xs {
+ width: 1.25rem;
+ height: 1.25rem;
+ font-size: calc(var(--rz-progressbar-font-size) * 0.375);
+}
+
+.rz-chart {
+ box-sizing: border-box;
+ position: relative;
+ height: 300px;
+}
+
+.rz-area-series {
+ fill-opacity: 0.8;
+}
+
+.rz-scheme-pastel .rz-series-0 {
+ fill: var(--rz-series-1);
+ stroke: var(--rz-series-1);
+}
+.rz-scheme-pastel .rz-series-0-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-1);
+}
+.rz-scheme-pastel .rz-series-item-0 {
+ fill: var(--rz-series-1);
+ stroke: var(--rz-series-1);
+}
+.rz-scheme-pastel .rz-series-item-0 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-1);
+}
+
+.rz-scheme-pastel .rz-series-1 {
+ fill: var(--rz-series-2);
+ stroke: var(--rz-series-2);
+}
+.rz-scheme-pastel .rz-series-1-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-2);
+}
+.rz-scheme-pastel .rz-series-item-1 {
+ fill: var(--rz-series-2);
+ stroke: var(--rz-series-2);
+}
+.rz-scheme-pastel .rz-series-item-1 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-2);
+}
+
+.rz-scheme-pastel .rz-series-2 {
+ fill: var(--rz-series-3);
+ stroke: var(--rz-series-3);
+}
+.rz-scheme-pastel .rz-series-2-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-3);
+}
+.rz-scheme-pastel .rz-series-item-2 {
+ fill: var(--rz-series-3);
+ stroke: var(--rz-series-3);
+}
+.rz-scheme-pastel .rz-series-item-2 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-3);
+}
+
+.rz-scheme-pastel .rz-series-3 {
+ fill: var(--rz-series-4);
+ stroke: var(--rz-series-4);
+}
+.rz-scheme-pastel .rz-series-3-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-4);
+}
+.rz-scheme-pastel .rz-series-item-3 {
+ fill: var(--rz-series-4);
+ stroke: var(--rz-series-4);
+}
+.rz-scheme-pastel .rz-series-item-3 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-4);
+}
+
+.rz-scheme-pastel .rz-series-4 {
+ fill: var(--rz-series-5);
+ stroke: var(--rz-series-5);
+}
+.rz-scheme-pastel .rz-series-4-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-5);
+}
+.rz-scheme-pastel .rz-series-item-4 {
+ fill: var(--rz-series-5);
+ stroke: var(--rz-series-5);
+}
+.rz-scheme-pastel .rz-series-item-4 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-5);
+}
+
+.rz-scheme-pastel .rz-series-5 {
+ fill: var(--rz-series-6);
+ stroke: var(--rz-series-6);
+}
+.rz-scheme-pastel .rz-series-5-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-6);
+}
+.rz-scheme-pastel .rz-series-item-5 {
+ fill: var(--rz-series-6);
+ stroke: var(--rz-series-6);
+}
+.rz-scheme-pastel .rz-series-item-5 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-6);
+}
+
+.rz-scheme-pastel .rz-series-6 {
+ fill: var(--rz-series-7);
+ stroke: var(--rz-series-7);
+}
+.rz-scheme-pastel .rz-series-6-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-7);
+}
+.rz-scheme-pastel .rz-series-item-6 {
+ fill: var(--rz-series-7);
+ stroke: var(--rz-series-7);
+}
+.rz-scheme-pastel .rz-series-item-6 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-7);
+}
+
+.rz-scheme-pastel .rz-series-7 {
+ fill: var(--rz-series-8);
+ stroke: var(--rz-series-8);
+}
+.rz-scheme-pastel .rz-series-7-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-8);
+}
+.rz-scheme-pastel .rz-series-item-7 {
+ fill: var(--rz-series-8);
+ stroke: var(--rz-series-8);
+}
+.rz-scheme-pastel .rz-series-item-7 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-8);
+}
+
+.rz-scheme-pastel .rz-series-8 {
+ fill: var(--rz-series-9);
+ stroke: var(--rz-series-9);
+}
+.rz-scheme-pastel .rz-series-8-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-9);
+}
+.rz-scheme-pastel .rz-series-item-8 {
+ fill: var(--rz-series-9);
+ stroke: var(--rz-series-9);
+}
+.rz-scheme-pastel .rz-series-item-8 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-9);
+}
+
+.rz-scheme-pastel .rz-series-9 {
+ fill: var(--rz-series-10);
+ stroke: var(--rz-series-10);
+}
+.rz-scheme-pastel .rz-series-9-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-10);
+}
+.rz-scheme-pastel .rz-series-item-9 {
+ fill: var(--rz-series-10);
+ stroke: var(--rz-series-10);
+}
+.rz-scheme-pastel .rz-series-item-9 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-10);
+}
+
+.rz-scheme-pastel .rz-series-10 {
+ fill: var(--rz-series-11);
+ stroke: var(--rz-series-11);
+}
+.rz-scheme-pastel .rz-series-10-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-11);
+}
+.rz-scheme-pastel .rz-series-item-10 {
+ fill: var(--rz-series-11);
+ stroke: var(--rz-series-11);
+}
+.rz-scheme-pastel .rz-series-item-10 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-11);
+}
+
+.rz-scheme-pastel .rz-series-11 {
+ fill: var(--rz-series-12);
+ stroke: var(--rz-series-12);
+}
+.rz-scheme-pastel .rz-series-11-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-12);
+}
+.rz-scheme-pastel .rz-series-item-11 {
+ fill: var(--rz-series-12);
+ stroke: var(--rz-series-12);
+}
+.rz-scheme-pastel .rz-series-item-11 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-12);
+}
+
+.rz-scheme-pastel .rz-series-12 {
+ fill: var(--rz-series-13);
+ stroke: var(--rz-series-13);
+}
+.rz-scheme-pastel .rz-series-12-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-13);
+}
+.rz-scheme-pastel .rz-series-item-12 {
+ fill: var(--rz-series-13);
+ stroke: var(--rz-series-13);
+}
+.rz-scheme-pastel .rz-series-item-12 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-13);
+}
+
+.rz-scheme-pastel .rz-series-13 {
+ fill: var(--rz-series-14);
+ stroke: var(--rz-series-14);
+}
+.rz-scheme-pastel .rz-series-13-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-14);
+}
+.rz-scheme-pastel .rz-series-item-13 {
+ fill: var(--rz-series-14);
+ stroke: var(--rz-series-14);
+}
+.rz-scheme-pastel .rz-series-item-13 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-14);
+}
+
+.rz-scheme-pastel .rz-series-14 {
+ fill: var(--rz-series-15);
+ stroke: var(--rz-series-15);
+}
+.rz-scheme-pastel .rz-series-14-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-15);
+}
+.rz-scheme-pastel .rz-series-item-14 {
+ fill: var(--rz-series-15);
+ stroke: var(--rz-series-15);
+}
+.rz-scheme-pastel .rz-series-item-14 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-15);
+}
+
+.rz-scheme-pastel .rz-series-15 {
+ fill: var(--rz-series-16);
+ stroke: var(--rz-series-16);
+}
+.rz-scheme-pastel .rz-series-15-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-16);
+}
+.rz-scheme-pastel .rz-series-item-15 {
+ fill: var(--rz-series-16);
+ stroke: var(--rz-series-16);
+}
+.rz-scheme-pastel .rz-series-item-15 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-16);
+}
+
+.rz-scheme-pastel .rz-series-16 {
+ fill: var(--rz-series-17);
+ stroke: var(--rz-series-17);
+}
+.rz-scheme-pastel .rz-series-16-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-17);
+}
+.rz-scheme-pastel .rz-series-item-16 {
+ fill: var(--rz-series-17);
+ stroke: var(--rz-series-17);
+}
+.rz-scheme-pastel .rz-series-item-16 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-17);
+}
+
+.rz-scheme-pastel .rz-series-17 {
+ fill: var(--rz-series-18);
+ stroke: var(--rz-series-18);
+}
+.rz-scheme-pastel .rz-series-17-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-18);
+}
+.rz-scheme-pastel .rz-series-item-17 {
+ fill: var(--rz-series-18);
+ stroke: var(--rz-series-18);
+}
+.rz-scheme-pastel .rz-series-item-17 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-18);
+}
+
+.rz-scheme-pastel .rz-series-18 {
+ fill: var(--rz-series-19);
+ stroke: var(--rz-series-19);
+}
+.rz-scheme-pastel .rz-series-18-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-19);
+}
+.rz-scheme-pastel .rz-series-item-18 {
+ fill: var(--rz-series-19);
+ stroke: var(--rz-series-19);
+}
+.rz-scheme-pastel .rz-series-item-18 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-19);
+}
+
+.rz-scheme-pastel .rz-series-19 {
+ fill: var(--rz-series-20);
+ stroke: var(--rz-series-20);
+}
+.rz-scheme-pastel .rz-series-19-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-20);
+}
+.rz-scheme-pastel .rz-series-item-19 {
+ fill: var(--rz-series-20);
+ stroke: var(--rz-series-20);
+}
+.rz-scheme-pastel .rz-series-item-19 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-20);
+}
+
+.rz-scheme-pastel .rz-series-20 {
+ fill: var(--rz-series-21);
+ stroke: var(--rz-series-21);
+}
+.rz-scheme-pastel .rz-series-20-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-21);
+}
+.rz-scheme-pastel .rz-series-item-20 {
+ fill: var(--rz-series-21);
+ stroke: var(--rz-series-21);
+}
+.rz-scheme-pastel .rz-series-item-20 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-21);
+}
+
+.rz-scheme-pastel .rz-series-21 {
+ fill: var(--rz-series-22);
+ stroke: var(--rz-series-22);
+}
+.rz-scheme-pastel .rz-series-21-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-22);
+}
+.rz-scheme-pastel .rz-series-item-21 {
+ fill: var(--rz-series-22);
+ stroke: var(--rz-series-22);
+}
+.rz-scheme-pastel .rz-series-item-21 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-22);
+}
+
+.rz-scheme-pastel .rz-series-22 {
+ fill: var(--rz-series-23);
+ stroke: var(--rz-series-23);
+}
+.rz-scheme-pastel .rz-series-22-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-23);
+}
+.rz-scheme-pastel .rz-series-item-22 {
+ fill: var(--rz-series-23);
+ stroke: var(--rz-series-23);
+}
+.rz-scheme-pastel .rz-series-item-22 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-23);
+}
+
+.rz-scheme-pastel .rz-series-23 {
+ fill: var(--rz-series-24);
+ stroke: var(--rz-series-24);
+}
+.rz-scheme-pastel .rz-series-23-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-24);
+}
+.rz-scheme-pastel .rz-series-item-23 {
+ fill: var(--rz-series-24);
+ stroke: var(--rz-series-24);
+}
+.rz-scheme-pastel .rz-series-item-23 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-24);
+}
+
+.rz-scheme-palette .rz-series-0 {
+ fill: #003f5c;
+ stroke: #003f5c;
+}
+.rz-scheme-palette .rz-series-0-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #003f5c;
+}
+.rz-scheme-palette .rz-series-item-0 {
+ fill: #003f5c;
+ stroke: #003f5c;
+}
+.rz-scheme-palette .rz-series-item-0 .rz-chart-tooltip-content {
+ border: 1px solid #003f5c;
+}
+
+.rz-scheme-palette .rz-series-1 {
+ fill: #2f4b7c;
+ stroke: #2f4b7c;
+}
+.rz-scheme-palette .rz-series-1-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #2f4b7c;
+}
+.rz-scheme-palette .rz-series-item-1 {
+ fill: #2f4b7c;
+ stroke: #2f4b7c;
+}
+.rz-scheme-palette .rz-series-item-1 .rz-chart-tooltip-content {
+ border: 1px solid #2f4b7c;
+}
+
+.rz-scheme-palette .rz-series-2 {
+ fill: #665191;
+ stroke: #665191;
+}
+.rz-scheme-palette .rz-series-2-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #665191;
+}
+.rz-scheme-palette .rz-series-item-2 {
+ fill: #665191;
+ stroke: #665191;
+}
+.rz-scheme-palette .rz-series-item-2 .rz-chart-tooltip-content {
+ border: 1px solid #665191;
+}
+
+.rz-scheme-palette .rz-series-3 {
+ fill: #a05195;
+ stroke: #a05195;
+}
+.rz-scheme-palette .rz-series-3-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #a05195;
+}
+.rz-scheme-palette .rz-series-item-3 {
+ fill: #a05195;
+ stroke: #a05195;
+}
+.rz-scheme-palette .rz-series-item-3 .rz-chart-tooltip-content {
+ border: 1px solid #a05195;
+}
+
+.rz-scheme-palette .rz-series-4 {
+ fill: #d45087;
+ stroke: #d45087;
+}
+.rz-scheme-palette .rz-series-4-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #d45087;
+}
+.rz-scheme-palette .rz-series-item-4 {
+ fill: #d45087;
+ stroke: #d45087;
+}
+.rz-scheme-palette .rz-series-item-4 .rz-chart-tooltip-content {
+ border: 1px solid #d45087;
+}
+
+.rz-scheme-palette .rz-series-5 {
+ fill: #f95d6a;
+ stroke: #f95d6a;
+}
+.rz-scheme-palette .rz-series-5-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #f95d6a;
+}
+.rz-scheme-palette .rz-series-item-5 {
+ fill: #f95d6a;
+ stroke: #f95d6a;
+}
+.rz-scheme-palette .rz-series-item-5 .rz-chart-tooltip-content {
+ border: 1px solid #f95d6a;
+}
+
+.rz-scheme-palette .rz-series-6 {
+ fill: #ff7c43;
+ stroke: #ff7c43;
+}
+.rz-scheme-palette .rz-series-6-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #ff7c43;
+}
+.rz-scheme-palette .rz-series-item-6 {
+ fill: #ff7c43;
+ stroke: #ff7c43;
+}
+.rz-scheme-palette .rz-series-item-6 .rz-chart-tooltip-content {
+ border: 1px solid #ff7c43;
+}
+
+.rz-scheme-palette .rz-series-7 {
+ fill: #ffa600;
+ stroke: #ffa600;
+}
+.rz-scheme-palette .rz-series-7-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #ffa600;
+}
+.rz-scheme-palette .rz-series-item-7 {
+ fill: #ffa600;
+ stroke: #ffa600;
+}
+.rz-scheme-palette .rz-series-item-7 .rz-chart-tooltip-content {
+ border: 1px solid #ffa600;
+}
+
+.rz-scheme-monochrome .rz-series-0 {
+ fill: #004c6d;
+ stroke: #004c6d;
+}
+.rz-scheme-monochrome .rz-series-0-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #004c6d;
+}
+.rz-scheme-monochrome .rz-series-item-0 {
+ fill: #004c6d;
+ stroke: #004c6d;
+}
+.rz-scheme-monochrome .rz-series-item-0 .rz-chart-tooltip-content {
+ border: 1px solid #004c6d;
+}
+
+.rz-scheme-monochrome .rz-series-1 {
+ fill: #296080;
+ stroke: #296080;
+}
+.rz-scheme-monochrome .rz-series-1-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #296080;
+}
+.rz-scheme-monochrome .rz-series-item-1 {
+ fill: #296080;
+ stroke: #296080;
+}
+.rz-scheme-monochrome .rz-series-item-1 .rz-chart-tooltip-content {
+ border: 1px solid #296080;
+}
+
+.rz-scheme-monochrome .rz-series-2 {
+ fill: #437594;
+ stroke: #437594;
+}
+.rz-scheme-monochrome .rz-series-2-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #437594;
+}
+.rz-scheme-monochrome .rz-series-item-2 {
+ fill: #437594;
+ stroke: #437594;
+}
+.rz-scheme-monochrome .rz-series-item-2 .rz-chart-tooltip-content {
+ border: 1px solid #437594;
+}
+
+.rz-scheme-monochrome .rz-series-3 {
+ fill: #5d8ba9;
+ stroke: #5d8ba9;
+}
+.rz-scheme-monochrome .rz-series-3-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #5d8ba9;
+}
+.rz-scheme-monochrome .rz-series-item-3 {
+ fill: #5d8ba9;
+ stroke: #5d8ba9;
+}
+.rz-scheme-monochrome .rz-series-item-3 .rz-chart-tooltip-content {
+ border: 1px solid #5d8ba9;
+}
+
+.rz-scheme-monochrome .rz-series-4 {
+ fill: #75a1be;
+ stroke: #75a1be;
+}
+.rz-scheme-monochrome .rz-series-4-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #75a1be;
+}
+.rz-scheme-monochrome .rz-series-item-4 {
+ fill: #75a1be;
+ stroke: #75a1be;
+}
+.rz-scheme-monochrome .rz-series-item-4 .rz-chart-tooltip-content {
+ border: 1px solid #75a1be;
+}
+
+.rz-scheme-monochrome .rz-series-5 {
+ fill: #8eb8d3;
+ stroke: #8eb8d3;
+}
+.rz-scheme-monochrome .rz-series-5-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #8eb8d3;
+}
+.rz-scheme-monochrome .rz-series-item-5 {
+ fill: #8eb8d3;
+ stroke: #8eb8d3;
+}
+.rz-scheme-monochrome .rz-series-item-5 .rz-chart-tooltip-content {
+ border: 1px solid #8eb8d3;
+}
+
+.rz-scheme-monochrome .rz-series-6 {
+ fill: #a7cfe9;
+ stroke: #a7cfe9;
+}
+.rz-scheme-monochrome .rz-series-6-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #a7cfe9;
+}
+.rz-scheme-monochrome .rz-series-item-6 {
+ fill: #a7cfe9;
+ stroke: #a7cfe9;
+}
+.rz-scheme-monochrome .rz-series-item-6 .rz-chart-tooltip-content {
+ border: 1px solid #a7cfe9;
+}
+
+.rz-scheme-monochrome .rz-series-7 {
+ fill: #c1e7ff;
+ stroke: #c1e7ff;
+}
+.rz-scheme-monochrome .rz-series-7-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #c1e7ff;
+}
+.rz-scheme-monochrome .rz-series-item-7 {
+ fill: #c1e7ff;
+ stroke: #c1e7ff;
+}
+.rz-scheme-monochrome .rz-series-item-7 .rz-chart-tooltip-content {
+ border: 1px solid #c1e7ff;
+}
+
+.rz-scheme-divergent .rz-series-0 {
+ fill: #00876c;
+ stroke: #00876c;
+}
+.rz-scheme-divergent .rz-series-0-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #00876c;
+}
+.rz-scheme-divergent .rz-series-item-0 {
+ fill: #00876c;
+ stroke: #00876c;
+}
+.rz-scheme-divergent .rz-series-item-0 .rz-chart-tooltip-content {
+ border: 1px solid #00876c;
+}
+
+.rz-scheme-divergent .rz-series-1 {
+ fill: #57a18b;
+ stroke: #57a18b;
+}
+.rz-scheme-divergent .rz-series-1-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #57a18b;
+}
+.rz-scheme-divergent .rz-series-item-1 {
+ fill: #57a18b;
+ stroke: #57a18b;
+}
+.rz-scheme-divergent .rz-series-item-1 .rz-chart-tooltip-content {
+ border: 1px solid #57a18b;
+}
+
+.rz-scheme-divergent .rz-series-2 {
+ fill: #8cbcac;
+ stroke: #8cbcac;
+}
+.rz-scheme-divergent .rz-series-2-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #8cbcac;
+}
+.rz-scheme-divergent .rz-series-item-2 {
+ fill: #8cbcac;
+ stroke: #8cbcac;
+}
+.rz-scheme-divergent .rz-series-item-2 .rz-chart-tooltip-content {
+ border: 1px solid #8cbcac;
+}
+
+.rz-scheme-divergent .rz-series-3 {
+ fill: #bed6ce;
+ stroke: #bed6ce;
+}
+.rz-scheme-divergent .rz-series-3-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #bed6ce;
+}
+.rz-scheme-divergent .rz-series-item-3 {
+ fill: #bed6ce;
+ stroke: #bed6ce;
+}
+.rz-scheme-divergent .rz-series-item-3 .rz-chart-tooltip-content {
+ border: 1px solid #bed6ce;
+}
+
+.rz-scheme-divergent .rz-series-4 {
+ fill: #f1f1f1;
+ stroke: #f1f1f1;
+}
+.rz-scheme-divergent .rz-series-4-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #f1f1f1;
+}
+.rz-scheme-divergent .rz-series-item-4 {
+ fill: #f1f1f1;
+ stroke: #f1f1f1;
+}
+.rz-scheme-divergent .rz-series-item-4 .rz-chart-tooltip-content {
+ border: 1px solid #f1f1f1;
+}
+
+.rz-scheme-divergent .rz-series-5 {
+ fill: #f1c6c6;
+ stroke: #f1c6c6;
+}
+.rz-scheme-divergent .rz-series-5-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #f1c6c6;
+}
+.rz-scheme-divergent .rz-series-item-5 {
+ fill: #f1c6c6;
+ stroke: #f1c6c6;
+}
+.rz-scheme-divergent .rz-series-item-5 .rz-chart-tooltip-content {
+ border: 1px solid #f1c6c6;
+}
+
+.rz-scheme-divergent .rz-series-6 {
+ fill: #ec9c9d;
+ stroke: #ec9c9d;
+}
+.rz-scheme-divergent .rz-series-6-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #ec9c9d;
+}
+.rz-scheme-divergent .rz-series-item-6 {
+ fill: #ec9c9d;
+ stroke: #ec9c9d;
+}
+.rz-scheme-divergent .rz-series-item-6 .rz-chart-tooltip-content {
+ border: 1px solid #ec9c9d;
+}
+
+.rz-scheme-divergent .rz-series-7 {
+ fill: #e27076;
+ stroke: #e27076;
+}
+.rz-scheme-divergent .rz-series-7-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #e27076;
+}
+.rz-scheme-divergent .rz-series-item-7 {
+ fill: #e27076;
+ stroke: #e27076;
+}
+.rz-scheme-divergent .rz-series-item-7 .rz-chart-tooltip-content {
+ border: 1px solid #e27076;
+}
+
+.rz-scheme-divergent .rz-series-8 {
+ fill: #d43d51;
+ stroke: #d43d51;
+}
+.rz-scheme-divergent .rz-series-8-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #d43d51;
+}
+.rz-scheme-divergent .rz-series-item-8 {
+ fill: #d43d51;
+ stroke: #d43d51;
+}
+.rz-scheme-divergent .rz-series-item-8 .rz-chart-tooltip-content {
+ border: 1px solid #d43d51;
+}
+
+.rz-marker {
+ stroke: var(--rz-chart-marker-stroke);
+}
+
+.rz-area-series .rz-marker {
+ fill-opacity: 1;
+}
+
+.rz-axis {
+ stroke: var(--rz-chart-axis-color);
+ font-size: var(--rz-chart-axis-font-size);
+}
+
+.rz-axis .rz-grid-line {
+ stroke: var(--rz-chart-axis-color);
+}
+
+.rz-tick-text {
+ stroke: none;
+ fill: var(--rz-chart-axis-label-color);
+}
+
+.rz-series-data-label {
+ fill: var(--rz-chart-axis-label-color);
+}
+
+.rz-value-axis .rz-tick-text {
+ text-anchor: end;
+ /* Right-to-left anchor */
+}
+*[dir=rtl] .rz-value-axis .rz-tick-text {
+ text-anchor: start;
+}
+
+.rz-axis .rz-axis-title {
+ stroke: none;
+ text-anchor: middle;
+ fill: var(--rz-text-title-color);
+}
+
+.rz-donut-title {
+ text-anchor: middle;
+ fill: var(--rz-text-title-color);
+}
+
+.rz-donut-content {
+ height: 100%;
+ text-align: center;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+}
+
+.rz-legend {
+ position: absolute;
+ display: flex;
+ font-size: var(--rz-chart-legend-font-size);
+}
+
+.rz-legend-right {
+ right: 0;
+ top: 0;
+ bottom: 0;
+ align-items: center;
+}
+
+.rz-legend-left {
+ left: 0;
+ top: 0;
+ bottom: 0;
+ align-items: center;
+}
+
+.rz-legend-top {
+ top: 0;
+ left: 0;
+ right: 0;
+ justify-content: center;
+}
+
+.rz-legend-bottom {
+ bottom: 0;
+ left: 0;
+ right: 0;
+ justify-content: center;
+}
+
+.rz-legend-items {
+ padding: 0;
+ margin: 0;
+ overflow-y: auto;
+ overflow-x: hidden;
+ max-height: 100%;
+}
+
+.rz-legend-item {
+ display: flex;
+ align-items: center;
+ gap: 0.25rem;
+ margin: 0.25rem;
+ cursor: pointer;
+}
+.rz-legend-item:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-legend-item:focus-visible {
+ outline: var(--rz-chart-legend-focus-outline);
+ outline-offset: var(--rz-chart-legend-focus-outline-offset);
+ border-radius: var(--rz-border-radius);
+}
+
+.rz-legend-top .rz-legend-item,
+.rz-legend-bottom .rz-legend-item {
+ display: inline-flex;
+}
+
+.rz-chart-tooltip {
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+
+.rz-top-chart-tooltip {
+ transform: translate(-50%, -100%);
+}
+
+.rz-bottom-chart-tooltip {
+ transform: translate(-50%, 0);
+}
+
+.rz-chart-tooltip-content {
+ background: var(--rz-chart-tooltip-background);
+ color: var(--rz-chart-tooltip-color);
+ box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15);
+ padding: 0.5rem;
+ border-radius: var(--rz-chart-tooltip-border-radius);
+ white-space: nowrap;
+ font-size: var(--rz-chart-tooltip-font-size);
+}
+
+.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after {
+ content: " ";
+ position: absolute;
+ width: 8px;
+ height: 8px;
+ background-color: inherit;
+ transform-origin: center;
+}
+
+.rz-top-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content {
+ margin-bottom: 15px;
+}
+.rz-top-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after {
+ left: 50%;
+ bottom: 0;
+ transform: translate(-50%, -11px) rotate(45deg);
+ border-bottom: inherit;
+ border-right: inherit;
+}
+
+.rz-bottom-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content {
+ margin-top: 15px;
+}
+.rz-bottom-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after {
+ left: 50%;
+ top: 0;
+ transform: translate(-50%, 11px) rotate(45deg);
+ border-top: inherit;
+ border-left: inherit;
+}
+
+.rz-chart-tooltip-title {
+ font-weight: 700;
+}
+
+.rz-chart-tooltip-item-value {
+ font-weight: 600;
+ text-align: end;
+ font-variant-numeric: tabular-nums;
+}
+
+.rz-chart-shared-tooltip:has(.rz-chart-tooltip-item-content) .rz-chart-tooltip-title {
+ padding: 0 0.5rem;
+}
+.rz-chart-shared-tooltip:has(.rz-chart-tooltip-item-content) .rz-chart-tooltip-content {
+ border: none;
+}
+
+.rz-chart-tooltip-item-content {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 1rem;
+ padding: 0.125rem 0.5rem;
+ border-radius: var(--rz-chart-tooltip-item-border-radius);
+}
+.rz-chart-tooltip-item-content:hover {
+ background-color: var(--rz-chart-tooltip-item-hover-background-color);
+}
+.rz-chart-tooltip-item-content .rz-legend-item {
+ margin: 0;
+ cursor: inherit;
+}
+
+.rz-sankey-diagram {
+ position: relative;
+ display: block;
+ overflow: hidden;
+ border-radius: var(--rz-border-radius);
+ height: 300px;
+ color: var(--rz-sankey-label-color);
+}
+.rz-sankey-diagram svg {
+ display: block;
+ width: 100%;
+ height: 100%;
+}
+.rz-sankey-diagram .rz-sankey-link {
+ cursor: pointer;
+ pointer-events: painted;
+ fill-opacity: 0.8;
+ opacity: var(--rz-sankey-link-opacity);
+ stroke-width: var(--rz-sankey-link-stroke-width);
+ transition: opacity 0.2s;
+}
+.rz-sankey-diagram .rz-sankey-link:hover {
+ opacity: var(--rz-sankey-link-hover-opacity);
+}
+.rz-sankey-diagram .rz-sankey-node {
+ cursor: pointer;
+}
+.rz-sankey-diagram .rz-sankey-node rect {
+ stroke-width: var(--rz-sankey-node-stroke-width);
+ transition: opacity 0.2s;
+}
+.rz-sankey-diagram .rz-sankey-node:hover rect {
+ opacity: 0.9;
+}
+.rz-sankey-diagram svg text {
+ fill: var(--rz-sankey-label-color);
+}
+.rz-sankey-diagram text.rz-sankey-node-label {
+ font-size: var(--rz-sankey-label-font-size);
+ fill: var(--rz-sankey-label-color);
+ stroke: var(--rz-sankey-label-stroke);
+ stroke-width: var(--rz-sankey-label-stroke-width);
+ stroke-linejoin: round;
+ paint-order: stroke;
+ font-weight: normal;
+ pointer-events: none;
+ user-select: none;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-0.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-0 rect {
+ fill: #003f5c;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-1.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-1 rect {
+ fill: #2f4b7c;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-2.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-2 rect {
+ fill: #665191;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-3.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-3 rect {
+ fill: #a05195;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-4.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-4 rect {
+ fill: #d45087;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-5.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-5 rect {
+ fill: #f95d6a;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-6.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-6 rect {
+ fill: #ff7c43;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-7.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-7 rect {
+ fill: #ffa600;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-8.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-8 rect {
+ fill: #003f5c;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-9.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-9 rect {
+ fill: #2f4b7c;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-10.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-10 rect {
+ fill: #665191;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-11.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-11 rect {
+ fill: #a05195;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-12.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-12 rect {
+ fill: #d45087;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-13.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-13 rect {
+ fill: #f95d6a;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-14.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-14 rect {
+ fill: #ff7c43;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-15.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-15 rect {
+ fill: #ffa600;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-16.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-16 rect {
+ fill: #003f5c;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-17.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-17 rect {
+ fill: #2f4b7c;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-18.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-18 rect {
+ fill: #665191;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-19.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-19 rect {
+ fill: #a05195;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-20.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-20 rect {
+ fill: #d45087;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-21.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-21 rect {
+ fill: #f95d6a;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-22.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-22 rect {
+ fill: #ff7c43;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-23.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-23 rect {
+ fill: #ffa600;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-0.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-0 rect {
+ fill: #004c6d;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-1.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-1 rect {
+ fill: #255e7e;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-2.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-2 rect {
+ fill: #3d708f;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-3.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-3 rect {
+ fill: #5383a1;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-4.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-4 rect {
+ fill: #6996b3;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-5.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-5 rect {
+ fill: #7faac6;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-6.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-6 rect {
+ fill: #94bed9;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-7.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-7 rect {
+ fill: #abd2ec;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-8.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-8 rect {
+ fill: #c1e7ff;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-9.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-9 rect {
+ fill: #004c6d;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-10.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-10 rect {
+ fill: #255e7e;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-11.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-11 rect {
+ fill: #3d708f;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-12.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-12 rect {
+ fill: #5383a1;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-13.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-13 rect {
+ fill: #6996b3;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-14.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-14 rect {
+ fill: #7faac6;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-15.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-15 rect {
+ fill: #94bed9;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-16.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-16 rect {
+ fill: #abd2ec;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-17.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-17 rect {
+ fill: #c1e7ff;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-18.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-18 rect {
+ fill: #004c6d;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-19.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-19 rect {
+ fill: #255e7e;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-20.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-20 rect {
+ fill: #3d708f;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-21.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-21 rect {
+ fill: #5383a1;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-22.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-22 rect {
+ fill: #6996b3;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-23.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-23 rect {
+ fill: #7faac6;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-0.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-0 rect {
+ fill: #00876c;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-1.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-1 rect {
+ fill: #469f76;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-2.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-2 rect {
+ fill: #70b77e;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-3.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-3 rect {
+ fill: #98ce86;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-4.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-4 rect {
+ fill: #c1e48e;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-5.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-5 rect {
+ fill: #eaf898;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-6.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-6 rect {
+ fill: #ffffad;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-7.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-7 rect {
+ fill: #fed693;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-8.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-8 rect {
+ fill: #fcaa78;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-9.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-9 rect {
+ fill: #f77b5f;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-10.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-10 rect {
+ fill: #ed4a46;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-11.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-11 rect {
+ fill: #d92632;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-12.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-12 rect {
+ fill: #c31e28;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-13.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-13 rect {
+ fill: #aa1620;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-14.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-14 rect {
+ fill: #8b0e1a;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-15.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-15 rect {
+ fill: #00876c;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-16.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-16 rect {
+ fill: #469f76;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-17.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-17 rect {
+ fill: #70b77e;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-18.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-18 rect {
+ fill: #98ce86;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-19.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-19 rect {
+ fill: #c1e48e;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-20.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-20 rect {
+ fill: #eaf898;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-21.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-21 rect {
+ fill: #ffffad;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-22.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-22 rect {
+ fill: #fed693;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-23.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-23 rect {
+ fill: #fcaa78;
+}
+
+.rz-flow-gradient {
+ fill-opacity: 0.7;
+ pointer-events: none;
+ mix-blend-mode: screen;
+}
+
+.rz-flow-highlight {
+ fill: none;
+ pointer-events: none;
+ mix-blend-mode: overlay;
+ animation: rz-pulse-subtle 3s ease-in-out infinite;
+}
+
+.rz-link {
+ box-sizing: border-box;
+ color: var(--rz-link-color);
+ text-decoration: none;
+ cursor: pointer;
+}
+.rz-link .rz-link-disabled {
+ pointer-events: none;
+ opacity: 0.5;
+}
+.rz-link .rz-link-text {
+ text-decoration: var(--rz-link-text-decoration);
+}
+.rz-link .rzi {
+ font-size: inherit;
+ vertical-align: middle;
+}
+.rz-link:hover, .rz-link:focus {
+ color: var(--rz-link-hover-color);
+ text-decoration: none;
+}
+.rz-link:hover .rz-link-text, .rz-link:focus .rz-link-text {
+ text-decoration: var(--rz-link-hover-text-decoration);
+}
+.rz-link:focus-visible {
+ outline: var(--rz-link-focus-outline);
+}
+
+.rz-state-highlight .link {
+ color: var(--rz-text-contrast-color);
+}
+
+.rz-html-editor {
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ border-radius: var(--rz-editor-border-radius);
+ border: var(--rz-editor-border);
+ overflow: hidden;
+}
+.rz-html-editor:focus-within {
+ outline: var(--rz-editor-focus-outline);
+ outline-offset: var(--rz-editor-focus-outline-offset);
+}
+
+.rz-html-editor-content {
+ flex: 1;
+ overflow: auto;
+ padding: 0.5rem;
+ outline: none;
+ background-color: var(--rz-editor-content-background-color);
+}
+
+.rz-html-editor-source.rz-textarea {
+ --rz-input-hover-shadow: none;
+ --rz-input-border: none;
+ --rz-input-hover-border: none;
+ --rz-input-focus-shadow: none;
+ --rz-input-focus-border: none;
+ flex: 1;
+ padding: 0.5rem;
+ overflow: auto;
+ outline: none;
+ background-color: var(--rz-editor-content-background-color);
+}
+
+.rz-html-editor-toolbar {
+ border-bottom: var(--rz-editor-border);
+ display: flex;
+ line-height: 1rem;
+ flex-wrap: wrap;
+ background-color: var(--rz-editor-toolbar-background-color);
+}
+.rz-html-editor-toolbar .rzi {
+ font-size: 1rem;
+}
+.rz-html-editor-toolbar > * {
+ margin: var(--rz-editor-toolbar-item-margin);
+}
+
+.rz-html-editor-colorpicker {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ background: var(--rz-editor-button-background-color);
+ padding: var(--rz-editor-button-padding);
+}
+.rz-html-editor-colorpicker .rz-colorpicker-trigger {
+ color: inherit;
+ background-color: var(--rz-editor-button-background-color);
+}
+.rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi {
+ font-size: 1.25rem;
+ height: 1rem;
+}
+.rz-html-editor-colorpicker .rz-colorpicker-value {
+ display: none;
+}
+.rz-html-editor-colorpicker .rz-colorpicker {
+ border: none;
+ box-shadow: none;
+ padding: 0;
+ height: auto;
+ background-color: var(--rz-editor-button-background-color);
+}
+.rz-html-editor-colorpicker .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover {
+ border: none;
+ box-shadow: none;
+}
+
+.rz-html-editor-color {
+ border: none;
+ display: flex;
+ flex-direction: column;
+ background: inherit;
+ color: inherit;
+ appearance: none;
+ padding: 0;
+ position: relative;
+}
+.rz-html-editor-color:disabled {
+ color: var(--rz-input-disabled-color);
+}
+
+.rz-html-editor-color-value {
+ position: absolute;
+ bottom: -4px;
+ height: 4px;
+ width: 100%;
+}
+
+.rz-html-editor-button {
+ color: var(--rz-editor-button-color);
+ appearance: none;
+ border: none;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ background: var(--rz-editor-button-background-color);
+ padding: var(--rz-editor-button-padding);
+}
+.rz-html-editor-button.rz-selected {
+ background-color: var(--rz-editor-button-selected-background-color);
+ color: var(--rz-editor-button-selected-color);
+ border-radius: var(--rz-editor-border-radius);
+}
+.rz-html-editor-button:disabled {
+ color: var(--rz-editor-button-disabled-color);
+}
+
+.rz-html-editor-dropdown {
+ display: inline-flex;
+ padding: var(--rz-editor-button-padding);
+ align-items: center;
+ cursor: pointer;
+}
+.rz-html-editor-dropdown.rz-disabled {
+ color: var(--rz-input-disabled-color);
+ cursor: default;
+}
+
+.rz-html-editor-dropdown-item {
+ cursor: default;
+ font-size: var(--rz-dropdown-item-font-size);
+ padding: var(--rz-dropdown-item-padding);
+ white-space: nowrap;
+}
+.rz-html-editor-dropdown-item:hover {
+ background-color: var(--rz-dropdown-item-hover-background-color);
+ color: var(--rz-dropdown-item-hover-color);
+ border-radius: 0;
+}
+.rz-html-editor-dropdown-item.rz-selected {
+ background-color: var(--rz-dropdown-item-selected-background-color);
+ color: var(--rz-dropdown-item-selected-color);
+}
+
+.rz-html-editor-dropdown-trigger {
+ border: none;
+ appearance: none;
+ padding: 0;
+ display: inline-flex;
+ align-items: center;
+ color: inherit;
+ background-color: inherit;
+}
+.rz-html-editor-dropdown-trigger .rzi:before {
+ content: "arrow_drop_down";
+}
+
+.rz-html-editor-dropdown-items {
+ display: none;
+}
+
+.rz-html-editor-dialog-item {
+ margin-bottom: 1rem;
+}
+.rz-html-editor-dialog-item label:first-child {
+ display: block;
+}
+
+.rz-html-editor-dialog-buttons {
+ text-align: right;
+}
+
+.rz-html-editor-separator {
+ width: 1px;
+ background-color: var(--rz-editor-separator-background-color);
+}
+
+.rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover {
+ border: none;
+}
+.rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi {
+ font-size: 1.25rem;
+ height: 1rem;
+}
+
+.rz-colorpicker {
+ display: inline-flex;
+ align-items: center;
+ cursor: pointer;
+}
+.rz-colorpicker.rz-state-disabled {
+ cursor: default;
+}
+
+button.rz-colorpicker-trigger {
+ border: none;
+ appearance: none;
+ padding: 0;
+ display: inline-flex;
+ align-items: center;
+ color: var(--rz-text-color);
+ background-color: inherit;
+ outline: none;
+}
+button.rz-colorpicker-trigger .rzi {
+ font-size: var(--rz-icon-size);
+}
+button.rz-colorpicker-trigger .rzi:before {
+ content: "arrow_drop_down";
+}
+.rz-state-disabled button.rz-colorpicker-trigger {
+ color: var(--rz-input-disabled-color);
+}
+
+.rz-colorpicker-popup {
+ display: none;
+ position: absolute;
+ border: var(--rz-colorpicker-panel-border);
+ background-color: var(--rz-colorpicker-panel-background-color);
+ box-shadow: var(--rz-colorpicker-panel-shadow);
+ min-width: 200px;
+ max-width: var(--rz-colorpicker-panel-max-width);
+ padding: var(--rz-colorpicker-panel-padding);
+ border-radius: var(--rz-border-radius);
+}
+
+.rz-colorpicker-value {
+ flex: 1;
+ border-radius: var(--rz-colorpicker-value-border-radius);
+ border: var(--rz-colorpicker-panel-border);
+ min-width: 20px;
+ min-height: 20px;
+}
+
+.rz-saturation-picker {
+ height: var(--rz-colorpicker-saturation-height);
+ position: relative;
+ touch-action: none;
+ border-radius: var(--rz-border-radius);
+}
+.rz-saturation-picker:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-saturation-picker:focus-visible {
+ outline: var(--rz-colorpicker-focus-outline);
+ outline-offset: var(--rz-colorpicker-focus-outline-offset);
+}
+
+.rz-saturation-white {
+ background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
+}
+
+.rz-saturation-black,
+.rz-saturation-white {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: var(--rz-border-radius);
+ border-start-start-radius: calc(var(--rz-border-radius) - 1px);
+}
+
+.rz-saturation-black {
+ background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
+}
+
+.rz-saturation-handle {
+ position: absolute;
+ width: var(--rz-colorpicker-handle-size);
+ height: var(--rz-colorpicker-handle-size);
+ border: var(--rz-colorpicker-handle-border);
+ border-radius: 50%;
+ transform: translate(-50%, -50%);
+ box-shadow: var(--rz-colorpicker-handle-shadow);
+}
+
+.rz-hue-picker {
+ margin-bottom: 8px;
+ touch-action: none;
+ position: relative;
+ background-image: linear-gradient(to right, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%);
+ border-radius: var(--rz-border-radius);
+ height: var(--rz-colorpicker-handle-size);
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
+}
+.rz-hue-picker:active {
+ cursor: none;
+}
+.rz-hue-picker:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-hue-picker:focus-visible {
+ outline: var(--rz-colorpicker-focus-outline);
+ outline-offset: var(--rz-colorpicker-focus-outline-offset);
+}
+
+.rz-alpha-picker {
+ touch-action: none;
+ position: relative;
+ border-radius: var(--rz-border-radius);
+ height: var(--rz-colorpicker-handle-size);
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
+}
+.rz-alpha-picker:active {
+ cursor: none;
+}
+.rz-alpha-picker:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-alpha-picker:focus-visible {
+ outline: var(--rz-colorpicker-focus-outline);
+ outline-offset: var(--rz-colorpicker-focus-outline-offset);
+}
+
+.rz-hue-handle,
+.rz-alpha-handle {
+ position: absolute;
+ height: 100%;
+ width: 8px;
+ border: var(--rz-colorpicker-handle-border);
+ border-radius: calc(var(--rz-border-radius) / 2);
+ transform: translateX(-50%);
+ box-shadow: var(--rz-colorpicker-handle-shadow);
+}
+
+.rz-colorpicker-preview-area {
+ display: flex;
+}
+
+.rz-hue-and-alpha {
+ flex: 1;
+ padding-inline-end: 8px;
+}
+
+.rz-alpha-picker:before,
+.rz-colorpicker-preview:before {
+ position: absolute;
+ z-index: -1;
+ content: "";
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ border-radius: var(--rz-border-radius);
+ background-image: linear-gradient(45deg, var(--rz-text-disabled-color) 25%, transparent 25%), linear-gradient(-45deg, var(--rz-text-disabled-color) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--rz-text-disabled-color) 75%), linear-gradient(-45deg, transparent 75%, var(--rz-text-disabled-color) 75%);
+ background-size: 8px 8px;
+ background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
+}
+
+.rz-colorpicker-preview {
+ position: relative;
+ width: 32px;
+ height: 32px;
+ box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 0px 4px inset;
+ border-radius: var(--rz-border-radius);
+}
+
+.rz-colorpicker-rgba {
+ display: flex;
+ gap: 4px;
+}
+
+.rz-color-box {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ flex: 1;
+ color: var(--rz-colorpicker-input-labels-color);
+ font-size: 0.75rem;
+ text-transform: uppercase;
+}
+.rz-color-box .rz-textbox {
+ width: 80px;
+ margin-inline-end: 4px;
+ padding: var(--rz-colorpicker-hex-input-padding);
+ height: var(--rz-colorpicker-hex-input-height);
+}
+.rz-color-box .rz-numeric {
+ padding: var(--rz-colorpicker-rgba-input-padding);
+ height: var(--rz-colorpicker-rgba-input-height);
+}
+.rz-color-box .rz-numeric .rz-numeric-input {
+ padding: 0;
+ outline: none;
+}
+.rz-color-box .rz-numeric button {
+ display: none;
+}
+.rz-color-box .rz-numeric button:hover {
+ display: initial;
+}
+
+.rz-colorpicker-button {
+ justify-content: flex-end;
+ display: flex;
+}
+
+.rz-colorpicker-section:not(:last-child) {
+ margin-bottom: 8px;
+}
+
+.rz-colorpicker-colors {
+ display: flex;
+ flex-wrap: wrap;
+ gap: var(--rz-colorpicker-items-gap);
+}
+
+.rz-colorpicker-item {
+ width: var(--rz-colorpicker-item-size);
+ height: var(--rz-colorpicker-item-size);
+ border-radius: var(--rz-colorpicker-item-border-radius);
+ box-shadow: var(--rz-colorpicker-item-shadow);
+ cursor: pointer;
+ transition: transform var(--rz-transition);
+}
+.rz-colorpicker-item:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-colorpicker-item:focus-visible {
+ outline: var(--rz-colorpicker-focus-outline);
+ outline-offset: var(--rz-colorpicker-focus-outline-offset);
+}
+.rz-colorpicker-item.selected {
+ transform: var(--rz-colorpicker-item-selected-transform);
+}
+
+.rz-splitter {
+ box-sizing: border-box;
+ display: flex;
+ flex-wrap: nowrap;
+ width: 100%;
+ height: 100%;
+}
+.rz-splitter > .rz-splitter-bar {
+ flex: 0 0 auto;
+ position: relative;
+ text-align: center;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ color: var(--rz-splitter-bar-color);
+ background-color: var(--rz-splitter-bar-background-color);
+ opacity: 0.4;
+ user-select: none;
+}
+.rz-splitter > .rz-splitter-bar > .rz-collapse {
+ display: table;
+}
+.rz-splitter > .rz-splitter-bar > .rz-collapse:before {
+ font-family: var(--rz-icon-font-family);
+ line-height: normal;
+ display: table-cell;
+}
+.rz-splitter > .rz-splitter-bar > .rz-collapse:hover {
+ cursor: pointer;
+}
+.rz-splitter > .rz-splitter-bar > .rz-resize {
+ border: 1px solid var(--rz-splitter-bar-color);
+ border-radius: 1px;
+}
+.rz-splitter > .rz-splitter-bar > .rz-expand {
+ display: table;
+}
+.rz-splitter > .rz-splitter-bar > .rz-expand:before {
+ font-family: var(--rz-icon-font-family);
+ line-height: normal;
+ display: table-cell;
+}
+.rz-splitter > .rz-splitter-bar > .rz-expand:hover {
+ cursor: pointer;
+}
+.rz-splitter > .rz-splitter-bar-resizable:hover {
+ background-color: var(--rz-splitter-bar-background-color);
+ opacity: var(--rz-splitter-bar-hover-opacity);
+}
+.rz-splitter > .rz-splitter-bar-resizable:active {
+ background-color: var(--rz-splitter-bar-background-color-active);
+ opacity: var(--rz-splitter-bar-hover-opacity);
+}
+.rz-splitter > .rz-splitter-bar-resizable:active > .rz-expand, .rz-splitter > .rz-splitter-bar-resizable:active > .rz-resize, .rz-splitter > .rz-splitter-bar-resizable:active > .rz-collapse {
+ color: var(--rz-splitter-bar-color-active);
+}
+.rz-splitter > .rz-splitter-bar-resizable:active > .rz-resize {
+ border: 1px solid var(--rz-splitter-bar-color-active);
+}
+.rz-splitter > .rz-splitter-bar-resizable:disabled {
+ opacity: 0.2;
+}
+.rz-splitter-horizontal {
+ flex-direction: row;
+}
+.rz-splitter-horizontal > .rz-splitter-bar {
+ flex-direction: column;
+ width: 8px;
+}
+.rz-splitter-horizontal > .rz-splitter-bar > .rz-collapse:before {
+ content: "arrow_left";
+}
+.rz-splitter-horizontal > .rz-splitter-bar > .rz-resize {
+ height: 16px;
+ margin: 2px 0;
+}
+.rz-splitter-horizontal > .rz-splitter-bar > .rz-expand:before {
+ content: "arrow_right";
+}
+.rz-splitter-horizontal > .rz-splitter-bar-resizable:hover {
+ cursor: col-resize;
+}
+.rz-splitter-vertical {
+ flex-direction: column;
+}
+.rz-splitter-vertical > .rz-splitter-bar {
+ flex-direction: row;
+ height: 8px;
+}
+.rz-splitter-vertical > .rz-splitter-bar > .rz-collapse:before {
+ content: "arrow_drop_up";
+}
+.rz-splitter-vertical > .rz-splitter-bar > .rz-resize {
+ width: 16px;
+ margin: 0 2px;
+}
+.rz-splitter-vertical > .rz-splitter-bar > .rz-expand:before {
+ content: "arrow_drop_down";
+}
+.rz-splitter-vertical > .rz-splitter-bar-resizable:hover {
+ cursor: row-resize;
+}
+.rz-splitter-pane {
+ overflow: hidden;
+ position: relative;
+ flex: 0 0 auto;
+}
+.rz-splitter-pane-collapsed {
+ flex: 0 1 0% !important;
+ overflow: hidden !important;
+ display: block !important;
+}
+.rz-splitter-pane-lastresizable {
+ flex: 1 1 auto;
+}
+
+.rz-splitter-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 1;
+}
+
+/* Radzen Blazor Layout reset styles */
+:root:has(.rz-layout) {
+ box-sizing: border-box;
+ scroll-behavior: smooth;
+ font-size: var(--rz-root-font-size);
+}
+:root:has(.rz-layout) body {
+ margin: 0;
+ color: var(--rz-text-color);
+ background-color: var(--rz-body-background-color);
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-body-font-size);
+ line-height: var(--rz-body-line-height);
+ -webkit-text-size-adjust: 100%;
+ -webkit-tap-highlight-color: transparent;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+/* RadzenLayout styles */
+.rz-layout {
+ box-sizing: border-box;
+ height: 100vh;
+ overflow: hidden;
+ display: grid;
+ grid-template-columns: auto 1fr;
+ grid-template-rows: auto 1fr auto;
+ grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer";
+ background-color: var(--rz-layout-background-color);
+}
+.rz-layout .rz-body {
+ grid-area: rz-body;
+ overflow: auto;
+}
+.rz-layout .rz-sidebar {
+ grid-area: rz-sidebar;
+ position: static;
+}
+.rz-layout .rz-header {
+ grid-area: rz-header;
+ z-index: 2;
+}
+.rz-layout .rz-footer {
+ grid-area: rz-footer;
+}
+
+@media (max-width: 768px) {
+ body:has(> .rz-layout) {
+ overflow-x: hidden;
+ }
+ .rz-layout {
+ height: 100dvh;
+ }
+ .rz-layout:has(> .rz-sidebar-collapsed + .rz-sidebar-expanded) {
+ justify-content: end;
+ }
+ .rz-layout:has(> .rz-sidebar-collapsed + .rz-sidebar-expanded) .rz-header, .rz-layout:has(> .rz-sidebar-collapsed + .rz-sidebar-expanded) .rz-footer {
+ margin-inline-start: auto;
+ }
+ .rz-layout:has(> .rz-sidebar-expanded + .rz-sidebar-expanded) .rz-body {
+ width: auto;
+ }
+}
+.rz-breadcrumb {
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+}
+
+.rz-breadcrumb-item + .rz-breadcrumb-item::before {
+ content: "»";
+ display: inline-block;
+ padding-inline-start: 0.5rem;
+ padding-inline-end: 0.5rem;
+ font-size: 1rem;
+ line-height: 1.25rem;
+}
+
+.rz-breadcrumb-item {
+ display: inline-flex;
+ align-items: center;
+}
+.rz-breadcrumb-item .rz-link {
+ display: inline-flex;
+ align-items: center;
+}
+.rz-breadcrumb-item .rz-link-disabled {
+ pointer-events: none;
+ opacity: 0.5;
+}
+
+.rz-alert {
+ box-sizing: border-box;
+ display: flex;
+ align-items: flex-start;
+ gap: var(--rz-alert-gap);
+ margin: var(--rz-alert-margin);
+ padding: var(--rz-alert-padding);
+ width: 100%;
+ border-radius: var(--rz-alert-border-radius);
+ background-color: var(--rz-alert-background-color);
+ color: var(--rz-alert-color);
+}
+.rz-alert-lg {
+ --rz-alert-gap: 1.5rem;
+ --rz-alert-margin: 1.5rem 0;
+ --rz-alert-padding: 1.5rem;
+ --rz-alert-message-margin: 0.25rem 0;
+ --rz-alert-icon-margin: 0.25rem 0;
+}
+.rz-alert-md {
+ --rz-alert-gap: 1rem;
+ --rz-alert-margin: 1rem 0;
+ --rz-alert-padding: 1rem;
+ --rz-alert-message-margin: 0.25rem 0;
+ --rz-alert-icon-margin: 0.25rem 0;
+}
+.rz-alert-sm {
+ --rz-alert-gap: 0.5rem;
+ --rz-alert-margin: 0.5rem 0;
+ --rz-alert-padding: 0.5rem;
+ --rz-alert-message-margin: 0.25rem 0;
+ --rz-alert-icon-margin: 0.25rem 0;
+}
+.rz-alert-xs {
+ --rz-alert-gap: 0.25rem;
+ --rz-alert-margin: 0.25rem 0;
+ --rz-alert-padding: 0.25rem;
+ --rz-alert-message-margin: 0;
+ --rz-alert-icon-margin: 0;
+}
+.rz-alert .rz-alert-item {
+ flex: auto;
+ display: flex;
+ align-items: flex-start;
+ justify-content: flex-start;
+ gap: var(--rz-alert-gap);
+}
+.rz-alert .rz-alert-icon {
+ color: var(--rz-alert-icon-color);
+ margin: var(--rz-alert-icon-margin);
+ font-size: var(--rz-alert-icon-size);
+}
+.rz-alert .rz-alert-message {
+ flex: auto;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ margin: var(--rz-alert-message-margin);
+}
+.rz-alert .rz-alert-title {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-h6-font-size);
+ line-height: var(--rz-text-h6-line-height);
+ font-weight: var(--rz-text-h6-font-weight);
+ letter-spacing: var(--rz-text-h6-letter-spacing);
+ color: var(--rz-alert-title-color);
+ margin-bottom: var(--rz-text-h6-margin-bottom);
+}
+.rz-alert.rz-variant-filled {
+ box-shadow: var(--rz-alert-box-shadow);
+}
+.rz-alert.rz-variant-text {
+ --rz-alert-padding: 0;
+ --rz-alert-background-color: transparent;
+ --rz-alert-gap: 0.5rem;
+ --rz-alert-margin: 0;
+}
+.rz-alert.rz-variant-text .rz-alert-item {
+ flex: unset;
+}
+.rz-alert.rz-variant-text .rz-alert-message {
+ flex-direction: row;
+}
+.rz-alert.rz-variant-text .rz-alert-title {
+ font-size: inherit;
+ line-height: inherit;
+ letter-spacing: inherit;
+ margin-bottom: 0;
+ margin-right: 0.5rem;
+}
+.rz-alert.rz-primary {
+ --rz-alert-background-color: var(--rz-primary);
+ --rz-alert-color: var(--rz-on-primary);
+ --rz-alert-title-color: var(--rz-on-primary);
+ --rz-alert-icon-color: var(--rz-on-primary);
+}
+.rz-alert.rz-primary.rz-shade-lighter {
+ --rz-alert-background-color: var(--rz-primary-lighter);
+ --rz-alert-color: var(--rz-on-primary-lighter);
+ --rz-alert-title-color: var(--rz-on-primary-lighter);
+ --rz-alert-icon-color: var(--rz-on-primary-lighter);
+}
+.rz-alert.rz-primary.rz-shade-light {
+ --rz-alert-background-color: var(--rz-primary-light);
+ --rz-alert-color: var(--rz-on-primary-light);
+ --rz-alert-title-color: var(--rz-on-primary-light);
+ --rz-alert-icon-color: var(--rz-on-primary-light);
+}
+.rz-alert.rz-primary.rz-shade-default {
+ --rz-alert-background-color: var(--rz-primary);
+ --rz-alert-color: var(--rz-on-primary);
+ --rz-alert-title-color: var(--rz-on-primary);
+ --rz-alert-icon-color: var(--rz-on-primary);
+}
+.rz-alert.rz-primary.rz-shade-dark {
+ --rz-alert-background-color: var(--rz-primary-dark);
+ --rz-alert-color: var(--rz-on-primary-dark);
+ --rz-alert-title-color: var(--rz-on-primary-dark);
+ --rz-alert-icon-color: var(--rz-on-primary-dark);
+}
+.rz-alert.rz-primary.rz-shade-darker {
+ --rz-alert-background-color: var(--rz-primary-darker);
+ --rz-alert-color: var(--rz-on-primary-darker);
+ --rz-alert-title-color: var(--rz-on-primary-darker);
+ --rz-alert-icon-color: var(--rz-on-primary-darker);
+}
+.rz-alert.rz-variant-outlined.rz-primary {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-outlined.rz-primary.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary);
+ --rz-alert-color: var(--rz-primary);
+ --rz-alert-title-color: var(--rz-primary);
+ --rz-alert-icon-color: var(--rz-primary);
+}
+.rz-alert.rz-variant-outlined.rz-primary.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter);
+ --rz-alert-color: var(--rz-primary-lighter);
+ --rz-alert-title-color: var(--rz-primary-lighter);
+ --rz-alert-icon-color: var(--rz-primary-lighter);
+}
+.rz-alert.rz-variant-outlined.rz-primary.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light);
+ --rz-alert-color: var(--rz-primary-light);
+ --rz-alert-title-color: var(--rz-primary-light);
+ --rz-alert-icon-color: var(--rz-primary-light);
+}
+.rz-alert.rz-variant-outlined.rz-primary.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark);
+ --rz-alert-color: var(--rz-primary-dark);
+ --rz-alert-title-color: var(--rz-primary-dark);
+ --rz-alert-icon-color: var(--rz-primary-dark);
+}
+.rz-alert.rz-variant-outlined.rz-primary.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker);
+ --rz-alert-color: var(--rz-primary-darker);
+ --rz-alert-title-color: var(--rz-primary-darker);
+ --rz-alert-icon-color: var(--rz-primary-darker);
+}
+.rz-alert.rz-variant-text.rz-primary {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-primary.rz-shade-default {
+ --rz-alert-color: var(--rz-primary);
+ --rz-alert-icon-color: var(--rz-primary);
+ --rz-alert-title-color: var(--rz-primary);
+}
+.rz-alert.rz-variant-text.rz-primary.rz-shade-lighter {
+ --rz-alert-color: var(--rz-primary-lighter);
+ --rz-alert-title-color: var(--rz-primary-lighter);
+ --rz-alert-icon-color: var(--rz-primary-lighter);
+}
+.rz-alert.rz-variant-text.rz-primary.rz-shade-light {
+ --rz-alert-color: var(--rz-primary-light);
+ --rz-alert-title-color: var(--rz-primary-light);
+ --rz-alert-icon-color: var(--rz-primary-light);
+}
+.rz-alert.rz-variant-text.rz-primary.rz-shade-dark {
+ --rz-alert-color: var(--rz-primary-dark);
+ --rz-alert-title-color: var(--rz-primary-dark);
+ --rz-alert-icon-color: var(--rz-primary-dark);
+}
+.rz-alert.rz-variant-text.rz-primary.rz-shade-darker {
+ --rz-alert-color: var(--rz-primary-darker);
+ --rz-alert-title-color: var(--rz-primary-darker);
+ --rz-alert-icon-color: var(--rz-primary-darker);
+}
+.rz-alert.rz-secondary {
+ --rz-alert-background-color: var(--rz-secondary);
+ --rz-alert-color: var(--rz-on-secondary);
+ --rz-alert-title-color: var(--rz-on-secondary);
+ --rz-alert-icon-color: var(--rz-on-secondary);
+}
+.rz-alert.rz-secondary.rz-shade-lighter {
+ --rz-alert-background-color: var(--rz-secondary-lighter);
+ --rz-alert-color: var(--rz-on-secondary-lighter);
+ --rz-alert-title-color: var(--rz-on-secondary-lighter);
+ --rz-alert-icon-color: var(--rz-on-secondary-lighter);
+}
+.rz-alert.rz-secondary.rz-shade-light {
+ --rz-alert-background-color: var(--rz-secondary-light);
+ --rz-alert-color: var(--rz-on-secondary-light);
+ --rz-alert-title-color: var(--rz-on-secondary-light);
+ --rz-alert-icon-color: var(--rz-on-secondary-light);
+}
+.rz-alert.rz-secondary.rz-shade-default {
+ --rz-alert-background-color: var(--rz-secondary);
+ --rz-alert-color: var(--rz-on-secondary);
+ --rz-alert-title-color: var(--rz-on-secondary);
+ --rz-alert-icon-color: var(--rz-on-secondary);
+}
+.rz-alert.rz-secondary.rz-shade-dark {
+ --rz-alert-background-color: var(--rz-secondary-dark);
+ --rz-alert-color: var(--rz-on-secondary-dark);
+ --rz-alert-title-color: var(--rz-on-secondary-dark);
+ --rz-alert-icon-color: var(--rz-on-secondary-dark);
+}
+.rz-alert.rz-secondary.rz-shade-darker {
+ --rz-alert-background-color: var(--rz-secondary-darker);
+ --rz-alert-color: var(--rz-on-secondary-darker);
+ --rz-alert-title-color: var(--rz-on-secondary-darker);
+ --rz-alert-icon-color: var(--rz-on-secondary-darker);
+}
+.rz-alert.rz-variant-outlined.rz-secondary {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary);
+ --rz-alert-color: var(--rz-secondary);
+ --rz-alert-title-color: var(--rz-secondary);
+ --rz-alert-icon-color: var(--rz-secondary);
+}
+.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter);
+ --rz-alert-color: var(--rz-secondary-lighter);
+ --rz-alert-title-color: var(--rz-secondary-lighter);
+ --rz-alert-icon-color: var(--rz-secondary-lighter);
+}
+.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light);
+ --rz-alert-color: var(--rz-secondary-light);
+ --rz-alert-title-color: var(--rz-secondary-light);
+ --rz-alert-icon-color: var(--rz-secondary-light);
+}
+.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark);
+ --rz-alert-color: var(--rz-secondary-dark);
+ --rz-alert-title-color: var(--rz-secondary-dark);
+ --rz-alert-icon-color: var(--rz-secondary-dark);
+}
+.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker);
+ --rz-alert-color: var(--rz-secondary-darker);
+ --rz-alert-title-color: var(--rz-secondary-darker);
+ --rz-alert-icon-color: var(--rz-secondary-darker);
+}
+.rz-alert.rz-variant-text.rz-secondary {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-secondary.rz-shade-default {
+ --rz-alert-color: var(--rz-secondary);
+ --rz-alert-icon-color: var(--rz-secondary);
+ --rz-alert-title-color: var(--rz-secondary);
+}
+.rz-alert.rz-variant-text.rz-secondary.rz-shade-lighter {
+ --rz-alert-color: var(--rz-secondary-lighter);
+ --rz-alert-title-color: var(--rz-secondary-lighter);
+ --rz-alert-icon-color: var(--rz-secondary-lighter);
+}
+.rz-alert.rz-variant-text.rz-secondary.rz-shade-light {
+ --rz-alert-color: var(--rz-secondary-light);
+ --rz-alert-title-color: var(--rz-secondary-light);
+ --rz-alert-icon-color: var(--rz-secondary-light);
+}
+.rz-alert.rz-variant-text.rz-secondary.rz-shade-dark {
+ --rz-alert-color: var(--rz-secondary-dark);
+ --rz-alert-title-color: var(--rz-secondary-dark);
+ --rz-alert-icon-color: var(--rz-secondary-dark);
+}
+.rz-alert.rz-variant-text.rz-secondary.rz-shade-darker {
+ --rz-alert-color: var(--rz-secondary-darker);
+ --rz-alert-title-color: var(--rz-secondary-darker);
+ --rz-alert-icon-color: var(--rz-secondary-darker);
+}
+.rz-alert.rz-info {
+ --rz-alert-background-color: var(--rz-info);
+ --rz-alert-color: var(--rz-on-info);
+ --rz-alert-title-color: var(--rz-on-info);
+ --rz-alert-icon-color: var(--rz-on-info);
+}
+.rz-alert.rz-info.rz-shade-lighter {
+ --rz-alert-background-color: var(--rz-info-lighter);
+ --rz-alert-color: var(--rz-on-info-lighter);
+ --rz-alert-title-color: var(--rz-on-info-lighter);
+ --rz-alert-icon-color: var(--rz-on-info-lighter);
+}
+.rz-alert.rz-info.rz-shade-light {
+ --rz-alert-background-color: var(--rz-info-light);
+ --rz-alert-color: var(--rz-on-info-light);
+ --rz-alert-title-color: var(--rz-on-info-light);
+ --rz-alert-icon-color: var(--rz-on-info-light);
+}
+.rz-alert.rz-info.rz-shade-default {
+ --rz-alert-background-color: var(--rz-info);
+ --rz-alert-color: var(--rz-on-info);
+ --rz-alert-title-color: var(--rz-on-info);
+ --rz-alert-icon-color: var(--rz-on-info);
+}
+.rz-alert.rz-info.rz-shade-dark {
+ --rz-alert-background-color: var(--rz-info-dark);
+ --rz-alert-color: var(--rz-on-info-dark);
+ --rz-alert-title-color: var(--rz-on-info-dark);
+ --rz-alert-icon-color: var(--rz-on-info-dark);
+}
+.rz-alert.rz-info.rz-shade-darker {
+ --rz-alert-background-color: var(--rz-info-darker);
+ --rz-alert-color: var(--rz-on-info-darker);
+ --rz-alert-title-color: var(--rz-on-info-darker);
+ --rz-alert-icon-color: var(--rz-on-info-darker);
+}
+.rz-alert.rz-variant-outlined.rz-info {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-outlined.rz-info.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info);
+ --rz-alert-color: var(--rz-info);
+ --rz-alert-title-color: var(--rz-info);
+ --rz-alert-icon-color: var(--rz-info);
+}
+.rz-alert.rz-variant-outlined.rz-info.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter);
+ --rz-alert-color: var(--rz-info-lighter);
+ --rz-alert-title-color: var(--rz-info-lighter);
+ --rz-alert-icon-color: var(--rz-info-lighter);
+}
+.rz-alert.rz-variant-outlined.rz-info.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light);
+ --rz-alert-color: var(--rz-info-light);
+ --rz-alert-title-color: var(--rz-info-light);
+ --rz-alert-icon-color: var(--rz-info-light);
+}
+.rz-alert.rz-variant-outlined.rz-info.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark);
+ --rz-alert-color: var(--rz-info-dark);
+ --rz-alert-title-color: var(--rz-info-dark);
+ --rz-alert-icon-color: var(--rz-info-dark);
+}
+.rz-alert.rz-variant-outlined.rz-info.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker);
+ --rz-alert-color: var(--rz-info-darker);
+ --rz-alert-title-color: var(--rz-info-darker);
+ --rz-alert-icon-color: var(--rz-info-darker);
+}
+.rz-alert.rz-variant-text.rz-info {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-info.rz-shade-default {
+ --rz-alert-color: var(--rz-info);
+ --rz-alert-icon-color: var(--rz-info);
+ --rz-alert-title-color: var(--rz-info);
+}
+.rz-alert.rz-variant-text.rz-info.rz-shade-lighter {
+ --rz-alert-color: var(--rz-info-lighter);
+ --rz-alert-title-color: var(--rz-info-lighter);
+ --rz-alert-icon-color: var(--rz-info-lighter);
+}
+.rz-alert.rz-variant-text.rz-info.rz-shade-light {
+ --rz-alert-color: var(--rz-info-light);
+ --rz-alert-title-color: var(--rz-info-light);
+ --rz-alert-icon-color: var(--rz-info-light);
+}
+.rz-alert.rz-variant-text.rz-info.rz-shade-dark {
+ --rz-alert-color: var(--rz-info-dark);
+ --rz-alert-title-color: var(--rz-info-dark);
+ --rz-alert-icon-color: var(--rz-info-dark);
+}
+.rz-alert.rz-variant-text.rz-info.rz-shade-darker {
+ --rz-alert-color: var(--rz-info-darker);
+ --rz-alert-title-color: var(--rz-info-darker);
+ --rz-alert-icon-color: var(--rz-info-darker);
+}
+.rz-alert.rz-warning {
+ --rz-alert-background-color: var(--rz-warning);
+ --rz-alert-color: var(--rz-on-warning);
+ --rz-alert-title-color: var(--rz-on-warning);
+ --rz-alert-icon-color: var(--rz-on-warning);
+}
+.rz-alert.rz-warning.rz-shade-lighter {
+ --rz-alert-background-color: var(--rz-warning-lighter);
+ --rz-alert-color: var(--rz-on-warning-lighter);
+ --rz-alert-title-color: var(--rz-on-warning-lighter);
+ --rz-alert-icon-color: var(--rz-on-warning-lighter);
+}
+.rz-alert.rz-warning.rz-shade-light {
+ --rz-alert-background-color: var(--rz-warning-light);
+ --rz-alert-color: var(--rz-on-warning-light);
+ --rz-alert-title-color: var(--rz-on-warning-light);
+ --rz-alert-icon-color: var(--rz-on-warning-light);
+}
+.rz-alert.rz-warning.rz-shade-default {
+ --rz-alert-background-color: var(--rz-warning);
+ --rz-alert-color: var(--rz-on-warning);
+ --rz-alert-title-color: var(--rz-on-warning);
+ --rz-alert-icon-color: var(--rz-on-warning);
+}
+.rz-alert.rz-warning.rz-shade-dark {
+ --rz-alert-background-color: var(--rz-warning-dark);
+ --rz-alert-color: var(--rz-on-warning-dark);
+ --rz-alert-title-color: var(--rz-on-warning-dark);
+ --rz-alert-icon-color: var(--rz-on-warning-dark);
+}
+.rz-alert.rz-warning.rz-shade-darker {
+ --rz-alert-background-color: var(--rz-warning-darker);
+ --rz-alert-color: var(--rz-on-warning-darker);
+ --rz-alert-title-color: var(--rz-on-warning-darker);
+ --rz-alert-icon-color: var(--rz-on-warning-darker);
+}
+.rz-alert.rz-variant-outlined.rz-warning {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-outlined.rz-warning.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning);
+ --rz-alert-color: var(--rz-warning);
+ --rz-alert-title-color: var(--rz-warning);
+ --rz-alert-icon-color: var(--rz-warning);
+}
+.rz-alert.rz-variant-outlined.rz-warning.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter);
+ --rz-alert-color: var(--rz-warning-lighter);
+ --rz-alert-title-color: var(--rz-warning-lighter);
+ --rz-alert-icon-color: var(--rz-warning-lighter);
+}
+.rz-alert.rz-variant-outlined.rz-warning.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light);
+ --rz-alert-color: var(--rz-warning-light);
+ --rz-alert-title-color: var(--rz-warning-light);
+ --rz-alert-icon-color: var(--rz-warning-light);
+}
+.rz-alert.rz-variant-outlined.rz-warning.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark);
+ --rz-alert-color: var(--rz-warning-dark);
+ --rz-alert-title-color: var(--rz-warning-dark);
+ --rz-alert-icon-color: var(--rz-warning-dark);
+}
+.rz-alert.rz-variant-outlined.rz-warning.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker);
+ --rz-alert-color: var(--rz-warning-darker);
+ --rz-alert-title-color: var(--rz-warning-darker);
+ --rz-alert-icon-color: var(--rz-warning-darker);
+}
+.rz-alert.rz-variant-text.rz-warning {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-warning.rz-shade-default {
+ --rz-alert-color: var(--rz-warning);
+ --rz-alert-icon-color: var(--rz-warning);
+ --rz-alert-title-color: var(--rz-warning);
+}
+.rz-alert.rz-variant-text.rz-warning.rz-shade-lighter {
+ --rz-alert-color: var(--rz-warning-lighter);
+ --rz-alert-title-color: var(--rz-warning-lighter);
+ --rz-alert-icon-color: var(--rz-warning-lighter);
+}
+.rz-alert.rz-variant-text.rz-warning.rz-shade-light {
+ --rz-alert-color: var(--rz-warning-light);
+ --rz-alert-title-color: var(--rz-warning-light);
+ --rz-alert-icon-color: var(--rz-warning-light);
+}
+.rz-alert.rz-variant-text.rz-warning.rz-shade-dark {
+ --rz-alert-color: var(--rz-warning-dark);
+ --rz-alert-title-color: var(--rz-warning-dark);
+ --rz-alert-icon-color: var(--rz-warning-dark);
+}
+.rz-alert.rz-variant-text.rz-warning.rz-shade-darker {
+ --rz-alert-color: var(--rz-warning-darker);
+ --rz-alert-title-color: var(--rz-warning-darker);
+ --rz-alert-icon-color: var(--rz-warning-darker);
+}
+.rz-alert.rz-error {
+ --rz-alert-background-color: var(--rz-danger);
+ --rz-alert-color: var(--rz-on-danger);
+ --rz-alert-title-color: var(--rz-on-danger);
+ --rz-alert-icon-color: var(--rz-on-danger);
+}
+.rz-alert.rz-error.rz-shade-lighter {
+ --rz-alert-background-color: var(--rz-error-lighter);
+ --rz-alert-color: var(--rz-on-error-lighter);
+ --rz-alert-title-color: var(--rz-on-error-lighter);
+ --rz-alert-icon-color: var(--rz-on-error-lighter);
+}
+.rz-alert.rz-error.rz-shade-light {
+ --rz-alert-background-color: var(--rz-error-light);
+ --rz-alert-color: var(--rz-on-error-light);
+ --rz-alert-title-color: var(--rz-on-error-light);
+ --rz-alert-icon-color: var(--rz-on-error-light);
+}
+.rz-alert.rz-error.rz-shade-default {
+ --rz-alert-background-color: var(--rz-error);
+ --rz-alert-color: var(--rz-on-error);
+ --rz-alert-title-color: var(--rz-on-error);
+ --rz-alert-icon-color: var(--rz-on-error);
+}
+.rz-alert.rz-error.rz-shade-dark {
+ --rz-alert-background-color: var(--rz-error-dark);
+ --rz-alert-color: var(--rz-on-error-dark);
+ --rz-alert-title-color: var(--rz-on-error-dark);
+ --rz-alert-icon-color: var(--rz-on-error-dark);
+}
+.rz-alert.rz-error.rz-shade-darker {
+ --rz-alert-background-color: var(--rz-error-darker);
+ --rz-alert-color: var(--rz-on-error-darker);
+ --rz-alert-title-color: var(--rz-on-error-darker);
+ --rz-alert-icon-color: var(--rz-on-error-darker);
+}
+.rz-alert.rz-variant-outlined.rz-error {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-outlined.rz-error.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger);
+ --rz-alert-color: var(--rz-danger);
+ --rz-alert-title-color: var(--rz-danger);
+ --rz-alert-icon-color: var(--rz-danger);
+}
+.rz-alert.rz-variant-outlined.rz-error.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter);
+ --rz-alert-color: var(--rz-error-lighter);
+ --rz-alert-title-color: var(--rz-error-lighter);
+ --rz-alert-icon-color: var(--rz-error-lighter);
+}
+.rz-alert.rz-variant-outlined.rz-error.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light);
+ --rz-alert-color: var(--rz-error-light);
+ --rz-alert-title-color: var(--rz-error-light);
+ --rz-alert-icon-color: var(--rz-error-light);
+}
+.rz-alert.rz-variant-outlined.rz-error.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark);
+ --rz-alert-color: var(--rz-error-dark);
+ --rz-alert-title-color: var(--rz-error-dark);
+ --rz-alert-icon-color: var(--rz-error-dark);
+}
+.rz-alert.rz-variant-outlined.rz-error.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker);
+ --rz-alert-color: var(--rz-error-darker);
+ --rz-alert-title-color: var(--rz-error-darker);
+ --rz-alert-icon-color: var(--rz-error-darker);
+}
+.rz-alert.rz-variant-text.rz-error {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-error.rz-shade-default {
+ --rz-alert-color: var(--rz-danger);
+ --rz-alert-icon-color: var(--rz-danger);
+ --rz-alert-title-color: var(--rz-danger);
+}
+.rz-alert.rz-variant-text.rz-error.rz-shade-lighter {
+ --rz-alert-color: var(--rz-error-lighter);
+ --rz-alert-title-color: var(--rz-error-lighter);
+ --rz-alert-icon-color: var(--rz-error-lighter);
+}
+.rz-alert.rz-variant-text.rz-error.rz-shade-light {
+ --rz-alert-color: var(--rz-error-light);
+ --rz-alert-title-color: var(--rz-error-light);
+ --rz-alert-icon-color: var(--rz-error-light);
+}
+.rz-alert.rz-variant-text.rz-error.rz-shade-dark {
+ --rz-alert-color: var(--rz-error-dark);
+ --rz-alert-title-color: var(--rz-error-dark);
+ --rz-alert-icon-color: var(--rz-error-dark);
+}
+.rz-alert.rz-variant-text.rz-error.rz-shade-darker {
+ --rz-alert-color: var(--rz-error-darker);
+ --rz-alert-title-color: var(--rz-error-darker);
+ --rz-alert-icon-color: var(--rz-error-darker);
+}
+.rz-alert.rz-danger {
+ --rz-alert-background-color: var(--rz-danger);
+ --rz-alert-color: var(--rz-on-danger);
+ --rz-alert-title-color: var(--rz-on-danger);
+ --rz-alert-icon-color: var(--rz-on-danger);
+}
+.rz-alert.rz-danger.rz-shade-lighter {
+ --rz-alert-background-color: var(--rz-danger-lighter);
+ --rz-alert-color: var(--rz-on-danger-lighter);
+ --rz-alert-title-color: var(--rz-on-danger-lighter);
+ --rz-alert-icon-color: var(--rz-on-danger-lighter);
+}
+.rz-alert.rz-danger.rz-shade-light {
+ --rz-alert-background-color: var(--rz-danger-light);
+ --rz-alert-color: var(--rz-on-danger-light);
+ --rz-alert-title-color: var(--rz-on-danger-light);
+ --rz-alert-icon-color: var(--rz-on-danger-light);
+}
+.rz-alert.rz-danger.rz-shade-default {
+ --rz-alert-background-color: var(--rz-danger);
+ --rz-alert-color: var(--rz-on-danger);
+ --rz-alert-title-color: var(--rz-on-danger);
+ --rz-alert-icon-color: var(--rz-on-danger);
+}
+.rz-alert.rz-danger.rz-shade-dark {
+ --rz-alert-background-color: var(--rz-danger-dark);
+ --rz-alert-color: var(--rz-on-danger-dark);
+ --rz-alert-title-color: var(--rz-on-danger-dark);
+ --rz-alert-icon-color: var(--rz-on-danger-dark);
+}
+.rz-alert.rz-danger.rz-shade-darker {
+ --rz-alert-background-color: var(--rz-danger-darker);
+ --rz-alert-color: var(--rz-on-danger-darker);
+ --rz-alert-title-color: var(--rz-on-danger-darker);
+ --rz-alert-icon-color: var(--rz-on-danger-darker);
+}
+.rz-alert.rz-variant-outlined.rz-danger {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-outlined.rz-danger.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger);
+ --rz-alert-color: var(--rz-danger);
+ --rz-alert-title-color: var(--rz-danger);
+ --rz-alert-icon-color: var(--rz-danger);
+}
+.rz-alert.rz-variant-outlined.rz-danger.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter);
+ --rz-alert-color: var(--rz-danger-lighter);
+ --rz-alert-title-color: var(--rz-danger-lighter);
+ --rz-alert-icon-color: var(--rz-danger-lighter);
+}
+.rz-alert.rz-variant-outlined.rz-danger.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light);
+ --rz-alert-color: var(--rz-danger-light);
+ --rz-alert-title-color: var(--rz-danger-light);
+ --rz-alert-icon-color: var(--rz-danger-light);
+}
+.rz-alert.rz-variant-outlined.rz-danger.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark);
+ --rz-alert-color: var(--rz-danger-dark);
+ --rz-alert-title-color: var(--rz-danger-dark);
+ --rz-alert-icon-color: var(--rz-danger-dark);
+}
+.rz-alert.rz-variant-outlined.rz-danger.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker);
+ --rz-alert-color: var(--rz-danger-darker);
+ --rz-alert-title-color: var(--rz-danger-darker);
+ --rz-alert-icon-color: var(--rz-danger-darker);
+}
+.rz-alert.rz-variant-text.rz-danger {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-danger.rz-shade-default {
+ --rz-alert-color: var(--rz-danger);
+ --rz-alert-icon-color: var(--rz-danger);
+ --rz-alert-title-color: var(--rz-danger);
+}
+.rz-alert.rz-variant-text.rz-danger.rz-shade-lighter {
+ --rz-alert-color: var(--rz-danger-lighter);
+ --rz-alert-title-color: var(--rz-danger-lighter);
+ --rz-alert-icon-color: var(--rz-danger-lighter);
+}
+.rz-alert.rz-variant-text.rz-danger.rz-shade-light {
+ --rz-alert-color: var(--rz-danger-light);
+ --rz-alert-title-color: var(--rz-danger-light);
+ --rz-alert-icon-color: var(--rz-danger-light);
+}
+.rz-alert.rz-variant-text.rz-danger.rz-shade-dark {
+ --rz-alert-color: var(--rz-danger-dark);
+ --rz-alert-title-color: var(--rz-danger-dark);
+ --rz-alert-icon-color: var(--rz-danger-dark);
+}
+.rz-alert.rz-variant-text.rz-danger.rz-shade-darker {
+ --rz-alert-color: var(--rz-danger-darker);
+ --rz-alert-title-color: var(--rz-danger-darker);
+ --rz-alert-icon-color: var(--rz-danger-darker);
+}
+.rz-alert.rz-success {
+ --rz-alert-background-color: var(--rz-success);
+ --rz-alert-color: var(--rz-on-success);
+ --rz-alert-title-color: var(--rz-on-success);
+ --rz-alert-icon-color: var(--rz-on-success);
+}
+.rz-alert.rz-success.rz-shade-lighter {
+ --rz-alert-background-color: var(--rz-success-lighter);
+ --rz-alert-color: var(--rz-on-success-lighter);
+ --rz-alert-title-color: var(--rz-on-success-lighter);
+ --rz-alert-icon-color: var(--rz-on-success-lighter);
+}
+.rz-alert.rz-success.rz-shade-light {
+ --rz-alert-background-color: var(--rz-success-light);
+ --rz-alert-color: var(--rz-on-success-light);
+ --rz-alert-title-color: var(--rz-on-success-light);
+ --rz-alert-icon-color: var(--rz-on-success-light);
+}
+.rz-alert.rz-success.rz-shade-default {
+ --rz-alert-background-color: var(--rz-success);
+ --rz-alert-color: var(--rz-on-success);
+ --rz-alert-title-color: var(--rz-on-success);
+ --rz-alert-icon-color: var(--rz-on-success);
+}
+.rz-alert.rz-success.rz-shade-dark {
+ --rz-alert-background-color: var(--rz-success-dark);
+ --rz-alert-color: var(--rz-on-success-dark);
+ --rz-alert-title-color: var(--rz-on-success-dark);
+ --rz-alert-icon-color: var(--rz-on-success-dark);
+}
+.rz-alert.rz-success.rz-shade-darker {
+ --rz-alert-background-color: var(--rz-success-darker);
+ --rz-alert-color: var(--rz-on-success-darker);
+ --rz-alert-title-color: var(--rz-on-success-darker);
+ --rz-alert-icon-color: var(--rz-on-success-darker);
+}
+.rz-alert.rz-variant-outlined.rz-success {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-outlined.rz-success.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success);
+ --rz-alert-color: var(--rz-success);
+ --rz-alert-title-color: var(--rz-success);
+ --rz-alert-icon-color: var(--rz-success);
+}
+.rz-alert.rz-variant-outlined.rz-success.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter);
+ --rz-alert-color: var(--rz-success-lighter);
+ --rz-alert-title-color: var(--rz-success-lighter);
+ --rz-alert-icon-color: var(--rz-success-lighter);
+}
+.rz-alert.rz-variant-outlined.rz-success.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light);
+ --rz-alert-color: var(--rz-success-light);
+ --rz-alert-title-color: var(--rz-success-light);
+ --rz-alert-icon-color: var(--rz-success-light);
+}
+.rz-alert.rz-variant-outlined.rz-success.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark);
+ --rz-alert-color: var(--rz-success-dark);
+ --rz-alert-title-color: var(--rz-success-dark);
+ --rz-alert-icon-color: var(--rz-success-dark);
+}
+.rz-alert.rz-variant-outlined.rz-success.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker);
+ --rz-alert-color: var(--rz-success-darker);
+ --rz-alert-title-color: var(--rz-success-darker);
+ --rz-alert-icon-color: var(--rz-success-darker);
+}
+.rz-alert.rz-variant-text.rz-success {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-success.rz-shade-default {
+ --rz-alert-color: var(--rz-success);
+ --rz-alert-icon-color: var(--rz-success);
+ --rz-alert-title-color: var(--rz-success);
+}
+.rz-alert.rz-variant-text.rz-success.rz-shade-lighter {
+ --rz-alert-color: var(--rz-success-lighter);
+ --rz-alert-title-color: var(--rz-success-lighter);
+ --rz-alert-icon-color: var(--rz-success-lighter);
+}
+.rz-alert.rz-variant-text.rz-success.rz-shade-light {
+ --rz-alert-color: var(--rz-success-light);
+ --rz-alert-title-color: var(--rz-success-light);
+ --rz-alert-icon-color: var(--rz-success-light);
+}
+.rz-alert.rz-variant-text.rz-success.rz-shade-dark {
+ --rz-alert-color: var(--rz-success-dark);
+ --rz-alert-title-color: var(--rz-success-dark);
+ --rz-alert-icon-color: var(--rz-success-dark);
+}
+.rz-alert.rz-variant-text.rz-success.rz-shade-darker {
+ --rz-alert-color: var(--rz-success-darker);
+ --rz-alert-title-color: var(--rz-success-darker);
+ --rz-alert-icon-color: var(--rz-success-darker);
+}
+.rz-alert.rz-base {
+ --rz-alert-background-color: var(--rz-base-700);
+ --rz-alert-color: var(--rz-text-contrast-color);
+ --rz-alert-title-color: var(--rz-text-contrast-color);
+ --rz-alert-icon-color: var(--rz-text-contrast-color);
+}
+.rz-alert.rz-variant-outlined.rz-base {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-contrast-color);
+ --rz-alert-color: var(--rz-text-contrast-color);
+ --rz-alert-title-color: var(--rz-text-contrast-color);
+ --rz-alert-icon-color: var(--rz-text-contrast-color);
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-base {
+ --rz-alert-color: var(--rz-text-contrast-color);
+ --rz-alert-title-color: var(--rz-text-contrast-color);
+ --rz-alert-icon-color: var(--rz-text-contrast-color);
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-light {
+ --rz-alert-background-color: var(--rz-base-700);
+ --rz-alert-color: var(--rz-text-contrast-color);
+ --rz-alert-title-color: var(--rz-text-contrast-color);
+ --rz-alert-icon-color: var(--rz-text-contrast-color);
+}
+.rz-alert.rz-variant-outlined.rz-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-contrast-color);
+ --rz-alert-color: var(--rz-text-contrast-color);
+ --rz-alert-title-color: var(--rz-text-contrast-color);
+ --rz-alert-icon-color: var(--rz-text-contrast-color);
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-light {
+ --rz-alert-color: var(--rz-text-contrast-color);
+ --rz-alert-title-color: var(--rz-text-contrast-color);
+ --rz-alert-icon-color: var(--rz-text-contrast-color);
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-dark {
+ --rz-alert-background-color: var(--rz-base-900);
+ --rz-alert-color: var(--rz-text-contrast-color);
+ --rz-alert-title-color: var(--rz-text-contrast-color);
+ --rz-alert-icon-color: var(--rz-text-contrast-color);
+}
+.rz-alert.rz-variant-outlined.rz-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900);
+ --rz-alert-color: var(--rz-base-900);
+ --rz-alert-title-color: var(--rz-base-900);
+ --rz-alert-icon-color: var(--rz-base-900);
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-dark {
+ --rz-alert-color: var(--rz-base-900);
+ --rz-alert-title-color: var(--rz-base-900);
+ --rz-alert-icon-color: var(--rz-base-900);
+ --rz-alert-background-color: transparent;
+}
+
+@keyframes mic-blink {
+ 0% {
+ background-color: var(--rz-danger-light);
+ color: var(--rz-on-danger-light);
+ }
+ 50% {
+ background-color: var(--rz-danger-darker);
+ color: var(--rz-on-danger-darker);
+ }
+ 100% {
+ background-color: var(--rz-danger-light);
+ color: var(--rz-on-danger-light);
+ }
+}
+@-webkit-keyframes mic-blink {
+ 0% {
+ background-color: var(--rz-danger-light);
+ color: var(--rz-on-danger-light);
+ }
+ 50% {
+ background-color: var(--rz-danger-darker);
+ color: var(--rz-on-danger-darker);
+ }
+ 100% {
+ background-color: var(--rz-danger-light);
+ color: var(--rz-on-danger-light);
+ }
+}
+.rz-button.rz-speech-to-text-button-recording {
+ -webkit-animation: mic-blink 2s linear infinite;
+ -moz-animation: mic-blink 2s linear infinite;
+ animation: mic-blink 2s linear infinite;
+}
+
+.rz-flex-row {
+ flex-direction: row !important;
+}
+
+.rz-flex-row-reverse {
+ flex-direction: row-reverse !important;
+}
+
+.rz-flex-column {
+ flex-direction: column !important;
+}
+
+.rz-flex-column-reverse {
+ flex-direction: column-reverse !important;
+}
+
+.rz-stack {
+ box-sizing: border-box;
+ gap: var(--rz-gap);
+}
+
+.rz-row {
+ box-sizing: border-box;
+ flex-wrap: wrap;
+ gap: var(--rz-gap);
+ row-gap: var(--rz-row-gap);
+}
+
+.rz-row > [class^=rz-col] {
+ flex: 1 0 0%;
+}
+
+.rz-row > [class*=rz-col-] {
+ flex: 0 0 auto;
+ width: 100%;
+}
+
+.rz-row > .rz-col-1 {
+ max-width: calc((100% - 11 * var(--rz-gap)) / 12);
+ flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
+}
+
+.rz-row > .rz-col-2 {
+ max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-3 {
+ max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-4 {
+ max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-5 {
+ max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-6 {
+ max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-7 {
+ max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-8 {
+ max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-9 {
+ max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-10 {
+ max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-11 {
+ max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-12 {
+ max-width: 100%;
+ flex-basis: 100%;
+}
+
+@media (min-width: 576px) {
+ .rz-row > .rz-col-xs-1 {
+ max-width: calc((100% - 11 * var(--rz-gap)) / 12);
+ flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
+ }
+ .rz-row > .rz-col-xs-2 {
+ max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-3 {
+ max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-4 {
+ max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-5 {
+ max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-6 {
+ max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-7 {
+ max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-8 {
+ max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-9 {
+ max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-10 {
+ max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-11 {
+ max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-12 {
+ max-width: 100%;
+ flex-basis: 100%;
+ }
+}
+@media (min-width: 768px) {
+ .rz-row > .rz-col-sm-1 {
+ max-width: calc((100% - 11 * var(--rz-gap)) / 12);
+ flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
+ }
+ .rz-row > .rz-col-sm-2 {
+ max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-3 {
+ max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-4 {
+ max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-5 {
+ max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-6 {
+ max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-7 {
+ max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-8 {
+ max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-9 {
+ max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-10 {
+ max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-11 {
+ max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-12 {
+ max-width: 100%;
+ flex-basis: 100%;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-row > .rz-col-md-1 {
+ max-width: calc((100% - 11 * var(--rz-gap)) / 12);
+ flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
+ }
+ .rz-row > .rz-col-md-2 {
+ max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-3 {
+ max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-4 {
+ max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-5 {
+ max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-6 {
+ max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-7 {
+ max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-8 {
+ max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-9 {
+ max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-10 {
+ max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-11 {
+ max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-12 {
+ max-width: 100%;
+ flex-basis: 100%;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-row > .rz-col-lg-1 {
+ max-width: calc((100% - 11 * var(--rz-gap)) / 12);
+ flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
+ }
+ .rz-row > .rz-col-lg-2 {
+ max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-3 {
+ max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-4 {
+ max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-5 {
+ max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-6 {
+ max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-7 {
+ max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-8 {
+ max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-9 {
+ max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-10 {
+ max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-11 {
+ max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-12 {
+ max-width: 100%;
+ flex-basis: 100%;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-row > .rz-col-xl-1 {
+ max-width: calc((100% - 11 * var(--rz-gap)) / 12);
+ flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
+ }
+ .rz-row > .rz-col-xl-2 {
+ max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-3 {
+ max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-4 {
+ max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-5 {
+ max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-6 {
+ max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-7 {
+ max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-8 {
+ max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-9 {
+ max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-10 {
+ max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-11 {
+ max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-12 {
+ max-width: 100%;
+ flex-basis: 100%;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-row > .rz-col-xx-1 {
+ max-width: calc((100% - 11 * var(--rz-gap)) / 12);
+ flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
+ }
+ .rz-row > .rz-col-xx-2 {
+ max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-3 {
+ max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-4 {
+ max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-5 {
+ max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-6 {
+ max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-7 {
+ max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-8 {
+ max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-9 {
+ max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-10 {
+ max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-11 {
+ max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-12 {
+ max-width: 100%;
+ flex-basis: 100%;
+ }
+}
+.rz-offset-0 {
+ margin-inline-start: 0;
+}
+
+.rz-offset-1 {
+ margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+}
+
+.rz-offset-2 {
+ margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+}
+
+.rz-offset-3 {
+ margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+}
+
+.rz-offset-4 {
+ margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+}
+
+.rz-offset-5 {
+ margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+}
+
+.rz-offset-6 {
+ margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+}
+
+.rz-offset-7 {
+ margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+}
+
+.rz-offset-8 {
+ margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+}
+
+.rz-offset-9 {
+ margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+}
+
+.rz-offset-10 {
+ margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+}
+
+.rz-offset-11 {
+ margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap));
+}
+
+@media (min-width: 576px) {
+ .rz-offset-xs-0 {
+ margin-inline-start: 0;
+ }
+ .rz-offset-xs-1 {
+ margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-offset-xs-2 {
+ margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-offset-xs-3 {
+ margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-offset-xs-4 {
+ margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-offset-xs-5 {
+ margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-offset-xs-6 {
+ margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-offset-xs-7 {
+ margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-offset-xs-8 {
+ margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-offset-xs-9 {
+ margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-offset-xs-10 {
+ margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-offset-xs-11 {
+ margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap));
+ }
+}
+@media (min-width: 768px) {
+ .rz-offset-sm-0 {
+ margin-inline-start: 0;
+ }
+ .rz-offset-sm-1 {
+ margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-offset-sm-2 {
+ margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-offset-sm-3 {
+ margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-offset-sm-4 {
+ margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-offset-sm-5 {
+ margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-offset-sm-6 {
+ margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-offset-sm-7 {
+ margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-offset-sm-8 {
+ margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-offset-sm-9 {
+ margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-offset-sm-10 {
+ margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-offset-sm-11 {
+ margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap));
+ }
+}
+@media (min-width: 1024px) {
+ .rz-offset-md-0 {
+ margin-inline-start: 0;
+ }
+ .rz-offset-md-1 {
+ margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-offset-md-2 {
+ margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-offset-md-3 {
+ margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-offset-md-4 {
+ margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-offset-md-5 {
+ margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-offset-md-6 {
+ margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-offset-md-7 {
+ margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-offset-md-8 {
+ margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-offset-md-9 {
+ margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-offset-md-10 {
+ margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-offset-md-11 {
+ margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap));
+ }
+}
+@media (min-width: 1280px) {
+ .rz-offset-lg-0 {
+ margin-inline-start: 0;
+ }
+ .rz-offset-lg-1 {
+ margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-offset-lg-2 {
+ margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-offset-lg-3 {
+ margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-offset-lg-4 {
+ margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-offset-lg-5 {
+ margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-offset-lg-6 {
+ margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-offset-lg-7 {
+ margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-offset-lg-8 {
+ margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-offset-lg-9 {
+ margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-offset-lg-10 {
+ margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-offset-lg-11 {
+ margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap));
+ }
+}
+@media (min-width: 1920px) {
+ .rz-offset-xl-0 {
+ margin-inline-start: 0;
+ }
+ .rz-offset-xl-1 {
+ margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-offset-xl-2 {
+ margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-offset-xl-3 {
+ margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-offset-xl-4 {
+ margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-offset-xl-5 {
+ margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-offset-xl-6 {
+ margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-offset-xl-7 {
+ margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-offset-xl-8 {
+ margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-offset-xl-9 {
+ margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-offset-xl-10 {
+ margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-offset-xl-11 {
+ margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap));
+ }
+}
+@media (min-width: 2560px) {
+ .rz-offset-xx-0 {
+ margin-inline-start: 0;
+ }
+ .rz-offset-xx-1 {
+ margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-offset-xx-2 {
+ margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-offset-xx-3 {
+ margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-offset-xx-4 {
+ margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-offset-xx-5 {
+ margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-offset-xx-6 {
+ margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-offset-xx-7 {
+ margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-offset-xx-8 {
+ margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-offset-xx-9 {
+ margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-offset-xx-10 {
+ margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-offset-xx-11 {
+ margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap));
+ }
+}
+.rz-order-first {
+ order: -1 !important;
+}
+
+.rz-order-last {
+ order: 13 !important;
+}
+
+.rz-order-0 {
+ order: 0 !important;
+}
+
+.rz-order-1 {
+ order: 1 !important;
+}
+
+.rz-order-2 {
+ order: 2 !important;
+}
+
+.rz-order-3 {
+ order: 3 !important;
+}
+
+.rz-order-4 {
+ order: 4 !important;
+}
+
+.rz-order-5 {
+ order: 5 !important;
+}
+
+.rz-order-6 {
+ order: 6 !important;
+}
+
+.rz-order-7 {
+ order: 7 !important;
+}
+
+.rz-order-8 {
+ order: 8 !important;
+}
+
+.rz-order-9 {
+ order: 9 !important;
+}
+
+.rz-order-10 {
+ order: 10 !important;
+}
+
+.rz-order-11 {
+ order: 11 !important;
+}
+
+.rz-order-12 {
+ order: 12 !important;
+}
+
+@media (min-width: 576px) {
+ .rz-order-xs-first {
+ order: -1 !important;
+ }
+ .rz-order-xs-last {
+ order: 13 !important;
+ }
+ .rz-order-xs-0 {
+ order: 0 !important;
+ }
+ .rz-order-xs-1 {
+ order: 1 !important;
+ }
+ .rz-order-xs-2 {
+ order: 2 !important;
+ }
+ .rz-order-xs-3 {
+ order: 3 !important;
+ }
+ .rz-order-xs-4 {
+ order: 4 !important;
+ }
+ .rz-order-xs-5 {
+ order: 5 !important;
+ }
+ .rz-order-xs-6 {
+ order: 6 !important;
+ }
+ .rz-order-xs-7 {
+ order: 7 !important;
+ }
+ .rz-order-xs-8 {
+ order: 8 !important;
+ }
+ .rz-order-xs-9 {
+ order: 9 !important;
+ }
+ .rz-order-xs-10 {
+ order: 10 !important;
+ }
+ .rz-order-xs-11 {
+ order: 11 !important;
+ }
+ .rz-order-xs-12 {
+ order: 12 !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-order-sm-first {
+ order: -1 !important;
+ }
+ .rz-order-sm-last {
+ order: 13 !important;
+ }
+ .rz-order-sm-0 {
+ order: 0 !important;
+ }
+ .rz-order-sm-1 {
+ order: 1 !important;
+ }
+ .rz-order-sm-2 {
+ order: 2 !important;
+ }
+ .rz-order-sm-3 {
+ order: 3 !important;
+ }
+ .rz-order-sm-4 {
+ order: 4 !important;
+ }
+ .rz-order-sm-5 {
+ order: 5 !important;
+ }
+ .rz-order-sm-6 {
+ order: 6 !important;
+ }
+ .rz-order-sm-7 {
+ order: 7 !important;
+ }
+ .rz-order-sm-8 {
+ order: 8 !important;
+ }
+ .rz-order-sm-9 {
+ order: 9 !important;
+ }
+ .rz-order-sm-10 {
+ order: 10 !important;
+ }
+ .rz-order-sm-11 {
+ order: 11 !important;
+ }
+ .rz-order-sm-12 {
+ order: 12 !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-order-md-first {
+ order: -1 !important;
+ }
+ .rz-order-md-last {
+ order: 13 !important;
+ }
+ .rz-order-md-0 {
+ order: 0 !important;
+ }
+ .rz-order-md-1 {
+ order: 1 !important;
+ }
+ .rz-order-md-2 {
+ order: 2 !important;
+ }
+ .rz-order-md-3 {
+ order: 3 !important;
+ }
+ .rz-order-md-4 {
+ order: 4 !important;
+ }
+ .rz-order-md-5 {
+ order: 5 !important;
+ }
+ .rz-order-md-6 {
+ order: 6 !important;
+ }
+ .rz-order-md-7 {
+ order: 7 !important;
+ }
+ .rz-order-md-8 {
+ order: 8 !important;
+ }
+ .rz-order-md-9 {
+ order: 9 !important;
+ }
+ .rz-order-md-10 {
+ order: 10 !important;
+ }
+ .rz-order-md-11 {
+ order: 11 !important;
+ }
+ .rz-order-md-12 {
+ order: 12 !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-order-lg-first {
+ order: -1 !important;
+ }
+ .rz-order-lg-last {
+ order: 13 !important;
+ }
+ .rz-order-lg-0 {
+ order: 0 !important;
+ }
+ .rz-order-lg-1 {
+ order: 1 !important;
+ }
+ .rz-order-lg-2 {
+ order: 2 !important;
+ }
+ .rz-order-lg-3 {
+ order: 3 !important;
+ }
+ .rz-order-lg-4 {
+ order: 4 !important;
+ }
+ .rz-order-lg-5 {
+ order: 5 !important;
+ }
+ .rz-order-lg-6 {
+ order: 6 !important;
+ }
+ .rz-order-lg-7 {
+ order: 7 !important;
+ }
+ .rz-order-lg-8 {
+ order: 8 !important;
+ }
+ .rz-order-lg-9 {
+ order: 9 !important;
+ }
+ .rz-order-lg-10 {
+ order: 10 !important;
+ }
+ .rz-order-lg-11 {
+ order: 11 !important;
+ }
+ .rz-order-lg-12 {
+ order: 12 !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-order-xl-first {
+ order: -1 !important;
+ }
+ .rz-order-xl-last {
+ order: 13 !important;
+ }
+ .rz-order-xl-0 {
+ order: 0 !important;
+ }
+ .rz-order-xl-1 {
+ order: 1 !important;
+ }
+ .rz-order-xl-2 {
+ order: 2 !important;
+ }
+ .rz-order-xl-3 {
+ order: 3 !important;
+ }
+ .rz-order-xl-4 {
+ order: 4 !important;
+ }
+ .rz-order-xl-5 {
+ order: 5 !important;
+ }
+ .rz-order-xl-6 {
+ order: 6 !important;
+ }
+ .rz-order-xl-7 {
+ order: 7 !important;
+ }
+ .rz-order-xl-8 {
+ order: 8 !important;
+ }
+ .rz-order-xl-9 {
+ order: 9 !important;
+ }
+ .rz-order-xl-10 {
+ order: 10 !important;
+ }
+ .rz-order-xl-11 {
+ order: 11 !important;
+ }
+ .rz-order-xl-12 {
+ order: 12 !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-order-xx-first {
+ order: -1 !important;
+ }
+ .rz-order-xx-last {
+ order: 13 !important;
+ }
+ .rz-order-xx-0 {
+ order: 0 !important;
+ }
+ .rz-order-xx-1 {
+ order: 1 !important;
+ }
+ .rz-order-xx-2 {
+ order: 2 !important;
+ }
+ .rz-order-xx-3 {
+ order: 3 !important;
+ }
+ .rz-order-xx-4 {
+ order: 4 !important;
+ }
+ .rz-order-xx-5 {
+ order: 5 !important;
+ }
+ .rz-order-xx-6 {
+ order: 6 !important;
+ }
+ .rz-order-xx-7 {
+ order: 7 !important;
+ }
+ .rz-order-xx-8 {
+ order: 8 !important;
+ }
+ .rz-order-xx-9 {
+ order: 9 !important;
+ }
+ .rz-order-xx-10 {
+ order: 10 !important;
+ }
+ .rz-order-xx-11 {
+ order: 11 !important;
+ }
+ .rz-order-xx-12 {
+ order: 12 !important;
+ }
+}
+.rz-form-field-helper {
+ padding: var(--rz-form-field-helper-padding);
+}
+
+.rz-form-field-content {
+ position: relative;
+ display: inline-flex;
+ align-items: center;
+ vertical-align: top;
+ margin-block: var(--rz-form-field-margin-block);
+ margin-inline: var(--rz-form-field-margin-inline);
+ box-shadow: var(--rz-form-field-shadow);
+ transition: var(--rz-input-transition);
+}
+.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content > .rz-autocomplete.rz-state-disabled > .rz-inputtext, .rz-form-field-content input, .rz-form-field-content .rz-inputtext, .rz-form-field-content .rz-inputtext.rz-state-disabled, .rz-form-field-content .rz-datepicker.rz-state-disabled > .rz-inputtext {
+ flex: 1;
+}
+.rz-form-field-content > input {
+ width: 100%;
+}
+.rz-form-field-content .rz-form-field-start,
+.rz-form-field-content .rz-form-field-end {
+ display: flex;
+ flex: 0;
+ align-items: center;
+ white-space: nowrap;
+ padding-block: var(--rz-form-field-start-end-padding-block);
+ padding-inline: var(--rz-form-field-start-end-padding-inline);
+}
+
+.rz-form-field {
+ box-sizing: border-box;
+ display: inline-flex;
+ flex-direction: column;
+ vertical-align: top;
+}
+.rz-form-field:hover .rz-form-field-content {
+ box-shadow: var(--rz-form-field-hover-shadow);
+}
+.rz-form-field.rz-state-focused .rz-form-field-content {
+ box-shadow: var(--rz-form-field-focus-shadow);
+}
+.rz-form-field.rz-state-disabled .rz-form-field-content {
+ color: var(--rz-input-disabled-color);
+ box-shadow: var(--rz-input-disabled-shadow);
+}
+.rz-form-field.rz-state-disabled.rz-variant-outlined .rz-form-field-content, .rz-form-field.rz-state-disabled.rz-variant-filled .rz-form-field-content, .rz-form-field.rz-state-disabled.rz-variant-flat .rz-form-field-content {
+ border: var(--rz-input-disabled-border);
+}
+.rz-form-field.rz-state-disabled :not(.rz-button).rz-state-disabled,
+.rz-form-field.rz-state-disabled :not(.rz-button):disabled {
+ color: var(--rz-input-disabled-color);
+ opacity: 1;
+}
+.rz-form-field.rz-state-disabled :not(.rz-button).rz-state-disabled::placeholder,
+.rz-form-field.rz-state-disabled :not(.rz-button):disabled::placeholder {
+ color: var(--rz-input-disabled-placeholder-color);
+}
+.rz-form-field.rz-variant-outlined .rz-form-field-start, .rz-form-field.rz-variant-filled .rz-form-field-start, .rz-form-field.rz-variant-flat .rz-form-field-start {
+ padding-inline-end: 0;
+}
+.rz-form-field.rz-variant-outlined .rz-form-field-end, .rz-form-field.rz-variant-filled .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-end {
+ padding-inline-start: 0;
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content, .rz-form-field.rz-variant-flat .rz-form-field-content {
+ margin: 0;
+ --rz-input-height: var(--rz-form-field-filled-height);
+ --rz-input-padding-block: var(--rz-form-field-filled-padding-block);
+ --rz-input-padding-inline: var(--rz-form-field-filled-padding-inline);
+ --rz-dropdown-chips-padding-block: var(--rz-form-field-filled-padding-block);
+ --rz-dropdown-chips-padding-inline: var(--rz-form-field-filled-padding-inline);
+ --rz-numeric-input-padding-block: var(--rz-form-field-filled-numeric-padding-block);
+ --rz-numeric-input-padding-inline: var(--rz-form-field-filled-numeric-padding-inline);
+ --rz-form-field-label-floating-top: var(--rz-form-field-filled-label-floating-top);
+ box-shadow: var(--rz-input-shadow);
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content .rz-numeric-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-numeric-up {
+ top: calc(var(--rz-numeric-button-offset) + 1rem);
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start,
+.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start,
+.rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end {
+ padding-top: 1rem;
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea {
+ margin-top: 1rem;
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger,
+.rz-form-field.rz-variant-filled .rz-form-field-content .rz-timespanpicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger,
+.rz-form-field.rz-variant-flat .rz-form-field-content .rz-timespanpicker-trigger {
+ top: calc(50% + 0.4375rem);
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker .rz-dropdown-clear-icon,
+.rz-form-field.rz-variant-filled .rz-form-field-content .rz-timespanpicker .rz-dropdown-clear-icon, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker .rz-dropdown-clear-icon,
+.rz-form-field.rz-variant-flat .rz-form-field-content .rz-timespanpicker .rz-dropdown-clear-icon {
+ top: 0.4375rem;
+}
+.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content {
+ border: var(--rz-input-hover-border);
+ border-block-end: var(--rz-input-hover-border-block-end);
+ box-shadow: var(--rz-input-hover-shadow);
+}
+.rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content {
+ border: var(--rz-input-focus-border);
+ border-block-end: var(--rz-input-focus-border-block-end);
+ box-shadow: var(--rz-input-focus-shadow);
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content {
+ border: var(--rz-form-field-filled-border);
+ border-radius: var(--rz-form-field-filled-border-radius);
+ background-color: var(--rz-form-field-filled-background-color);
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after {
+ display: var(--rz-form-field-filled-underline-display);
+}
+.rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content {
+ border: var(--rz-form-field-filled-hover-border);
+ box-shadow: var(--rz-form-field-filled-hover-shadow);
+ background-color: var(--rz-form-field-filled-hover-background-color);
+}
+.rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused .rz-form-field-content, .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused:hover .rz-form-field-content {
+ border: var(--rz-form-field-filled-focus-border);
+ border-block-end: var(--rz-input-focus-border-block-end);
+ box-shadow: var(--rz-form-field-filled-focus-shadow);
+ background-color: var(--rz-form-field-filled-background-color);
+}
+.rz-form-field.rz-variant-text .rz-form-field-content {
+ border-color: transparent;
+ box-shadow: none;
+ --rz-input-background-color: transparent;
+ --rz-input-hover-background-color: transparent;
+ --rz-input-focus-background-color: transparent;
+ --rz-input-border-radius: 0;
+ --rz-input-padding-block: 0.4375rem;
+ --rz-input-padding-inline: 0;
+ --rz-numeric-input-padding-block: 0.5rem 0.5rem;
+ --rz-numeric-input-padding-inline: 0 1.25rem;
+ --rz-text-area-padding-block: 0.4375rem;
+ --rz-text-area-padding-inline: 0;
+ --rz-form-field-label-inset-inline-start: 0;
+ --rz-form-field-label-padding: var(--rz-form-field-text-label-padding);
+}
+.rz-form-field.rz-variant-text .rz-form-field-content ~ .rz-form-field-helper {
+ padding: 0;
+}
+.rz-form-field.rz-variant-text .rz-form-field-start {
+ padding-inline-start: 0;
+}
+.rz-form-field.rz-variant-text .rz-form-field-end {
+ padding-inline-end: 0;
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-text .rz-form-field-content:before {
+ content: "";
+ position: absolute;
+ z-index: 1;
+ inset-inline-start: 50%;
+ inset-inline-end: 50%;
+ bottom: calc(-1 * var(--rz-border-width));
+ height: calc(var(--rz-border-width) + 1px);
+ border: var(--rz-input-focus-border-block-end);
+ border-inline-start-width: 0;
+ border-inline-end-width: 0;
+ transition: inset-inline-start var(--rz-transition), inset-inline-end var(--rz-transition), border-width var(--rz-transition);
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after {
+ content: "";
+ position: absolute;
+ inset: calc(-1 * var(--rz-border-width));
+ top: auto;
+ height: var(--rz-border-width);
+ border-block-end: var(--rz-input-border-block-end);
+}
+.rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after {
+ border-block-end: var(--rz-input-hover-border-block-end);
+}
+.rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after {
+ border-block-end: var(--rz-input-disabled-border-block-end);
+}
+.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before {
+ inset-inline-start: calc(-1 * var(--rz-border-width));
+ inset-inline-end: calc(-1 * var(--rz-border-width));
+ border: var(--rz-input-focus-border-block-end);
+ border-inline-start-width: var(--rz-border-width);
+ border-inline-end-width: var(--rz-border-width);
+}
+.rz-form-field .rz-numeric-button {
+ display: none;
+}
+.rz-form-field .rz-numeric:focus-within .rz-numeric-button {
+ display: block;
+}
+
+.rz-form-field-label {
+ position: absolute;
+ pointer-events: none;
+ padding: var(--rz-form-field-label-padding);
+ inset-block-start: 50%;
+ inset-inline-end: auto;
+ border-radius: var(--rz-border-radius);
+ inset-inline-start: var(--rz-form-field-label-inset-inline-start);
+ max-width: calc(100% - 1.5rem);
+ transform: translate(0, -50%);
+ background-color: transparent;
+ transition: inset-block-start var(--rz-transition), transform var(--rz-transition), color var(--rz-transition), font-size var(--rz-transition), max-width var(--rz-transition);
+}
+.rz-state-disabled .rz-form-field-content > .rz-form-field-label {
+ color: var(--rz-input-disabled-color) !important;
+}
+.rz-form-field-label:last-child {
+ inset-inline-end: 1.5rem;
+}
+.rz-textarea ~ .rz-form-field-label {
+ inset-block-start: var(--rz-form-field-label-textarea-top);
+ transform: translate(0, 0);
+}
+.rz-form-field.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-form-field.rz-variant-flat .rz-textarea ~ .rz-form-field-label {
+ transform: translate(0, 0.625rem);
+}
+.rz-form-field:not(.rz-floating-label) .rz-form-field-label, .rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-numeric:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field.rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-form-field.rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-form-field.rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field.rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label, .rz-fileupload ~ .rz-form-field-label, .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label, .rz-form-field.rz-state-focused .rz-form-field-label {
+ inset-inline-end: auto;
+ inset-block-start: var(--rz-form-field-label-floating-top);
+ padding-block-start: 0;
+ padding-block-end: 0;
+ transform: translate(0, 0);
+ color: var(--rz-input-placeholder-color);
+ background-color: var(--rz-form-field-label-floating-background-color);
+ font-size: 0.75rem;
+ line-height: 1rem;
+ max-width: calc(100% - 1.5rem);
+}
+.rz-form-field:not(.rz-variant-outlined):not(.rz-floating-label) .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus-within ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-chkbox ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-fileupload ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined).rz-state-focused .rz-form-field-label {
+ background-color: inherit !important;
+}
+.invalid ~ .rz-form-field-label {
+ color: var(--rz-danger) !important;
+}
+.rz-state-focused .rz-form-field-label, .rz-form-field.rz-state-focused .rz-form-field-label, .rz-form-field.rz-variant-filled.rz-state-focused ~ .rz-form-field-label, .rz-form-field.rz-variant-flat.rz-state-focused ~ .rz-form-field-label, .rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-numeric:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-form-field.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-form-field.rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label {
+ color: var(--rz-form-field-label-focus-color);
+}
+
+.rz-timeline {
+ box-sizing: border-box;
+ display: flex;
+}
+.rz-timeline.rz-timeline-column {
+ flex-direction: column;
+}
+.rz-timeline.rz-timeline-column .rz-timeline-item {
+ flex-direction: row;
+}
+.rz-timeline.rz-timeline-column .rz-timeline-content-start {
+ text-align: right;
+}
+.rz-timeline.rz-timeline-column .rz-timeline-content-end {
+ text-align: left;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) {
+ flex-direction: row-reverse;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start {
+ text-align: left;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end {
+ text-align: right;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before {
+ left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ right: auto;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start {
+ display: none;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end {
+ max-width: calc(100% - var(--rz-timeline-axis-size));
+ text-align: start;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item {
+ flex-direction: row-reverse;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before {
+ right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ left: auto;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start {
+ display: none;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end {
+ max-width: calc(100% - var(--rz-timeline-axis-size));
+ text-align: end;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-item:before {
+ left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ right: auto;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-start {
+ display: none;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-end {
+ max-width: calc(100% - var(--rz-timeline-axis-size));
+ text-align: left;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item {
+ flex-direction: row-reverse;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item:before {
+ right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ left: auto;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-start {
+ display: none;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-end {
+ max-width: calc(100% - var(--rz-timeline-axis-size));
+ text-align: right;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-item {
+ flex-direction: row-reverse;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-start {
+ text-align: left;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-end {
+ text-align: right;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) {
+ flex-direction: row;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start {
+ text-align: right;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end {
+ text-align: left;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before {
+ left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ right: auto;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start {
+ max-width: calc(100% - var(--rz-timeline-axis-size));
+ text-align: start;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end {
+ display: none;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item {
+ flex-direction: row;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before {
+ right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ left: auto;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start {
+ max-width: calc(100% - var(--rz-timeline-axis-size));
+ text-align: end;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end {
+ display: none;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-item:before {
+ left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ right: auto;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-start {
+ max-width: calc(100% - var(--rz-timeline-axis-size));
+ text-align: left;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-end {
+ display: none;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item {
+ flex-direction: row;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item:before {
+ right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ left: auto;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-start {
+ max-width: calc(100% - var(--rz-timeline-axis-size));
+ text-align: right;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-end {
+ display: none;
+}
+.rz-timeline.rz-timeline-row {
+ flex-direction: row;
+}
+.rz-timeline.rz-timeline-row .rz-timeline-item {
+ flex-direction: column;
+ justify-content: end;
+ width: 100%;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-alternate .rz-timeline-item:nth-child(even) {
+ flex-direction: column-reverse;
+ justify-content: start;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-item:before {
+ top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ bottom: auto;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-start {
+ display: none;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-end {
+ max-height: calc(100% - var(--rz-timeline-axis-size));
+}
+.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item {
+ flex-direction: column-reverse;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item:before {
+ bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ top: auto;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-start {
+ display: none;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-end {
+ max-height: calc(100% - var(--rz-timeline-axis-size));
+}
+.rz-timeline.rz-timeline-row.rz-timeline-reverse .rz-timeline-item {
+ flex-direction: column-reverse;
+ justify-content: start;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) {
+ flex-direction: column;
+ justify-content: end;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-item:before {
+ top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ bottom: auto;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-start {
+ max-height: calc(100% - var(--rz-timeline-axis-size));
+}
+.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-end {
+ display: none;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item {
+ flex-direction: column;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item:before {
+ bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ top: auto;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-start {
+ max-height: calc(100% - var(--rz-timeline-axis-size));
+}
+.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-end {
+ display: none;
+}
+
+.rz-timeline-item {
+ display: flex;
+ padding: var(--rz-timeline-item-padding);
+ position: relative;
+}
+.rz-timeline-align-items-center .rz-timeline-item {
+ align-items: center;
+}
+.rz-timeline-align-items-normal .rz-timeline-item {
+ align-items: normal;
+}
+.rz-timeline-align-items-start .rz-timeline-item {
+ align-items: start;
+}
+.rz-timeline-align-items-end .rz-timeline-item {
+ align-items: end;
+}
+.rz-timeline-align-items-stretch .rz-timeline-item {
+ align-items: stretch;
+}
+.rz-timeline-item:before {
+ content: "";
+ position: absolute;
+ background-color: var(--rz-timeline-line-color);
+}
+.rz-timeline-column .rz-timeline-item:before {
+ width: var(--rz-timeline-line-width);
+ top: 0;
+ bottom: 0;
+ left: calc(50% - var(--rz-timeline-line-width) / 2);
+ right: auto;
+}
+.rz-timeline-column .rz-timeline-item:first-child:before {
+ top: calc(50% - var(--rz-timeline-line-width) / 2);
+ border-top-left-radius: var(--rz-timeline-line-border-radius);
+ border-top-right-radius: var(--rz-timeline-line-border-radius);
+}
+.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:first-child:before {
+ top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2);
+}
+.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:first-child:before {
+ top: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2);
+}
+.rz-timeline-column .rz-timeline-item:last-child:before {
+ bottom: calc(50% - var(--rz-timeline-line-width) / 2);
+ border-bottom-left-radius: var(--rz-timeline-line-border-radius);
+ border-bottom-right-radius: var(--rz-timeline-line-border-radius);
+}
+.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:last-child:before {
+ bottom: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2);
+}
+.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:last-child:before {
+ bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2);
+}
+.rz-timeline-row .rz-timeline-item:before {
+ top: calc(50% - var(--rz-timeline-line-width) / 2);
+ bottom: auto;
+ left: 0;
+ right: 0;
+ height: var(--rz-timeline-line-width);
+}
+.rz-timeline-row .rz-timeline-item:first-child:before {
+ left: calc(50% - var(--rz-timeline-line-width) / 2);
+ border-top-left-radius: var(--rz-timeline-line-border-radius);
+ border-bottom-left-radius: var(--rz-timeline-line-border-radius);
+}
+.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:first-child:before {
+ left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2);
+}
+.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:first-child:before {
+ left: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2);
+}
+.rz-timeline-row .rz-timeline-item:last-child:before {
+ right: calc(50% - var(--rz-timeline-line-width) / 2);
+ border-top-right-radius: var(--rz-timeline-line-border-radius);
+ border-bottom-right-radius: var(--rz-timeline-line-border-radius);
+}
+.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:last-child:before {
+ right: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2);
+}
+.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:last-child:before {
+ right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2);
+}
+
+.rz-timeline-content-start {
+ text-align: center;
+}
+.rz-timeline-column .rz-timeline-content-start {
+ flex: 1 1 auto;
+ max-width: calc(50% - var(--rz-timeline-axis-size) / 2);
+}
+
+.rz-timeline-content-end {
+ flex: 1 1 auto;
+ text-align: center;
+}
+.rz-timeline-column .rz-timeline-content-end {
+ max-width: calc(50% - var(--rz-timeline-axis-size) / 2);
+}
+.rz-timeline-row .rz-timeline-content-end {
+ max-height: calc(50% - var(--rz-timeline-axis-size) / 2);
+}
+
+.rz-timeline-axis {
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex: 0 1 var(--rz-timeline-axis-size);
+}
+.rz-timeline-column .rz-timeline-axis {
+ width: var(--rz-timeline-axis-size);
+}
+.rz-timeline-row .rz-timeline-axis {
+ height: var(--rz-timeline-axis-size);
+}
+
+.rz-timeline-point {
+ position: relative;
+ display: flex;
+ flex: 0 1 var(--rz-timeline-point-size);
+ align-items: center;
+ justify-content: center;
+ height: var(--rz-timeline-point-size);
+ width: var(--rz-timeline-point-size);
+ border: var(--rz-timeline-point-border);
+ border-radius: var(--rz-timeline-point-border-radius);
+ background-color: var(--rz-timeline-point-background-color);
+ color: var(--rz-timeline-point-color);
+}
+
+.rz-timeline-point-outlined {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-timeline-point-color);
+ border-color: var(--rz-timeline-point-background-color);
+}
+
+.rz-timeline-point-flat {
+ border: 0;
+}
+
+.rz-timeline-point-text {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-timeline-point-color);
+ border: 0;
+}
+
+.rz-timeline-point-primary {
+ background-color: var(--rz-primary);
+ color: var(--rz-on-primary);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-primary {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-primary);
+ border-color: var(--rz-primary);
+}
+
+.rz-timeline-point-text.rz-timeline-point-primary {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-primary);
+}
+
+.rz-timeline-point-secondary {
+ background-color: var(--rz-secondary);
+ color: var(--rz-on-secondary);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-secondary {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-secondary);
+ border-color: var(--rz-secondary);
+}
+
+.rz-timeline-point-text.rz-timeline-point-secondary {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-secondary);
+}
+
+.rz-timeline-point-info {
+ background-color: var(--rz-info);
+ color: var(--rz-on-info);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-info {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-info);
+ border-color: var(--rz-info);
+}
+
+.rz-timeline-point-text.rz-timeline-point-info {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-info);
+}
+
+.rz-timeline-point-warning {
+ background-color: var(--rz-warning);
+ color: var(--rz-on-warning);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-warning {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-warning);
+ border-color: var(--rz-warning);
+}
+
+.rz-timeline-point-text.rz-timeline-point-warning {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-warning);
+}
+
+.rz-timeline-point-error {
+ background-color: var(--rz-danger);
+ color: var(--rz-on-danger);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-error {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-danger);
+ border-color: var(--rz-danger);
+}
+
+.rz-timeline-point-text.rz-timeline-point-error {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-danger);
+}
+
+.rz-timeline-point-danger {
+ background-color: var(--rz-danger);
+ color: var(--rz-on-danger);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-danger {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-danger);
+ border-color: var(--rz-danger);
+}
+
+.rz-timeline-point-text.rz-timeline-point-danger {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-danger);
+}
+
+.rz-timeline-point-success {
+ background-color: var(--rz-success);
+ color: var(--rz-on-success);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-success {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-success);
+ border-color: var(--rz-success);
+}
+
+.rz-timeline-point-text.rz-timeline-point-success {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-success);
+}
+
+.rz-timeline-point-base {
+ background-color: var(--rz-base-700);
+ color: var(--rz-text-contrast-color);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-base {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-base-700);
+ border-color: var(--rz-base-700);
+}
+
+.rz-timeline-point-text.rz-timeline-point-base {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-base-700);
+}
+
+.rz-timeline-point-light {
+ background-color: var(--rz-base-700);
+ color: var(--rz-text-contrast-color);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-light {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-base-700);
+ border-color: var(--rz-base-700);
+}
+
+.rz-timeline-point-text.rz-timeline-point-light {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-base-700);
+}
+
+.rz-timeline-point-dark {
+ background-color: var(--rz-base-900);
+ color: var(--rz-text-contrast-color);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-dark {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-base-900);
+ border-color: var(--rz-base-900);
+}
+
+.rz-timeline-point-text.rz-timeline-point-dark {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-base-900);
+}
+
+.rz-timeline-axis-lg {
+ --rz-timeline-point-size: 3rem;
+}
+.rz-timeline-axis-lg .rz-timeline-point .rzi {
+ font-size: 2rem;
+}
+
+.rz-timeline-axis-md {
+ --rz-timeline-point-size: 1.5rem;
+}
+.rz-timeline-axis-md .rz-timeline-point .rzi {
+ font-size: 1rem;
+}
+
+.rz-timeline-axis-sm {
+ --rz-timeline-point-size: 1rem;
+}
+.rz-timeline-axis-sm .rz-timeline-point .rzi {
+ font-size: 0.625rem;
+}
+
+.rz-timeline-axis-xs {
+ --rz-timeline-point-size: 0.75rem;
+}
+.rz-timeline-axis-xs .rz-timeline-point .rzi {
+ font-size: 0.5rem;
+}
+
+.rz-picklist-wrapper {
+ box-sizing: border-box;
+ width: 100%;
+ height: 100%;
+ --rz-gap: 1rem;
+}
+
+.rz-picklist-source-wrapper,
+.rz-picklist-target-wrapper {
+ flex: 1;
+ --rz-gap: 0.5rem;
+ overflow: hidden;
+}
+.rz-picklist-source-wrapper .rz-listbox,
+.rz-picklist-target-wrapper .rz-listbox {
+ width: 100%;
+ height: 100%;
+}
+
+.rz-picklist-buttons.rz-flex-row .rzi {
+ transform: rotate(90deg);
+}
+
+.rz-carousel {
+ position: relative;
+ overflow: hidden;
+ scrollbar-color: transparent transparent;
+ border-radius: var(--rz-carousel-border-radius);
+}
+.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-items,
+.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-items:has(+ .rz-carousel-pager-bottom) {
+ height: calc(100% - var(--rz-carousel-pager-height));
+}
+.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-items:has(+ .rz-carousel-pager-bottom) {
+ height: calc(100% - 2 * var(--rz-carousel-pager-height));
+}
+.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-prev,
+.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-next {
+ inset-block-start: calc(50% + var(--rz-carousel-pager-height) / 2);
+}
+.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-prev:has(~ .rz-carousel-pager-bottom),
+.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-next:has(~ .rz-carousel-pager-bottom) {
+ inset-block-start: calc(50% - var(--rz-carousel-pager-height) / 2);
+}
+.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-prev:has(~ .rz-carousel-pager-bottom),
+.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-next:has(~ .rz-carousel-pager-bottom) {
+ inset-block-start: 50%;
+}
+
+.rz-carousel-items {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ height: 100%;
+ display: flex;
+ overflow-x: scroll;
+ counter-reset: item;
+ scroll-behavior: smooth;
+ scroll-snap-type: x mandatory;
+ border-radius: var(--rz-carousel-border-radius);
+ scrollbar-width: none;
+ touch-action: pan-y;
+ -ms-overflow-style: none;
+}
+.rz-carousel-items::-webkit-scrollbar {
+ display: none;
+}
+
+.rz-carousel-item {
+ margin: 0;
+ padding: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: relative;
+ flex: 0 0 100%;
+ width: 100%;
+ counter-increment: item;
+ scrollbar-color: initial;
+ scrollbar-width: initial;
+ -ms-overflow-style: initial;
+}
+
+.rz-carousel-snapper {
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ scroll-snap-align: center;
+}
+
+.rz-carousel-pager {
+ gap: var(--rz-carousel-pager-gap);
+ height: var(--rz-carousel-pager-height);
+}
+
+.rz-carousel-pager-button {
+ cursor: pointer;
+ width: var(--rz-carousel-pager-button-width);
+ height: var(--rz-carousel-pager-button-height);
+ border: var(--rz-carousel-pager-button-border);
+ border-radius: var(--rz-carousel-pager-button-border-radius);
+ background-color: var(--rz-carousel-pager-button-background-color);
+ color: var(--rz-carousel-pager-button-color);
+ transition: var(--rz-button-transition);
+ -webkit-appearance: none;
+}
+.rz-carousel-pager-button:hover {
+ border: var(--rz-carousel-pager-button-hover-border);
+ background-color: var(--rz-carousel-pager-button-hover-background-color);
+ color: var(--rz-carousel-pager-button-hover-color);
+}
+.rz-carousel-pager-button.rz-state-active {
+ width: var(--rz-carousel-pager-button-active-width);
+ height: var(--rz-carousel-pager-button-active-height);
+ border: var(--rz-carousel-pager-button-active-border);
+ background-color: var(--rz-carousel-pager-button-active-background-color);
+ color: var(--rz-carousel-pager-button-active-color);
+}
+
+.rz-carousel-pager-overlay .rz-carousel-pager {
+ position: absolute;
+ z-index: 998;
+ inset-inline: 0;
+ opacity: var(--rz-carousel-pager-overlay-opacity);
+}
+.rz-carousel-pager-overlay .rz-carousel-pager-top {
+ inset-block-start: 0;
+}
+.rz-carousel-pager-overlay .rz-carousel-pager-bottom {
+ inset-block-end: 0;
+}
+
+.rz-carousel-prev,
+.rz-carousel-next {
+ position: absolute;
+ z-index: 999;
+ inset-block-start: 50%; /* calc(50% - var(--rz-carousel-pager-height)/2) */
+ transform: translateY(-50%);
+ border-radius: var(--rz-carousel-prev-next-button-border-radius);
+}
+
+.rz-carousel-prev {
+ inset-inline-start: var(--rz-carousel-prev-next-button-inset);
+}
+
+.rz-carousel-next {
+ inset-inline-end: var(--rz-carousel-prev-next-button-inset);
+}
+.rz-carousel-next .rzi {
+ order: 2;
+}
+
+*[dir=rtl] .rz-carousel-prev .rzi,
+*[dir=rtl] .rz-carousel-next .rzi {
+ transform: rotate(180deg);
+}
+
+/* input field */
+.rz-timespanpicker {
+ display: inline-block;
+ position: relative;
+}
+.rz-timespanpicker .rz-readonly {
+ cursor: pointer;
+}
+.rz-timespanpicker > .rz-inputtext {
+ width: 100%;
+ line-height: var(--rz-timespanpicker-line-height);
+}
+.rz-timespanpicker:has(.rz-timespanpicker-trigger) > .rz-inputtext {
+ padding-inline-end: calc(1rem + var(--rz-timespanpicker-trigger-icon-width));
+}
+.rz-timespanpicker:has(.rz-dropdown-clear-icon) > .rz-inputtext {
+ padding-inline-end: calc(1rem + var(--rz-dropdown-trigger-icon-width));
+}
+.rz-timespanpicker:has(.rz-timespanpicker-trigger):has(.rz-dropdown-clear-icon) > .rz-inputtext {
+ padding-inline-end: calc(var(--rz-dropdown-trigger-icon-width) + 1rem + var(--rz-timespanpicker-trigger-icon-width));
+}
+.rz-timespanpicker:not(.rz-state-disabled):hover .rz-timespanpicker-trigger {
+ box-shadow: none;
+ color: var(--rz-timespanpicker-trigger-icon-hover-color);
+}
+.rz-timespanpicker.rz-state-disabled > .rz-inputtext {
+ color: var(--rz-input-disabled-color);
+ box-shadow: var(--rz-input-disabled-shadow);
+ background-color: var(--rz-input-disabled-background-color);
+ border: var(--rz-input-disabled-border);
+ opacity: var(--rz-input-disabled-opacity);
+}
+.rz-timespanpicker.rz-state-disabled > .rz-inputtext::placeholder {
+ color: var(--rz-input-disabled-placeholder-color);
+}
+.rz-timespanpicker:not(:has(.rz-timespanpicker-trigger)) .rz-dropdown-clear-icon {
+ inset-inline-end: 0.5rem;
+}
+
+/* popup trigger button */
+.rz-timespanpicker-trigger {
+ box-shadow: none;
+ position: absolute;
+ inset-block-start: 50%;
+ inset-inline-end: 0.625rem;
+ transform: translateY(-50%);
+ background-color: transparent;
+ padding: 0;
+ vertical-align: text-top;
+ color: var(--rz-timespanpicker-trigger-icon-color);
+ width: var(--rz-timespanpicker-trigger-icon-width);
+ height: var(--rz-timespanpicker-trigger-icon-height);
+ font-size: var(--rz-timespanpicker-trigger-icon-height);
+}
+.rz-timespanpicker-trigger.rz-state-disabled {
+ border: none;
+ box-shadow: none;
+ cursor: initial;
+ opacity: 1;
+ color: var(--rz-input-disabled-color);
+}
+.rz-timespanpicker-trigger:not(.rz-state-disabled):hover:not(:active), .rz-timespanpicker-trigger:not(.rz-state-disabled):hover:active {
+ background-color: transparent;
+}
+.rz-timespanpicker-trigger:not(.rz-state-disabled):active {
+ box-shadow: none !important;
+ background-image: none !important;
+}
+.rz-timespanpicker-trigger .rzi-timespan {
+ font-size: inherit;
+ vertical-align: top;
+}
+.rz-timespanpicker-trigger .rzi-timespan:before {
+ content: "timer";
+}
+.rz-timespanpicker-trigger .rz-button-text {
+ display: none;
+}
+
+/* panel */
+.rz-timespanpicker-inline {
+ border: var(--rz-input-border);
+ border-radius: var(--rz-border-radius);
+ background-color: var(--rz-timespanpicker-panel-background-color);
+ overflow: auto;
+}
+
+.rz-timespanpicker-popup-container {
+ display: none;
+ box-sizing: content-box;
+ position: absolute;
+ width: var(--rz-timespanpicker-popup-width);
+ margin: var(--rz-timespanpicker-popup-margin);
+ box-shadow: var(--rz-timespanpicker-popup-shadow);
+ border: var(--rz-timespanpicker-popup-border);
+ border-radius: var(--rz-border-radius);
+ background-color: var(--rz-timespanpicker-panel-background-color);
+}
+
+.rz-timespanpicker-panel {
+ padding: var(--rz-timespanpicker-panel-padding);
+}
+
+.rz-timespanpicker-panel, .rz-timespanpicker-panel-fieldcontainer {
+ display: flex;
+ align-items: flex-end;
+ justify-content: center;
+ gap: var(--rz-timespanpicker-panel-gap);
+}
+
+.rz-timespanpicker-panel-fieldwithunit {
+ display: flex;
+ flex-flow: column;
+ flex-wrap: nowrap;
+ align-items: center;
+ gap: var(--rz-timespanpicker-panel-unit-gap);
+ width: min-content;
+}
+
+.rz-timespanpicker-unit-label {
+ color: var(--rz-timespanpicker-unit-label-color);
+ font-size: 0.75rem;
+ text-transform: uppercase;
+}
+
+.rz-timespanpicker-unitvaluepicker {
+ width: fit-content;
+ min-width: var(--rz-timespanpicker-panel-field-min-width);
+}
+
+.rz-timespanpicker-signpicker {
+ align-self: stretch;
+}
+.rz-timespanpicker-signpicker > .rz-button {
+ flex: 1;
+ --rz-selectbar-border-radius: var(--rz-input-border-radius);
+}
+
+.rz-toc {
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+ line-height: normal;
+}
+
+.rz-toc-list {
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+}
+
+.rz-toc-item-wrapper {
+ position: relative;
+}
+.rz-toc-item-wrapper:after {
+ content: "";
+ position: absolute;
+ inset-block: var(--rz-toc-link-selected-indicator-inset-block);
+ inset-inline: var(--rz-toc-link-selected-indicator-inset-inline);
+ width: var(--rz-toc-link-selected-indicator-size);
+ border-radius: var(--rz-toc-link-selected-indicator-border-radius);
+ background-color: transparent;
+ transition: background-color var(--rz-transition);
+}
+
+.rz-toc-item-selected > .rz-toc-item-wrapper:after {
+ background-color: var(--rz-toc-link-selected-indicator-color);
+}
+
+.rz-toc-link {
+ display: flex;
+ padding-block: var(--rz-toc-link-padding-block);
+ padding-inline: var(--rz-toc-link-padding-inline);
+ text-decoration: none;
+ font-size: var(--rz-toc-link-font-size);
+ font-weight: var(--rz-toc-link-font-weight);
+ border: var(--rz-toc-link-border);
+ border-radius: var(--rz-toc-link-border-radius);
+ color: var(--rz-toc-link-color);
+ background-color: var(--rz-toc-link-background-color);
+ transition: border var(--rz-transition), color var(--rz-transition), background-color var(--rz-transition);
+}
+.rz-toc-link:hover {
+ color: var(--rz-toc-link-hover-color);
+ background-color: var(--rz-toc-link-hover-background-color);
+}
+.rz-toc-link:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-toc-link:focus-visible {
+ outline: var(--rz-link-focus-outline);
+ outline-offset: calc(-1 * var(--rz-outline-width));
+}
+.rz-toc-item-selected > .rz-toc-item-wrapper .rz-toc-link {
+ border: var(--rz-toc-link-selected-border);
+ color: var(--rz-toc-link-selected-color);
+ background-color: var(--rz-toc-link-selected-background-color);
+}
+.rz-toc-horizontal .rz-toc-item-selected .rz-toc-link {
+ border: var(--rz-toc-horizontal-link-selected-border);
+ color: var(--rz-toc-horizontal-link-selected-color);
+ background-color: var(--rz-toc-horizontal-link-selected-background-color);
+}
+
+.rz-toc-horizontal {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: center;
+ border-radius: var(--rz-toc-horizontal-border-radius);
+ background-color: var(--rz-toc-horizontal-background-color);
+ overflow: hidden;
+ box-shadow: var(--rz-toc-horizontal-shadow);
+}
+.rz-toc-horizontal .rz-toc-item {
+ flex: 1;
+ display: inline-flex;
+}
+.rz-toc-horizontal .rz-toc-item .rz-toc-item-wrapper {
+ display: flex;
+ flex: 1;
+}
+.rz-toc-horizontal .rz-toc-item .rz-toc-item-wrapper:after {
+ inset-block: var(--rz-toc-horizontal-link-selected-indicator-inset-block);
+ inset-inline: var(--rz-toc-horizontal-link-selected-indicator-inset-inline);
+ width: auto;
+ height: var(--rz-toc-link-selected-indicator-size);
+}
+.rz-toc-horizontal .rz-toc-link {
+ flex: 1;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+ padding-block: var(--rz-toc-horizontal-link-padding-block);
+ padding-inline: var(--rz-toc-horizontal-link-padding-inline);
+ font-size: var(--rz-toc-horizontal-link-font-size);
+}
+
+.rz-expander {
+ display: grid;
+ transition: grid-template-rows var(--rz-expander-transition);
+}
+.rz-expander .rz-expander-content {
+ overflow: hidden;
+}
+.rz-expander.rz-state-expanded {
+ grid-template-rows: 1fr;
+}
+.rz-expander.rz-state-collapsed {
+ grid-template-rows: 0fr;
+}
+
+.rz-chat {
+ display: flex;
+ flex-direction: column;
+ background-color: var(--rz-chat-background-color);
+ border: var(--rz-chat-border);
+ border-radius: var(--rz-chat-border-radius);
+ overflow: hidden;
+}
+
+.rz-chat-header {
+ z-index: 1;
+ padding-block: var(--rz-chat-header-padding-block);
+ padding-inline: var(--rz-chat-header-padding-inline);
+ background-color: var(--rz-chat-header-background-color);
+ border-bottom: var(--rz-chat-header-bottom-border);
+ box-shadow: var(--rz-chat-header-shadow);
+}
+
+.rz-chat-header-title {
+ flex: 1;
+ font-size: var(--rz-chat-header-title-font-size);
+ font-weight: var(--rz-chat-header-title-font-weight);
+}
+
+.rz-chat-messages {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+ overflow-y: auto;
+ padding: 0.5rem;
+}
+
+.rz-chat-empty {
+ height: 100%;
+}
+.rz-chat-empty .rzi {
+ font-size: 3rem;
+ opacity: 0.3;
+}
+
+.rz-chat-message {
+ display: flex;
+ align-items: flex-end;
+ gap: 0.5rem;
+ max-width: 90%;
+}
+
+.rz-chat-message-text {
+ padding: var(--rz-chat-message-text-padding);
+ border-radius: var(--rz-chat-message-text-border-radius);
+ word-wrap: break-word;
+ white-space: pre-wrap;
+ font-size: 1rem;
+ line-height: 1;
+ --rz-text-h1-margin-block-end: 0;
+ --rz-text-h2-margin-block-end: 0;
+ --rz-text-h3-margin-block-end: 0;
+ --rz-text-h4-margin-block-end: 0;
+ --rz-text-h5-margin-block-end: 0;
+ --rz-text-h6-margin-block-end: 0;
+ --rz-text-body1-margin-block-end: 0;
+ --rz-text-body2-margin-block-end: 0;
+}
+
+.rz-chat-message-avatar {
+ width: var(--rz-chat-avatar-size);
+ height: var(--rz-chat-avatar-size);
+ border-radius: var(--rz-chat-avatar-border-radius);
+ font-size: var(--rz-chat-avatar-font-size);
+ font-weight: var(--rz-chat-avatar-font-weight);
+ background-color: var(--rz-base);
+ color: var(--rz-on-base);
+ flex-shrink: 0;
+}
+
+.rz-chat-avatar-initials {
+ width: 100%;
+ overflow: hidden;
+ text-align: center;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.rz-chat-message-time {
+ font-size: 0.75rem;
+ color: var(--rz-text-disabled-color);
+ padding: var(--rz-chat-message-time-padding);
+}
+
+.rz-chat-message-user {
+ align-self: flex-end;
+ flex-direction: row-reverse;
+}
+.rz-chat-message-user .rz-chat-message-avatar {
+ background-color: var(--rz-chat-message-user-background-color);
+ color: var(--rz-chat-message-user-color);
+}
+.rz-chat-message-user .rz-chat-message-text {
+ background-color: var(--rz-chat-message-user-background-color);
+ color: var(--rz-chat-message-user-color);
+ border-end-end-radius: var(--rz-chat-message-callout-radius);
+ /* --rz-text-h1-color: var(--rz-chat-message-user-color);
+ --rz-text-h2-color: var(--rz-chat-message-user-color);
+ --rz-text-h3-color: var(--rz-chat-message-user-color);
+ --rz-text-h4-color: var(--rz-chat-message-user-color);
+ --rz-text-h5-color: var(--rz-chat-message-user-color);
+ --rz-text-h6-color: var(--rz-chat-message-user-color);
+ --rz-text-body1-color: var(--rz-chat-message-user-color);
+ --rz-text-body2-color: var(--rz-chat-message-user-color); */
+}
+
+.rz-chat-message-assistant {
+ align-self: flex-start;
+}
+.rz-chat-message-assistant .rz-chat-message-avatar {
+ background-color: var(--rz-chat-message-assistant-background-color);
+ color: var(--rz-chat-message-assistant-color);
+}
+.rz-chat-message-assistant .rz-chat-message-text {
+ background-color: var(--rz-chat-message-assistant-background-color);
+ color: var(--rz-chat-message-assistant-color);
+ border-end-start-radius: var(--rz-chat-message-callout-radius);
+ /* --rz-text-h1-color: var(--rz-chat-message-assistant-color);
+ --rz-text-h2-color: var(--rz-chat-message-assistant-color);
+ --rz-text-h3-color: var(--rz-chat-message-assistant-color);
+ --rz-text-h4-color: var(--rz-chat-message-assistant-color);
+ --rz-text-h5-color: var(--rz-chat-message-assistant-color);
+ --rz-text-h6-color: var(--rz-chat-message-assistant-color);
+ --rz-text-body1-color: var(--rz-chat-message-assistant-color);
+ --rz-text-body2-color: var(--rz-chat-message-assistant-color); */
+}
+
+.rz-chat-input {
+ position: sticky;
+ bottom: 0;
+ z-index: 2;
+}
+
+.rz-chat-input-inner {
+ display: grid;
+ grid-template-columns: 1fr auto;
+ align-items: stretch;
+ gap: 0.5rem;
+ padding: 0.5rem;
+ height: fit-content;
+}
+
+.rz-chat-textarea {
+ width: 100%;
+ height: fit-content;
+ max-height: 10rem;
+ overflow-y: scroll;
+ padding-block: var(--rz-text-area-padding-block);
+ padding-inline: var(--rz-text-area-padding-inline);
+ field-sizing: content;
+ resize: none;
+}
+
+.rz-chat-message-streaming-icon {
+ animation: rz-pulse 1.5s infinite;
+}
+
+/* Right-to-left send button */
+*[dir=rtl] .rz-chat-send-btn {
+ transform: scaleX(-1);
+}
+
+.rz-skeleton {
+ display: inline-block;
+ position: relative;
+ overflow: hidden;
+ background-color: var(--rz-skeleton-background-color);
+ border-radius: var(--rz-skeleton-border-radius);
+}
+
+.rz-skeleton.rz-skeleton-text {
+ width: 10rem;
+ height: 0.75em;
+}
+
+.rz-skeleton.rz-skeleton-circular {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+}
+
+.rz-skeleton.rz-skeleton-rectangular {
+ width: 3rem;
+ height: 2rem;
+ border-radius: 0;
+}
+
+.rz-skeleton.rz-skeleton-wave {
+ background: linear-gradient(90deg, var(--rz-skeleton-background-color) 25%, var(--rz-skeleton-animation-color) 50%, var(--rz-skeleton-background-color) 75%);
+ background-size: 200% 100%;
+ animation: rz-wave var(--rz-skeleton-animation-duration) infinite;
+}
+
+.rz-skeleton.rz-skeleton-pulse {
+ animation: rz-pulse var(--rz-skeleton-animation-duration) infinite;
+}
+
+:root {
+ /* Theme Colors */
+ --rz-white: #ffffff;
+ --rz-black: #000000;
+ --rz-base: #63737a;
+ --rz-base-50: #ffffff;
+ --rz-base-100: #f6f7fa;
+ --rz-base-200: #e9edf0;
+ --rz-base-300: #dadfe2;
+ --rz-base-400: #a8b4b8;
+ --rz-base-500: #7b8a8e;
+ --rz-base-600: #63737a;
+ --rz-base-700: #45565e;
+ --rz-base-800: #38474e;
+ --rz-base-900: #28363c;
+ --rz-base-light: #a8b4b8;
+ --rz-base-lighter: #ffffff;
+ --rz-base-dark: #45565e;
+ --rz-base-darker: #28363c;
+ --rz-primary: #ff6d41;
+ --rz-primary-light: #ff7f58;
+ --rz-primary-lighter: rgba(255, 109, 65, 0.16);
+ --rz-primary-dark: #eb643c;
+ --rz-primary-darker: #bf5231;
+ --rz-secondary: #3b9fd5;
+ --rz-secondary-light: #53abda;
+ --rz-secondary-lighter: rgba(59, 159, 213, 0.2);
+ --rz-secondary-dark: #3692c4;
+ --rz-secondary-darker: #2c77a0;
+ --rz-info: #2cc8c8;
+ --rz-info-light: #4ed1d1;
+ --rz-info-lighter: rgba(44, 200, 200, 0.2);
+ --rz-info-dark: #25a8a8;
+ --rz-info-darker: #219696;
+ --rz-success: #5dbf74;
+ --rz-success-light: #77c98a;
+ --rz-success-lighter: rgba(93, 191, 116, 0.16);
+ --rz-success-dark: #4ea061;
+ --rz-success-darker: #468f57;
+ --rz-warning: #fac152;
+ --rz-warning-light: #fbcb6e;
+ --rz-warning-lighter: rgba(250, 193, 82, 0.2);
+ --rz-warning-dark: #d2a245;
+ --rz-warning-darker: #bc913e;
+ --rz-danger: #f9777f;
+ --rz-danger-light: #fa8d93;
+ --rz-danger-lighter: rgba(249, 119, 127, 0.2);
+ --rz-danger-dark: #d1646b;
+ --rz-danger-darker: #bb595f;
+ --rz-on-base: #ffffff;
+ --rz-on-base-light: #28363c;
+ --rz-on-base-lighter: #28363c;
+ --rz-on-base-dark: #ffffff;
+ --rz-on-base-darker: #ffffff;
+ --rz-on-primary: #ffffff;
+ --rz-on-primary-light: #ffffff;
+ --rz-on-primary-lighter: #ff6d41;
+ --rz-on-primary-dark: #ffffff;
+ --rz-on-primary-darker: #ffffff;
+ --rz-on-secondary: #ffffff;
+ --rz-on-secondary-light: #ffffff;
+ --rz-on-secondary-lighter: #3b9fd5;
+ --rz-on-secondary-dark: #ffffff;
+ --rz-on-secondary-darker: #ffffff;
+ --rz-on-info: #ffffff;
+ --rz-on-info-light: #ffffff;
+ --rz-on-info-lighter: #2cc8c8;
+ --rz-on-info-dark: #ffffff;
+ --rz-on-info-darker: #ffffff;
+ --rz-on-success: #ffffff;
+ --rz-on-success-light: #ffffff;
+ --rz-on-success-lighter: #5dbf74;
+ --rz-on-success-dark: #ffffff;
+ --rz-on-success-darker: #ffffff;
+ --rz-on-warning: #ffffff;
+ --rz-on-warning-light: #ffffff;
+ --rz-on-warning-lighter: #fac152;
+ --rz-on-warning-dark: #ffffff;
+ --rz-on-warning-darker: #ffffff;
+ --rz-on-danger: #ffffff;
+ --rz-on-danger-light: #ffffff;
+ --rz-on-danger-lighter: #f9777f;
+ --rz-on-danger-dark: #ffffff;
+ --rz-on-danger-darker: #ffffff;
+ --rz-series-1: #376df5;
+ --rz-series-2: #64dfdf;
+ --rz-series-3: #f68769;
+ --rz-series-4: #c161e2;
+ --rz-series-5: #fdd07a;
+ --rz-series-6: #f8629b;
+ --rz-series-7: #74d062;
+ --rz-series-8: #84a7ff;
+ --rz-series-9: #4d99f9;
+ --rz-series-10: #8cecec;
+ --rz-series-11: #fab793;
+ --rz-series-12: #da88ee;
+ --rz-series-13: #fee3ab;
+ --rz-series-14: #fb89c3;
+ --rz-series-15: #a2e389;
+ --rz-series-16: #b5caff;
+ --rz-series-17: #1750f3;
+ --rz-series-18: #46d7d7;
+ --rz-series-19: #f46e4c;
+ --rz-series-20: #b343db;
+ --rz-series-21: #fdc55f;
+ --rz-series-22: #f64485;
+ --rz-series-23: #58c544;
+ --rz-series-24: #6a93ff;
+ /* Theme Constants */
+ --rz-border-width: 1px;
+ --rz-root-font-size: 16px;
+ --rz-body-font-size: 0.875rem;
+ --rz-body-line-height: 1.429;
+ --rz-body-background-color: var(--rz-base-900);
+ --rz-text-font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+ --rz-outline-offset: 2px;
+ --rz-outline-width: 2px;
+ --rz-outline-color: var(--rz-secondary);
+ /* Semantic Text */
+ --rz-text-title-color: var(--rz-base-50);
+ --rz-text-color: var(--rz-base-100);
+ --rz-text-secondary-color: var(--rz-base-300);
+ --rz-text-tertiary-color: var(--rz-base-400);
+ --rz-text-disabled-color: var(--rz-base-600);
+ --rz-text-contrast-color: var(--rz-white);
+ /* Text */
+ --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem);
+ --rz-text-display-h1-line-height: 1em;
+ --rz-text-display-h1-font-weight: 700;
+ --rz-text-display-h1-letter-spacing: -0.04em;
+ --rz-text-display-h1-color: var(--rz-text-title-color);
+ --rz-text-display-h1-margin-block-start: 0;
+ --rz-text-display-h1-margin-block-end: 1rem;
+ --rz-text-display-h2-font-size: clamp(3.75rem, 5.278vw, 4.75rem);
+ --rz-text-display-h2-line-height: calc(1em + 4px);
+ --rz-text-display-h2-font-weight: 700;
+ --rz-text-display-h2-letter-spacing: -0.03em;
+ --rz-text-display-h2-color: var(--rz-text-title-color);
+ --rz-text-display-h2-margin-block-start: 0;
+ --rz-text-display-h2-margin-block-end: 1rem;
+ --rz-text-display-h3-font-size: clamp(2.625rem, 3.889vw, 3.5rem);
+ --rz-text-display-h3-line-height: calc(1em + 4px);
+ --rz-text-display-h3-font-weight: 700;
+ --rz-text-display-h3-letter-spacing: -0.02em;
+ --rz-text-display-h3-color: var(--rz-text-title-color);
+ --rz-text-display-h3-margin-block-start: 0;
+ --rz-text-display-h3-margin-block-end: 0.75rem;
+ --rz-text-display-h4-font-size: clamp(2.25rem, 3.333vw, 3rem);
+ --rz-text-display-h4-line-height: 1em;
+ --rz-text-display-h4-font-weight: 700;
+ --rz-text-display-h4-letter-spacing: -0.02em;
+ --rz-text-display-h4-color: var(--rz-text-title-color);
+ --rz-text-display-h4-margin-block-start: 0;
+ --rz-text-display-h4-margin-block-end: 0.5rem;
+ --rz-text-display-h5-font-size: clamp(1.5rem, 2.222vw, 2rem);
+ --rz-text-display-h5-line-height: 1em;
+ --rz-text-display-h5-font-weight: 600;
+ --rz-text-display-h5-letter-spacing: -0.02em;
+ --rz-text-display-h5-color: var(--rz-text-title-color);
+ --rz-text-display-h5-margin-block-start: 0;
+ --rz-text-display-h5-margin-block-end: 0.5rem;
+ --rz-text-display-h6-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
+ --rz-text-display-h6-line-height: 1em;
+ --rz-text-display-h6-font-weight: 600;
+ --rz-text-display-h6-letter-spacing: -0.02em;
+ --rz-text-display-h6-color: var(--rz-text-title-color);
+ --rz-text-display-h6-margin-block-start: 0;
+ --rz-text-display-h6-margin-block-end: 0.5rem;
+ --rz-text-h1-font-size: clamp(3.75rem, 5.278vw, 4.75rem);
+ --rz-text-h1-line-height: calc(1em + 4px);
+ --rz-text-h1-font-weight: 600;
+ --rz-text-h1-letter-spacing: -0.04em;
+ --rz-text-h1-color: var(--rz-text-title-color);
+ --rz-text-h1-margin-block-start: 0;
+ --rz-text-h1-margin-block-end: 1rem;
+ --rz-text-h2-font-size: clamp(2.625rem, 3.889vw, 3.5rem);
+ --rz-text-h2-line-height: calc(1em + 4px);
+ --rz-text-h2-font-weight: 600;
+ --rz-text-h2-letter-spacing: -0.03em;
+ --rz-text-h2-color: var(--rz-text-title-color);
+ --rz-text-h2-margin-block-start: 0;
+ --rz-text-h2-margin-block-end: 1rem;
+ --rz-text-h3-font-size: clamp(2.25rem, 3.333vw, 3rem);
+ --rz-text-h3-line-height: 1em;
+ --rz-text-h3-font-weight: 600;
+ --rz-text-h3-letter-spacing: -0.02em;
+ --rz-text-h3-color: var(--rz-text-title-color);
+ --rz-text-h3-margin-block-start: 0;
+ --rz-text-h3-margin-block-end: 0.75rem;
+ --rz-text-h4-font-size: clamp(1.75rem, 2.778vw, 2.5rem);
+ --rz-text-h4-line-height: 1em;
+ --rz-text-h4-font-weight: 600;
+ --rz-text-h4-letter-spacing: -0.02em;
+ --rz-text-h4-color: var(--rz-text-title-color);
+ --rz-text-h4-margin-block-start: 0;
+ --rz-text-h4-margin-block-end: 0.5rem;
+ --rz-text-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
+ --rz-text-h5-line-height: 1em;
+ --rz-text-h5-font-weight: 600;
+ --rz-text-h5-letter-spacing: -0.02em;
+ --rz-text-h5-color: var(--rz-text-title-color);
+ --rz-text-h5-margin-block-start: 0;
+ --rz-text-h5-margin-block-end: 0.5rem;
+ --rz-text-h6-font-size: clamp(1rem, 1.667vw, 1.25rem);
+ --rz-text-h6-line-height: 1em;
+ --rz-text-h6-font-weight: 600;
+ --rz-text-h6-letter-spacing: -0.02em;
+ --rz-text-h6-color: var(--rz-text-title-color);
+ --rz-text-h6-margin-block-start: 0;
+ --rz-text-h6-margin-block-end: 0.5rem;
+ --rz-text-subtitle1-font-size: 1rem;
+ --rz-text-subtitle1-line-height: 1.25rem;
+ --rz-text-subtitle1-font-weight: 600;
+ --rz-text-subtitle1-letter-spacing: -0.02em;
+ --rz-text-subtitle1-color: var(--rz-text-title-color);
+ --rz-text-subtitle1-margin-block-start: 0;
+ --rz-text-subtitle1-margin-block-end: 0.5rem;
+ --rz-text-subtitle2-font-size: 0.875rem;
+ --rz-text-subtitle2-line-height: 1.25rem;
+ --rz-text-subtitle2-font-weight: 600;
+ --rz-text-subtitle2-letter-spacing: -0.02em;
+ --rz-text-subtitle2-color: var(--rz-text-title-color);
+ --rz-text-subtitle2-margin-block-start: 0;
+ --rz-text-subtitle2-margin-block-end: 0.5rem;
+ --rz-text-body1-font-size: 1rem;
+ --rz-text-body1-line-height: 1.25rem;
+ --rz-text-body1-font-weight: 400;
+ --rz-text-body1-letter-spacing: -0.02em;
+ --rz-text-body1-color: var(--rz-text-color);
+ --rz-text-body1-margin-block-start: 0;
+ --rz-text-body1-margin-block-end: 0.5rem;
+ --rz-text-body2-font-size: 0.875rem;
+ --rz-text-body2-line-height: 1.25rem;
+ --rz-text-body2-font-weight: 400;
+ --rz-text-body2-letter-spacing: -0.02em;
+ --rz-text-body2-color: var(--rz-text-color);
+ --rz-text-body2-margin-block-start: 0;
+ --rz-text-body2-margin-block-end: 0.5rem;
+ --rz-text-button-font-size: 0.875rem;
+ --rz-text-button-line-height: 1.25rem;
+ --rz-text-button-font-weight: 600;
+ --rz-text-button-letter-spacing: -0.02em;
+ --rz-text-button-color: var(--rz-text-color);
+ --rz-text-button-margin-block-start: 0;
+ --rz-text-button-margin-block-end: 0.5rem;
+ --rz-text-caption-font-size: 0.75rem;
+ --rz-text-caption-line-height: normal;
+ --rz-text-caption-font-weight: 400;
+ --rz-text-caption-letter-spacing: 0.4px;
+ --rz-text-caption-color: var(--rz-text-color);
+ --rz-text-caption-margin-block-start: 0;
+ --rz-text-caption-margin-block-end: 0.5rem;
+ --rz-text-overline-font-size: 0.625rem;
+ --rz-text-overline-line-height: normal;
+ --rz-text-overline-font-weight: 400;
+ --rz-text-overline-letter-spacing: 1.5px;
+ --rz-text-overline-text-transform: uppercase;
+ --rz-text-overline-color: var(--rz-text-color);
+ --rz-text-overline-margin-block-start: 0;
+ --rz-text-overline-margin-block-end: 0.5rem;
+ --rz-text-selection-background-color: var(--rz-primary-lighter);
+ --rz-text-selection-color: inherit;
+ /* Link */
+ --rz-link-color: var(--rz-secondary);
+ --rz-link-text-decoration: none;
+ --rz-link-hover-color: var(--rz-secondary-dark);
+ --rz-link-hover-text-decoration: underline;
+ --rz-link-focus-outline: var(--rz-outline-focus);
+ --rz-link-focus-outline-offset: var(--rz-outline-offset);
+ /* Base Background */
+ --rz-base-background-color: var(--rz-base-800);
+ /* Border */
+ --rz-border-white: var(--rz-border-width) solid var(--rz-white);
+ --rz-border-black: var(--rz-border-width) solid var(--rz-black);
+ --rz-border-base: var(--rz-border-width) solid var(--rz-base);
+ --rz-border-base-50: var(--rz-border-width) solid var(--rz-base-50);
+ --rz-border-base-100: var(--rz-border-width) solid var(--rz-base-100);
+ --rz-border-base-200: var(--rz-border-width) solid var(--rz-base-200);
+ --rz-border-base-300: var(--rz-border-width) solid var(--rz-base-300);
+ --rz-border-base-400: var(--rz-border-width) solid var(--rz-base-400);
+ --rz-border-base-500: var(--rz-border-width) solid var(--rz-base-500);
+ --rz-border-base-600: var(--rz-border-width) solid var(--rz-base-600);
+ --rz-border-base-700: var(--rz-border-width) solid var(--rz-base-700);
+ --rz-border-base-800: var(--rz-border-width) solid var(--rz-base-800);
+ --rz-border-base-900: var(--rz-border-width) solid var(--rz-base-900);
+ --rz-border-base-light: var(--rz-border-width) solid var(--rz-base-light);
+ --rz-border-base-lighter: var(--rz-border-width) solid var(--rz-base-lighter);
+ --rz-border-base-dark: var(--rz-border-width) solid var(--rz-base-dark);
+ --rz-border-base-darker: var(--rz-border-width) solid var(--rz-base-darker);
+ --rz-border-primary: var(--rz-border-width) solid var(--rz-primary);
+ --rz-border-primary-light: var(--rz-border-width) solid var(--rz-primary-light);
+ --rz-border-primary-lighter: var(--rz-border-width) solid var(--rz-primary-lighter);
+ --rz-border-primary-dark: var(--rz-border-width) solid var(--rz-primary-dark);
+ --rz-border-primary-darker: var(--rz-border-width) solid var(--rz-primary-darker);
+ --rz-border-secondary: var(--rz-border-width) solid var(--rz-secondary);
+ --rz-border-secondary-light: var(--rz-border-width) solid var(--rz-secondary-light);
+ --rz-border-secondary-lighter: var(--rz-border-width) solid var(--rz-secondary-lighter);
+ --rz-border-secondary-dark: var(--rz-border-width) solid var(--rz-secondary-dark);
+ --rz-border-secondary-darker: var(--rz-border-width) solid var(--rz-secondary-darker);
+ --rz-border-info: var(--rz-border-width) solid var(--rz-info);
+ --rz-border-info-light: var(--rz-border-width) solid var(--rz-info-light);
+ --rz-border-info-lighter: var(--rz-border-width) solid var(--rz-info-lighter);
+ --rz-border-info-dark: var(--rz-border-width) solid var(--rz-info-dark);
+ --rz-border-info-darker: var(--rz-border-width) solid var(--rz-info-darker);
+ --rz-border-success: var(--rz-border-width) solid var(--rz-success);
+ --rz-border-success-light: var(--rz-border-width) solid var(--rz-success-light);
+ --rz-border-success-lighter: var(--rz-border-width) solid var(--rz-success-lighter);
+ --rz-border-success-dark: var(--rz-border-width) solid var(--rz-success-dark);
+ --rz-border-success-darker: var(--rz-border-width) solid var(--rz-success-darker);
+ --rz-border-warning: var(--rz-border-width) solid var(--rz-warning);
+ --rz-border-warning-light: var(--rz-border-width) solid var(--rz-warning-light);
+ --rz-border-warning-lighter: var(--rz-border-width) solid var(--rz-warning-lighter);
+ --rz-border-warning-dark: var(--rz-border-width) solid var(--rz-warning-dark);
+ --rz-border-warning-darker: var(--rz-border-width) solid var(--rz-warning-darker);
+ --rz-border-danger: var(--rz-border-width) solid var(--rz-danger);
+ --rz-border-danger-light: var(--rz-border-width) solid var(--rz-danger-light);
+ --rz-border-danger-lighter: var(--rz-border-width) solid var(--rz-danger-lighter);
+ --rz-border-danger-dark: var(--rz-border-width) solid var(--rz-danger-dark);
+ --rz-border-danger-darker: var(--rz-border-width) solid var(--rz-danger-darker);
+ --rz-border-on-base: var(--rz-border-width) solid var(--rz-on-base);
+ --rz-border-on-base-light: var(--rz-border-width) solid var(--rz-on-base-light);
+ --rz-border-on-base-lighter: var(--rz-border-width) solid var(--rz-on-base-lighter);
+ --rz-border-on-base-dark: var(--rz-border-width) solid var(--rz-on-base-dark);
+ --rz-border-on-base-darker: var(--rz-border-width) solid var(--rz-on-base-darker);
+ --rz-border-on-primary: var(--rz-border-width) solid var(--rz-on-primary);
+ --rz-border-on-primary-light: var(--rz-border-width) solid var(--rz-on-primary-light);
+ --rz-border-on-primary-lighter: var(--rz-border-width) solid var(--rz-on-primary-lighter);
+ --rz-border-on-primary-dark: var(--rz-border-width) solid var(--rz-on-primary-dark);
+ --rz-border-on-primary-darker: var(--rz-border-width) solid var(--rz-on-primary-darker);
+ --rz-border-on-secondary: var(--rz-border-width) solid var(--rz-on-secondary);
+ --rz-border-on-secondary-light: var(--rz-border-width) solid var(--rz-on-secondary-light);
+ --rz-border-on-secondary-lighter: var(--rz-border-width) solid var(--rz-on-secondary-lighter);
+ --rz-border-on-secondary-dark: var(--rz-border-width) solid var(--rz-on-secondary-dark);
+ --rz-border-on-secondary-darker: var(--rz-border-width) solid var(--rz-on-secondary-darker);
+ --rz-border-on-info: var(--rz-border-width) solid var(--rz-on-info);
+ --rz-border-on-info-light: var(--rz-border-width) solid var(--rz-on-info-light);
+ --rz-border-on-info-lighter: var(--rz-border-width) solid var(--rz-on-info-lighter);
+ --rz-border-on-info-dark: var(--rz-border-width) solid var(--rz-on-info-dark);
+ --rz-border-on-info-darker: var(--rz-border-width) solid var(--rz-on-info-darker);
+ --rz-border-on-success: var(--rz-border-width) solid var(--rz-on-success);
+ --rz-border-on-success-light: var(--rz-border-width) solid var(--rz-on-success-light);
+ --rz-border-on-success-lighter: var(--rz-border-width) solid var(--rz-on-success-lighter);
+ --rz-border-on-success-dark: var(--rz-border-width) solid var(--rz-on-success-dark);
+ --rz-border-on-success-darker: var(--rz-border-width) solid var(--rz-on-success-darker);
+ --rz-border-on-warning: var(--rz-border-width) solid var(--rz-on-warning);
+ --rz-border-on-warning-light: var(--rz-border-width) solid var(--rz-on-warning-light);
+ --rz-border-on-warning-lighter: var(--rz-border-width) solid var(--rz-on-warning-lighter);
+ --rz-border-on-warning-dark: var(--rz-border-width) solid var(--rz-on-warning-dark);
+ --rz-border-on-warning-darker: var(--rz-border-width) solid var(--rz-on-warning-darker);
+ --rz-border-on-danger: var(--rz-border-width) solid var(--rz-on-danger);
+ --rz-border-on-danger-light: var(--rz-border-width) solid var(--rz-on-danger-light);
+ --rz-border-on-danger-lighter: var(--rz-border-width) solid var(--rz-on-danger-lighter);
+ --rz-border-on-danger-dark: var(--rz-border-width) solid var(--rz-on-danger-dark);
+ --rz-border-on-danger-darker: var(--rz-border-width) solid var(--rz-on-danger-darker);
+ --rz-border-series-1: var(--rz-border-width) solid var(--rz-series-1);
+ --rz-border-series-2: var(--rz-border-width) solid var(--rz-series-2);
+ --rz-border-series-3: var(--rz-border-width) solid var(--rz-series-3);
+ --rz-border-series-4: var(--rz-border-width) solid var(--rz-series-4);
+ --rz-border-series-5: var(--rz-border-width) solid var(--rz-series-5);
+ --rz-border-series-6: var(--rz-border-width) solid var(--rz-series-6);
+ --rz-border-series-7: var(--rz-border-width) solid var(--rz-series-7);
+ --rz-border-series-8: var(--rz-border-width) solid var(--rz-series-8);
+ --rz-border-series-9: var(--rz-border-width) solid var(--rz-series-9);
+ --rz-border-series-10: var(--rz-border-width) solid var(--rz-series-10);
+ --rz-border-series-11: var(--rz-border-width) solid var(--rz-series-11);
+ --rz-border-series-12: var(--rz-border-width) solid var(--rz-series-12);
+ --rz-border-series-13: var(--rz-border-width) solid var(--rz-series-13);
+ --rz-border-series-14: var(--rz-border-width) solid var(--rz-series-14);
+ --rz-border-series-15: var(--rz-border-width) solid var(--rz-series-15);
+ --rz-border-series-16: var(--rz-border-width) solid var(--rz-series-16);
+ --rz-border-series-17: var(--rz-border-width) solid var(--rz-series-17);
+ --rz-border-series-18: var(--rz-border-width) solid var(--rz-series-18);
+ --rz-border-series-19: var(--rz-border-width) solid var(--rz-series-19);
+ --rz-border-series-20: var(--rz-border-width) solid var(--rz-series-20);
+ --rz-border-series-21: var(--rz-border-width) solid var(--rz-series-21);
+ --rz-border-series-22: var(--rz-border-width) solid var(--rz-series-22);
+ --rz-border-series-23: var(--rz-border-width) solid var(--rz-series-23);
+ --rz-border-series-24: var(--rz-border-width) solid var(--rz-series-24);
+ /* Interaction State Border */
+ --rz-border-normal: var(--rz-border-width) solid var(--rz-base-700);
+ --rz-border-hover: var(--rz-border-width) solid var(--rz-base-600);
+ --rz-border-focus: var(--rz-border-width) solid var(--rz-base-600);
+ --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-700);
+ /* Border Radius */
+ --rz-border-radius: 4px;
+ --rz-border-radius-0: 0;
+ --rz-border-radius-1: 0.25rem;
+ --rz-border-radius-2: 0.5rem;
+ --rz-border-radius-3: 0.75rem;
+ --rz-border-radius-4: 1rem;
+ --rz-border-radius-5: 1.25rem;
+ --rz-border-radius-6: 1.5rem;
+ --rz-border-radius-7: 1.75rem;
+ --rz-border-radius-8: 2rem;
+ --rz-border-radius-9: 2.25rem;
+ --rz-border-radius-10: 2.5rem;
+ /* Outline */
+ --rz-outline-white: var(--rz-outline-width) solid var(--rz-white);
+ --rz-outline-black: var(--rz-outline-width) solid var(--rz-black);
+ --rz-outline-base: var(--rz-outline-width) solid var(--rz-base);
+ --rz-outline-base-50: var(--rz-outline-width) solid var(--rz-base-50);
+ --rz-outline-base-100: var(--rz-outline-width) solid var(--rz-base-100);
+ --rz-outline-base-200: var(--rz-outline-width) solid var(--rz-base-200);
+ --rz-outline-base-300: var(--rz-outline-width) solid var(--rz-base-300);
+ --rz-outline-base-400: var(--rz-outline-width) solid var(--rz-base-400);
+ --rz-outline-base-500: var(--rz-outline-width) solid var(--rz-base-500);
+ --rz-outline-base-600: var(--rz-outline-width) solid var(--rz-base-600);
+ --rz-outline-base-700: var(--rz-outline-width) solid var(--rz-base-700);
+ --rz-outline-base-800: var(--rz-outline-width) solid var(--rz-base-800);
+ --rz-outline-base-900: var(--rz-outline-width) solid var(--rz-base-900);
+ --rz-outline-base-light: var(--rz-outline-width) solid var(--rz-base-light);
+ --rz-outline-base-lighter: var(--rz-outline-width) solid var(--rz-base-lighter);
+ --rz-outline-base-dark: var(--rz-outline-width) solid var(--rz-base-dark);
+ --rz-outline-base-darker: var(--rz-outline-width) solid var(--rz-base-darker);
+ --rz-outline-primary: var(--rz-outline-width) solid var(--rz-primary);
+ --rz-outline-primary-light: var(--rz-outline-width) solid var(--rz-primary-light);
+ --rz-outline-primary-lighter: var(--rz-outline-width) solid var(--rz-primary-lighter);
+ --rz-outline-primary-dark: var(--rz-outline-width) solid var(--rz-primary-dark);
+ --rz-outline-primary-darker: var(--rz-outline-width) solid var(--rz-primary-darker);
+ --rz-outline-secondary: var(--rz-outline-width) solid var(--rz-secondary);
+ --rz-outline-secondary-light: var(--rz-outline-width) solid var(--rz-secondary-light);
+ --rz-outline-secondary-lighter: var(--rz-outline-width) solid var(--rz-secondary-lighter);
+ --rz-outline-secondary-dark: var(--rz-outline-width) solid var(--rz-secondary-dark);
+ --rz-outline-secondary-darker: var(--rz-outline-width) solid var(--rz-secondary-darker);
+ --rz-outline-info: var(--rz-outline-width) solid var(--rz-info);
+ --rz-outline-info-light: var(--rz-outline-width) solid var(--rz-info-light);
+ --rz-outline-info-lighter: var(--rz-outline-width) solid var(--rz-info-lighter);
+ --rz-outline-info-dark: var(--rz-outline-width) solid var(--rz-info-dark);
+ --rz-outline-info-darker: var(--rz-outline-width) solid var(--rz-info-darker);
+ --rz-outline-success: var(--rz-outline-width) solid var(--rz-success);
+ --rz-outline-success-light: var(--rz-outline-width) solid var(--rz-success-light);
+ --rz-outline-success-lighter: var(--rz-outline-width) solid var(--rz-success-lighter);
+ --rz-outline-success-dark: var(--rz-outline-width) solid var(--rz-success-dark);
+ --rz-outline-success-darker: var(--rz-outline-width) solid var(--rz-success-darker);
+ --rz-outline-warning: var(--rz-outline-width) solid var(--rz-warning);
+ --rz-outline-warning-light: var(--rz-outline-width) solid var(--rz-warning-light);
+ --rz-outline-warning-lighter: var(--rz-outline-width) solid var(--rz-warning-lighter);
+ --rz-outline-warning-dark: var(--rz-outline-width) solid var(--rz-warning-dark);
+ --rz-outline-warning-darker: var(--rz-outline-width) solid var(--rz-warning-darker);
+ --rz-outline-danger: var(--rz-outline-width) solid var(--rz-danger);
+ --rz-outline-danger-light: var(--rz-outline-width) solid var(--rz-danger-light);
+ --rz-outline-danger-lighter: var(--rz-outline-width) solid var(--rz-danger-lighter);
+ --rz-outline-danger-dark: var(--rz-outline-width) solid var(--rz-danger-dark);
+ --rz-outline-danger-darker: var(--rz-outline-width) solid var(--rz-danger-darker);
+ --rz-outline-on-base: var(--rz-outline-width) solid var(--rz-on-base);
+ --rz-outline-on-base-light: var(--rz-outline-width) solid var(--rz-on-base-light);
+ --rz-outline-on-base-lighter: var(--rz-outline-width) solid var(--rz-on-base-lighter);
+ --rz-outline-on-base-dark: var(--rz-outline-width) solid var(--rz-on-base-dark);
+ --rz-outline-on-base-darker: var(--rz-outline-width) solid var(--rz-on-base-darker);
+ --rz-outline-on-primary: var(--rz-outline-width) solid var(--rz-on-primary);
+ --rz-outline-on-primary-light: var(--rz-outline-width) solid var(--rz-on-primary-light);
+ --rz-outline-on-primary-lighter: var(--rz-outline-width) solid var(--rz-on-primary-lighter);
+ --rz-outline-on-primary-dark: var(--rz-outline-width) solid var(--rz-on-primary-dark);
+ --rz-outline-on-primary-darker: var(--rz-outline-width) solid var(--rz-on-primary-darker);
+ --rz-outline-on-secondary: var(--rz-outline-width) solid var(--rz-on-secondary);
+ --rz-outline-on-secondary-light: var(--rz-outline-width) solid var(--rz-on-secondary-light);
+ --rz-outline-on-secondary-lighter: var(--rz-outline-width) solid var(--rz-on-secondary-lighter);
+ --rz-outline-on-secondary-dark: var(--rz-outline-width) solid var(--rz-on-secondary-dark);
+ --rz-outline-on-secondary-darker: var(--rz-outline-width) solid var(--rz-on-secondary-darker);
+ --rz-outline-on-info: var(--rz-outline-width) solid var(--rz-on-info);
+ --rz-outline-on-info-light: var(--rz-outline-width) solid var(--rz-on-info-light);
+ --rz-outline-on-info-lighter: var(--rz-outline-width) solid var(--rz-on-info-lighter);
+ --rz-outline-on-info-dark: var(--rz-outline-width) solid var(--rz-on-info-dark);
+ --rz-outline-on-info-darker: var(--rz-outline-width) solid var(--rz-on-info-darker);
+ --rz-outline-on-success: var(--rz-outline-width) solid var(--rz-on-success);
+ --rz-outline-on-success-light: var(--rz-outline-width) solid var(--rz-on-success-light);
+ --rz-outline-on-success-lighter: var(--rz-outline-width) solid var(--rz-on-success-lighter);
+ --rz-outline-on-success-dark: var(--rz-outline-width) solid var(--rz-on-success-dark);
+ --rz-outline-on-success-darker: var(--rz-outline-width) solid var(--rz-on-success-darker);
+ --rz-outline-on-warning: var(--rz-outline-width) solid var(--rz-on-warning);
+ --rz-outline-on-warning-light: var(--rz-outline-width) solid var(--rz-on-warning-light);
+ --rz-outline-on-warning-lighter: var(--rz-outline-width) solid var(--rz-on-warning-lighter);
+ --rz-outline-on-warning-dark: var(--rz-outline-width) solid var(--rz-on-warning-dark);
+ --rz-outline-on-warning-darker: var(--rz-outline-width) solid var(--rz-on-warning-darker);
+ --rz-outline-on-danger: var(--rz-outline-width) solid var(--rz-on-danger);
+ --rz-outline-on-danger-light: var(--rz-outline-width) solid var(--rz-on-danger-light);
+ --rz-outline-on-danger-lighter: var(--rz-outline-width) solid var(--rz-on-danger-lighter);
+ --rz-outline-on-danger-dark: var(--rz-outline-width) solid var(--rz-on-danger-dark);
+ --rz-outline-on-danger-darker: var(--rz-outline-width) solid var(--rz-on-danger-darker);
+ --rz-outline-series-1: var(--rz-outline-width) solid var(--rz-series-1);
+ --rz-outline-series-2: var(--rz-outline-width) solid var(--rz-series-2);
+ --rz-outline-series-3: var(--rz-outline-width) solid var(--rz-series-3);
+ --rz-outline-series-4: var(--rz-outline-width) solid var(--rz-series-4);
+ --rz-outline-series-5: var(--rz-outline-width) solid var(--rz-series-5);
+ --rz-outline-series-6: var(--rz-outline-width) solid var(--rz-series-6);
+ --rz-outline-series-7: var(--rz-outline-width) solid var(--rz-series-7);
+ --rz-outline-series-8: var(--rz-outline-width) solid var(--rz-series-8);
+ --rz-outline-series-9: var(--rz-outline-width) solid var(--rz-series-9);
+ --rz-outline-series-10: var(--rz-outline-width) solid var(--rz-series-10);
+ --rz-outline-series-11: var(--rz-outline-width) solid var(--rz-series-11);
+ --rz-outline-series-12: var(--rz-outline-width) solid var(--rz-series-12);
+ --rz-outline-series-13: var(--rz-outline-width) solid var(--rz-series-13);
+ --rz-outline-series-14: var(--rz-outline-width) solid var(--rz-series-14);
+ --rz-outline-series-15: var(--rz-outline-width) solid var(--rz-series-15);
+ --rz-outline-series-16: var(--rz-outline-width) solid var(--rz-series-16);
+ --rz-outline-series-17: var(--rz-outline-width) solid var(--rz-series-17);
+ --rz-outline-series-18: var(--rz-outline-width) solid var(--rz-series-18);
+ --rz-outline-series-19: var(--rz-outline-width) solid var(--rz-series-19);
+ --rz-outline-series-20: var(--rz-outline-width) solid var(--rz-series-20);
+ --rz-outline-series-21: var(--rz-outline-width) solid var(--rz-series-21);
+ --rz-outline-series-22: var(--rz-outline-width) solid var(--rz-series-22);
+ --rz-outline-series-23: var(--rz-outline-width) solid var(--rz-series-23);
+ --rz-outline-series-24: var(--rz-outline-width) solid var(--rz-series-24);
+ /* Interaction State Outline */
+ --rz-outline-normal: none;
+ --rz-outline-focus: var(--rz-outline-width) solid var(--rz-outline-color);
+ /* Shadow */
+ --rz-shadow-0: none;
+ --rz-shadow-1: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08);
+ --rz-shadow-2: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px 0 rgba(0, 0, 0, 0.04);
+ --rz-shadow-3: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1);
+ --rz-shadow-4: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 3px 5px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.11);
+ --rz-shadow-5: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 4px 6px rgba(0, 0, 0, 0.04), 0px 12px 24px rgba(0, 0, 0, 0.12);
+ --rz-shadow-6: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 5px 8px rgba(0, 0, 0, 0.04), 0px 14px 28px rgba(0, 0, 0, 0.13);
+ --rz-shadow-7: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 6px 10px rgba(0, 0, 0, 0.04), 0px 16px 32px rgba(0, 0, 0, 0.14);
+ --rz-shadow-8: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 7px 12px rgba(0, 0, 0, 0.04), 0px 18px 40px rgba(0, 0, 0, 0.15);
+ --rz-shadow-9: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.04), 0px 20px 48px rgba(0, 0, 0, 0.16);
+ --rz-shadow-10: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 9px 20px rgba(0, 0, 0, 0.04), 0px 22px 64px rgba(0, 0, 0, 0.2);
+ /* Transition */
+ --rz-transition: 0.1s linear;
+ --rz-transition-all: all 0.1s linear;
+ --rz-expander-transition: 0.2s ease-in-out;
+ /* Layout Body */
+ --rz-layout-body-margin: 0;
+ --rz-layout-body-padding: 1rem;
+ --rz-layout-body-border-radius: 0;
+ --rz-layout-body-background-color: transparent;
+ /* Accordion */
+ --rz-accordion-item-padding-block: 0.25rem;
+ --rz-accordion-item-padding-inline: 0;
+ --rz-accordion-item-margin: 0;
+ --rz-accordion-item-border: none;
+ --rz-accordion-item-background-color: var(--rz-base-background-color);
+ --rz-accordion-item-color: var(--rz-text-color);
+ --rz-accordion-item-focus-outline: var(--rz-outline-focus);
+ --rz-accordion-item-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-accordion-item-line-height: 1.25rem;
+ --rz-accordion-item-font-size: var(--rz-body-font-size);
+ --rz-accordion-item-font-weight: normal;
+ --rz-accordion-icon-width: var(--rz-icon-size);
+ --rz-accordion-icon-height: var(--rz-icon-size);
+ --rz-accordion-icon-font-size: var(--rz-icon-size);
+ --rz-accordion-icon-margin-inline: 0 0.25rem;
+ --rz-accordion-toggle-icon-margin-inline: 0 0.25rem;
+ --rz-accordion-toggle-icon-order: 0;
+ --rz-accordion-selected-color: var(--rz-secondary);
+ --rz-accordion-hover-color: var(--rz-secondary);
+ --rz-accordion-content-padding-inline: 1.5rem 0.5rem;
+ --rz-accordion-content-padding-block: 0.5rem;
+ --rz-accordion-content-font-size: var(--rz-body-font-size);
+ --rz-accordion-border-radius: var(--rz-border-radius);
+ --rz-accordion-shadow: none;
+ /* Alert */
+ --rz-alert-margin: 0.5rem 0;
+ --rz-alert-padding: 1rem;
+ --rz-alert-gap: 1rem;
+ --rz-alert-color: var(--rz-text-color);
+ --rz-alert-background-color: var(--rz-base-200);
+ --rz-alert-box-shadow: var(--rz-shadow-3);
+ --rz-alert-border-radius: var(--rz-border-radius);
+ --rz-alert-message-margin: 0.25rem 0;
+ --rz-alert-title-color: var(--rz-text-h6-color);
+ --rz-alert-icon-color: var(--rz-alert-color);
+ --rz-alert-icon-margin: 0.25rem 0;
+ --rz-alert-icon-size: var(--rz-icon-size);
+ /* Badge */
+ --rz-badge-border-radius: var(--rz-border-radius);
+ --rz-badge-pill-border-radius: calc(4 * var(--rz-border-radius));
+ --rz-badge-padding: 0.125rem 0.25rem;
+ --rz-badge-pill-padding: 0.125rem 0.5rem;
+ --rz-badge-font-size: 0.75rem;
+ --rz-badge-font-weight: 600;
+ --rz-badge-line-height: 1rem;
+ --rz-badge-text-transform: uppercase;
+ --rz-badge-letter-spacing: 0.02rem;
+ /* Button */
+ --rz-button-base-background-color: var(--rz-primary);
+ --rz-button-base-color: var(--rz-on-primary);
+ --rz-button-background-size: auto;
+ --rz-button-border-radius: var(--rz-border-radius);
+ --rz-button-shadow: none;
+ --rz-button-transition: var(--rz-transition-all), width 0, height 0;
+ --rz-button-line-height: 1.25rem;
+ --rz-button-vertical-align: top;
+ --rz-button-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
+ --rz-button-hover-gradient: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
+ --rz-button-hover-background-size: auto;
+ --rz-button-focus-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
+ --rz-button-focus-gradient: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
+ --rz-button-focus-background-size: auto;
+ --rz-button-focus-outline: var(--rz-outline-focus);
+ --rz-button-focus-outline-offset: var(--rz-outline-offset);
+ --rz-button-active-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
+ --rz-button-active-gradient: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+ --rz-button-active-background-size: auto;
+ --rz-button-disabled-opacity: 0.2;
+ --rz-button-empty-opacity: 0.4;
+ /* Card */
+ --rz-card-padding: 1.25rem;
+ --rz-card-background-color: var(--rz-base-background-color);
+ --rz-card-flat-background-color: var(--rz-base-700);
+ --rz-card-shadow: var(--rz-shadow-2);
+ --rz-card-border: var(--rz-border-normal);
+ --rz-card-border-radius: var(--rz-border-radius);
+ --rz-card-heading-margin-bottom: 0.5rem;
+ /* Carousel */
+ --rz-carousel-pager-button-width: 0.75rem;
+ --rz-carousel-pager-button-height: 0.75rem;
+ --rz-carousel-pager-button-border: 0.125rem solid var(--rz-base);
+ --rz-carousel-pager-button-border-radius: 50%;
+ --rz-carousel-pager-button-background-color: var(--rz-base);
+ --rz-carousel-pager-button-color: var(--rz-on-base);
+ --rz-carousel-pager-button-hover-border: var(--rz-carousel-pager-button-border);
+ --rz-carousel-pager-button-hover-background-color: transparent;
+ --rz-carousel-pager-button-hover-color: var(--rz-on-base-dark);
+ --rz-carousel-pager-button-active-width: var(--rz-carousel-pager-button-width);
+ --rz-carousel-pager-button-active-height: var(--rz-carousel-pager-button-height);
+ --rz-carousel-pager-button-active-border: 0.125rem solid var(--rz-base-800);
+ --rz-carousel-pager-button-active-background-color: var(--rz-primary);
+ --rz-carousel-pager-button-active-color: var(--rz-on-primary);
+ --rz-carousel-pager-overlay-opacity: 0.7;
+ --rz-carousel-pager-gap: 0.5rem;
+ --rz-carousel-pager-height: 3rem;
+ --rz-carousel-prev-next-button-border-radius: var(--rz-button-border-radius);
+ --rz-carousel-prev-next-button-inset: 1rem;
+ --rz-carousel-border-radius: var(--rz-card-border-radius);
+ /* Chart */
+ --rz-chart-axis-color: var(--rz-base-600);
+ --rz-chart-axis-label-color: var(--rz-text-secondary-color);
+ --rz-chart-axis-font-size: 0.875rem;
+ --rz-chart-legend-font-size: 0.875rem;
+ --rz-chart-legend-focus-outline: var(--rz-outline-focus);
+ --rz-chart-legend-focus-outline-offset: var(--rz-outline-offset);
+ --rz-chart-tooltip-background: var(--rz-base-background-color);
+ --rz-chart-tooltip-color: var(--rz-text-color);
+ --rz-chart-tooltip-border-radius: var(--rz-tooltip-border-radius);
+ --rz-chart-tooltip-font-size: var(--rz-tooltip-font-size);
+ --rz-chart-tooltip-item-border-radius: var(--rz-border-radius);
+ --rz-chart-tooltip-item-hover-background-color: var(--rz-grid-stripe-background-color);
+ --rz-chart-marker-stroke: var(--rz-base-background-color);
+ /* Chat */
+ --rz-chat-background-color: var(--rz-base-background-color);
+ --rz-chat-border: var(--rz-border-normal);
+ --rz-chat-border-radius: var(--rz-border-radius);
+ --rz-chat-header-padding-block: 0.5rem;
+ --rz-chat-header-padding-inline: 1rem 0.5rem;
+ --rz-chat-header-background-color: var(--rz-base-background-color);
+ --rz-chat-header-bottom-border: var(--rz-border-normal);
+ --rz-chat-header-shadow: none;
+ --rz-chat-header-title-font-size: 1rem;
+ --rz-chat-header-title-font-weight: 600;
+ --rz-chat-message-user-color: var(--rz-on-primary-lighter);
+ --rz-chat-message-user-background-color: var(--rz-primary-lighter);
+ --rz-chat-message-assistant-color: var(--rz-on-base);
+ --rz-chat-message-assistant-background-color: var(--rz-base);
+ --rz-chat-message-text-padding: 0.25rem 0.5rem;
+ --rz-chat-message-text-border-radius: var(--rz-border-radius);
+ --rz-chat-avatar-size: 2rem;
+ --rz-chat-avatar-border-radius: var(--rz-border-radius);
+ --rz-chat-avatar-font-size: 1rem;
+ --rz-chat-avatar-font-weight: 700;
+ --rz-chat-message-time-padding: 0;
+ --rz-chat-message-callout-radius: calc(var(--rz-border-radius) / 4);
+ /* Checkbox */
+ --rz-checkbox-width: 1.25rem;
+ --rz-checkbox-height: 1.25rem;
+ --rz-checkbox-border-radius: 2px;
+ --rz-checkbox-border-width: inherit;
+ --rz-checkbox-label-margin-block: 0;
+ --rz-checkbox-label-margin-inline: 0.5rem 1rem;
+ --rz-checkbox-margin-block: 0;
+ --rz-checkbox-margin-inline: 0;
+ --rz-checkbox-focus-outline: var(--rz-outline-focus);
+ --rz-checkbox-focus-outline-offset: var(--rz-outline-offset);
+ --rz-checkbox-checked-background-color: var(--rz-secondary);
+ --rz-checkbox-checked-hover-background-color: var(--rz-secondary-light);
+ --rz-checkbox-checked-disabled-background-color: var(--rz-secondary);
+ --rz-checkbox-checked-color: var(--rz-on-secondary);
+ --rz-checkbox-checked-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
+ --rz-checkbox-checked-border: var(--rz-input-border-block-end);
+ --rz-checkbox-checked-hover-border: var(--rz-input-border-block-end);
+ --rz-checkbox-checked-disabled-border: var(--rz-input-border-block-end);
+ --rz-checkbox-checked-icon-background-color: transparent;
+ --rz-checkbox-checked-icon-border-radius: 0;
+ --rz-checkbox-icon-width: var(--rz-body-font-size);
+ --rz-checkbox-icon-height: var(--rz-body-font-size);
+ --rz-checkbox-icon-font-size: var(--rz-body-font-size);
+ --rz-checkbox-tri-icon-width: var(--rz-body-font-size);
+ --rz-checkbox-tri-icon-height: var(--rz-body-font-size);
+ --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size);
+ /* Chip */
+ --rz-chip-background-color: var(--rz-base-700);
+ --rz-chip-color: var(--rz-text-color);
+ --rz-chip-padding-block: 0;
+ --rz-chip-padding-inline: 0.5rem 0;
+ --rz-chip-gap: 0.5rem;
+ --rz-chip-border-radius: var(--rz-border-radius);
+ --rz-chip-font-size: 0.875rem;
+ /* ColorPicker */
+ --rz-colorpicker-panel-border: var(--rz-border-normal);
+ --rz-colorpicker-panel-background-color: var(--rz-base-background-color);
+ --rz-colorpicker-panel-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
+ --rz-colorpicker-panel-padding: 0.5rem;
+ --rz-colorpicker-panel-max-width: 20rem;
+ --rz-colorpicker-saturation-height: 200px;
+ --rz-colorpicker-focus-outline: var(--rz-outline-focus);
+ --rz-colorpicker-focus-outline-offset: var(--rz-outline-offset);
+ --rz-colorpicker-value-border-radius: var(--rz-border-radius);
+ --rz-colorpicker-items-gap: 0.5rem;
+ --rz-colorpicker-item-size: 1.25rem;
+ --rz-colorpicker-item-border-radius: var(--rz-border-radius);
+ --rz-colorpicker-item-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 0px 4px inset;
+ --rz-colorpicker-item-selected-transform: scale(1.25);
+ --rz-colorpicker-handle-size: 12px;
+ --rz-colorpicker-handle-border: 2px solid var(--rz-white);
+ --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px;
+ --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem;
+ --rz-colorpicker-hex-input-height: 2rem;
+ --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem;
+ --rz-colorpicker-rgba-input-height: 2rem;
+ --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color);
+ /* DataFilter */
+ --rz-datafilter-item-padding-block: 0.25rem;
+ --rz-datafilter-item-padding-inline-start: 2rem;
+ --rz-datafilter-item-indentation: 0.25rem;
+ --rz-datafilter-item-path-width: 1rem;
+ --rz-datafilter-item-path-height: calc(0.25rem + var(--rz-input-height) / 2);
+ --rz-datafilter-item-path-border: var(--rz-border-normal);
+ --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius));
+ /* DataList */
+ --rz-datalist-background-color: var(--rz-base-background-color);
+ --rz-datalist-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
+ --rz-datalist-padding: 0.5rem;
+ --rz-datalist-border: var(--rz-border-base-700);
+ --rz-datalist-border-radius: var(--rz-border-radius);
+ --rz-datalist-item-shadow: 0 22px 64px 0 rgba(0, 0, 0, 0.22);
+ --rz-datalist-item-border: none;
+ --rz-datalist-item-margin-block: 0.5rem;
+ --rz-datalist-item-margin-inline: 0.5rem;
+ --rz-datalist-item-padding: 1rem;
+ --rz-datalist-item-background-color: var(--rz-base-background-color);
+ /* DatePicker */
+ --rz-datepicker-trigger-icon-width: var(--rz-icon-size);
+ --rz-datepicker-trigger-icon-height: var(--rz-icon-size);
+ --rz-datepicker-line-height: 1.25rem;
+ --rz-datepicker-trigger-icon-color: var(--rz-input-value-color);
+ --rz-datepicker-trigger-icon-hover-color: var(--rz-input-value-color);
+ --rz-datepicker-popup-width: 20rem;
+ --rz-datepicker-panel-border: var(--rz-border-normal);
+ --rz-datepicker-panel-background-color: var(--rz-base-background-color);
+ --rz-datepicker-panel-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
+ --rz-datepicker-panel-margin: 0;
+ --rz-datepicker-header-color: var(--rz-text-secondary-color);
+ --rz-datepicker-header-background-color: var(--rz-base-800);
+ --rz-datepicker-header-padding-block: 0.25rem;
+ --rz-datepicker-header-padding-inline: 0.25rem;
+ --rz-datepicker-header-border: none;
+ --rz-datepicker-footer-padding: 0 1rem;
+ --rz-datepicker-footer-line-height: 2.8125rem;
+ --rz-datepicker-prev-next-icon-size: 1.5rem;
+ --rz-datepicker-prev-next-button-border-radius: var(--rz-border-radius);
+ --rz-datepicker-calendar-padding-block: 0;
+ --rz-datepicker-calendar-padding-inline: 0;
+ --rz-datepicker-calendar-item-padding: 0.5rem 0.875rem;
+ --rz-datepicker-calendar-header-font-size: 0.625rem;
+ --rz-datepicker-calendar-header-text-transform: uppercase;
+ --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color);
+ --rz-datepicker-calendar-font-size: var(--rz-body-font-size);
+ --rz-datepicker-calendar-color: var(--rz-text-color);
+ --rz-datepicker-calendar-hover-color: var(--rz-on-secondary-light);
+ --rz-datepicker-calendar-hover-background-color: var(--rz-secondary-light);
+ --rz-datepicker-calendar-selected-color: var(--rz-on-secondary-dark);
+ --rz-datepicker-calendar-selected-background-color: var(--rz-secondary-dark);
+ --rz-datepicker-calendar-selected-hover-color: var(--rz-on-secondary);
+ --rz-datepicker-calendar-selected-hover-background-color: var(--rz-secondary);
+ --rz-datepicker-calendar-border: var(--rz-border-base-700);
+ --rz-datepicker-calendar-border-radius: 0;
+ --rz-datepicker-calendar-transition: var(--rz-transition-all);
+ --rz-datepicker-calendar-today-color: var(--rz-secondary);
+ --rz-datepicker-calendar-today-background-color: transparent;
+ --rz-datepicker-calendar-today-box-shadow: none;
+ --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius);
+ --rz-datepicker-month-dropdown-width: 8rem;
+ --rz-datepicker-year-dropdown-width: 4.5rem;
+ --rz-datepicker-focus-outline: var(--rz-outline-focus);
+ --rz-datepicker-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-timepicker-color: var(--rz-text-color);
+ --rz-timepicker-background-color: var(--rz-base-900);
+ --rz-timepicker-separator-color: var(--rz-text-color);
+ --rz-timepicker-padding-block: 0.5rem;
+ --rz-timepicker-padding-inline: 0.5rem;
+ --rz-timepicker-hour-padding: 0.5rem;
+ --rz-timepicker-button-color: var(--rz-on-secondary);
+ --rz-timepicker-button-background-color: var(--rz-secondary);
+ --rz-timepicker-button-width: 0.875rem;
+ --rz-timepicker-button-height: 0.875rem;
+ --rz-timepicker-button-border-radius: 2px;
+ --rz-timepicker-button-padding: 0.5rem 1rem !important;
+ --rz-timepicker-gap: 0.5rem;
+ --rz-timepicker-separator-margin: 0 0.5rem;
+ --rz-timepicker-border: none;
+ /* Dialog */
+ --rz-dialog-background-color: var(--rz-base-background-color);
+ --rz-dialog-shadow: 0 22px 64px 0 rgba(0, 0, 0, 0.22);
+ --rz-dialog-title-background-color: var(--rz-base-background-color);
+ --rz-dialog-title-border: none;
+ --rz-dialog-title-padding-block: 0.6875rem;
+ --rz-dialog-title-padding-inline: 1.25rem;
+ --rz-dialog-title-font-size: 1.25rem;
+ --rz-dialog-title-line-height: 1.875rem;
+ --rz-dialog-title-font-weight: 700;
+ --rz-dialog-title-letter-spacing: -0.03em;
+ --rz-dialog-title-color: var(--rz-text-title-color);
+ --rz-dialog-close-font-size: var(--rz-icon-size);
+ --rz-dialog-close-color: var(--rz-text-tertiary-color);
+ --rz-dialog-close-hover-color: var(--rz-text-color);
+ --rz-dialog-close-vertical-align: middle;
+ --rz-dialog-content-padding: 1.25rem;
+ --rz-dialog-mask-background-color: var(--rz-base-800);
+ --rz-dialog-border-radius: var(--rz-border-radius);
+ --rz-dialog-mask-zindex: 1000;
+ --rz-dialog-zindex: 1001;
+ --rz-dialog-transition: 0.1s ease-in-out;
+ /* DropDown */
+ --rz-dropdown-trigger-icon-width: var(--rz-icon-size);
+ --rz-dropdown-trigger-icon-height: var(--rz-icon-size);
+ --rz-dropdown-trigger-icon-margin-block: 0;
+ --rz-dropdown-trigger-icon-margin-inline: 0 0.5rem;
+ --rz-dropdown-horizontal-padding: 0.5rem;
+ --rz-dropdown-panel-padding: 0 0.5rem;
+ --rz-dropdown-items-margin: 0 -0.5rem;
+ --rz-dropdown-items-padding: 0;
+ --rz-dropdown-item-padding: 0.5rem;
+ --rz-dropdown-item-font-size: var(--rz-input-font-size);
+ --rz-dropdown-item-hover-background-color: var(--rz-secondary-light);
+ --rz-dropdown-item-selected-background-color: var(--rz-secondary-dark);
+ --rz-dropdown-item-selected-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
+ --rz-dropdown-item-hover-color: var(--rz-on-secondary-light);
+ --rz-dropdown-item-selected-color: var(--rz-on-secondary-dark);
+ --rz-dropdown-item-selected-hover-background-color: var(--rz-secondary);
+ --rz-dropdown-item-selected-hover-color: var(--rz-on-secondary);
+ --rz-dropdown-item-transition: none;
+ --rz-dropdown-item-disabled-opacity: 0.2;
+ --rz-dropdown-label-padding-block: 0;
+ --rz-dropdown-label-padding-inline: 0 var(--rz-icon-size);
+ --rz-dropdown-filter-border: var(--rz-border-base-700);
+ --rz-dropdown-filter-padding: 0.5rem 0;
+ --rz-dropdown-open-background-color: var(--rz-base-background-color);
+ --rz-dropdown-open-border: var(--rz-input-border);
+ --rz-dropdown-panel-border: var(--rz-input-border);
+ --rz-dropdown-panel-shadow: none;
+ --rz-dropdown-chips-padding-block: var(--rz-input-padding-block);
+ --rz-dropdown-chips-padding-inline: var(--rz-input-padding-inline);
+ --rz-multiselect-checkbox-margin-block: 0;
+ --rz-multiselect-checkbox-margin-inline: 0 0.5rem;
+ /* Editor */
+ --rz-editor-border: var(--rz-input-border);
+ --rz-editor-border-radius: var(--rz-border-radius);
+ --rz-editor-toolbar-background-color: var(--rz-base-background-color);
+ --rz-editor-toolbar-item-margin: 0.25rem 0.125rem;
+ --rz-editor-button-padding: 0.5rem;
+ --rz-editor-button-background-color: var(--rz-base-background-color);
+ --rz-editor-button-color: var(--rz-text-color);
+ --rz-editor-button-disabled-color: var(--rz-text-disabled-color);
+ --rz-editor-button-selected-background-color: var(--rz-secondary);
+ --rz-editor-button-selected-color: var(--rz-on-secondary);
+ --rz-editor-separator-background-color: var(--rz-base-700);
+ --rz-editor-content-background-color: var(--rz-base-background-color);
+ --rz-editor-focus-outline: var(--rz-outline-focus);
+ --rz-editor-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ /* Fieldset */
+ --rz-fieldset-border: var(--rz-border-base-700);
+ --rz-fieldset-border-radius: 0;
+ --rz-fieldset-padding: 1.25rem;
+ --rz-fieldset-legend-color: var(--rz-text-tertiary-color);
+ --rz-fieldset-legend-font-size: var(--rz-body-font-size);
+ --rz-fieldset-legend-margin-block: 0;
+ --rz-fieldset-legend-margin-inline: 1rem 0;
+ --rz-fieldset-legend-padding-block: 0;
+ --rz-fieldset-legend-padding-inline: 1rem;
+ --rz-fieldset-toggle-width: 1.125rem;
+ --rz-fieldset-toggle-margin-block: 0;
+ --rz-fieldset-toggle-margin-inline: 0 0.5rem;
+ --rz-fieldset-toggle-height: 1.125rem;
+ --rz-fieldset-toggle-background-color: var(--rz-base-700);
+ --rz-fieldset-toggle-color: var(--rz-text-tertiary-color);
+ --rz-fieldset-toggle-font-size: 1rem;
+ --rz-fieldset-toggle-border: none;
+ --rz-fieldset-toggle-focus-outline: var(--rz-outline-focus);
+ --rz-fieldset-toggle-focus-outline-offset: var(--rz-outline-offset);
+ /* Footer */
+ --rz-footer-padding: 1rem;
+ --rz-footer-background-color: var(--rz-base-background-color);
+ --rz-footer-border: var(--rz-border-base-700);
+ --rz-footer-color: var(--rz-text-color);
+ --rz-footer-z: 2;
+ /* FormField */
+ --rz-form-field-margin-block: 0.625rem 0;
+ --rz-form-field-margin-inline: 0;
+ --rz-form-field-start-end-padding-block: 0;
+ --rz-form-field-start-end-padding-inline: var(--rz-input-padding-inline);
+ --rz-form-field-filled-height: 3.25rem;
+ --rz-form-field-filled-padding-block: 1.4375rem 0.4375rem;
+ --rz-form-field-filled-padding-inline: 0.4375rem;
+ --rz-form-field-filled-numeric-padding-block: 1.5rem 0.5rem;
+ --rz-form-field-filled-numeric-padding-inline: 0.5rem 1.25rem;
+ --rz-form-field-filled-background-color: var(--rz-base-700);
+ --rz-form-field-filled-hover-background-color: var(--rz-base-700);
+ --rz-form-field-filled-border: var(--rz-input-border);
+ --rz-form-field-filled-hover-border: var(--rz-input-hover-border);
+ --rz-form-field-filled-focus-border: var(--rz-input-focus-border);
+ --rz-form-field-filled-border-radius: var(--rz-border-radius);
+ --rz-form-field-filled-label-floating-top: 0.25rem;
+ --rz-form-field-filled-hover-shadow: var(--rz-input-hover-shadow);
+ --rz-form-field-filled-focus-shadow: var(--rz-input-focus-shadow);
+ --rz-form-field-filled-underline-display: none;
+ --rz-form-field-shadow: none;
+ --rz-form-field-hover-shadow: none;
+ --rz-form-field-focus-shadow: none;
+ --rz-form-field-label-color: var(--rz-text-color);
+ --rz-form-field-label-focus-color: var(--rz-primary);
+ --rz-form-field-label-padding: 0.125rem 0.1875rem;
+ --rz-form-field-text-label-padding: 0.125rem 0;
+ --rz-form-field-label-inset-inline-start: 0.25rem;
+ --rz-form-field-label-textarea-top: 0.375rem;
+ --rz-form-field-label-floating-top: -0.625rem;
+ --rz-form-field-label-floating-background-color: var(--rz-input-background-color);
+ --rz-form-field-helper-padding: 0 0.5rem;
+ /* Forms */
+ --rz-form-error-color: var(--rz-danger);
+ --rz-form-error-font-size: 0.75rem;
+ --rz-validator-background-color: var(--rz-danger);
+ --rz-validator-color: var(--rz-on-danger);
+ --rz-validator-shadow: 0 6px 14px 0 rgba(249, 119, 127, 0.3);
+ --rz-validator-text-padding: 0;
+ --rz-validator-padding: 0.25rem 0.5rem;
+ --rz-validator-pointer-size: 0.375rem;
+ --rz-validator-transform: translateY(12px);
+ /* Gauge */
+ --rz-gauge-scale-color: var(--rz-base-300);
+ --rz-gauge-scale-label-color: var(--rz-text-tertiary-color);
+ --rz-gauge-scale-font-size: var(--rz-body-font-size);
+ --rz-gauge-pointer-color: var(--rz-text-secondary-color);
+ --rz-gauge-arc-scale-color: var(--rz-base-300);
+ --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color);
+ --rz-gauge-arc-value-color: var(--rz-secondary);
+ /* Map */
+ --rz-map-height: 10rem;
+ --rz-map-padding: 1.25rem;
+ --rz-map-background-color: var(--rz-base-background-color);
+ --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
+ /* Gravatar */
+ --rz-gravatar-width: 2rem;
+ --rz-gravatar-height: 2rem;
+ --rz-gravatar-border-radius: 50%;
+ --rz-gravatar-box-shadow: none;
+ /* Grid */
+ --rz-grid-data-border-shadow: none;
+ --rz-grid-cell-border: var(--rz-border-normal);
+ --rz-grid-right-cell-border: var(--rz-border-normal);
+ --rz-grid-bottom-cell-border: var(--rz-border-normal);
+ --rz-grid-cell-padding: 0.5rem;
+ --rz-grid-cell-color: var(--rz-text-color);
+ --rz-grid-cell-font-size: var(--rz-body-font-size);
+ --rz-grid-cell-line-height: var(--rz-body-line-height);
+ --rz-grid-cell-focus-background-color: var(--rz-secondary-lighter);
+ --rz-grid-cell-focus-color: var(--rz-on-secondary-lighter);
+ --rz-grid-cell-focus-outline: var(--rz-outline-focus);
+ --rz-grid-cell-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-grid-hover-background-color: var(--rz-secondary-lighter);
+ --rz-grid-hover-color: var(--rz-on-secondary-lighter);
+ --rz-grid-focus-outline: var(--rz-outline-focus);
+ --rz-grid-focus-outline-offset: var(--rz-outline-offset);
+ --rz-grid-selected-background-color: var(--rz-secondary-dark);
+ --rz-grid-selected-color: var(--rz-on-secondary-dark);
+ --rz-grid-toolbar-background-color: var(--rz-base-background-color);
+ --rz-grid-header-cell-border: var(--rz-border-normal);
+ --rz-grid-header-cell-border-bottom: none;
+ --rz-grid-header-background-color: var(--rz-base-900);
+ --rz-grid-header-font-size: 0.75rem;
+ --rz-grid-header-line-height: 1rem;
+ --rz-grid-header-font-weight: 600;
+ --rz-grid-header-text-transform: uppercase;
+ --rz-grid-header-color: var(--rz-text-secondary-color);
+ --rz-grid-header-cell-padding: 0.625rem 0;
+ --rz-grid-header-title-padding-inline: 0.5rem 0;
+ --rz-grid-header-sorted-background-color: var(--rz-base-800);
+ --rz-grid-header-padding: 1rem;
+ --rz-grid-foot-cell-color: var(--rz-text-color);
+ --rz-grid-foot-background-color: var(--rz-base-900);
+ --rz-grid-filter-background-color: var(--rz-base-800);
+ --rz-grid-filter-padding: 0.5rem;
+ --rz-grid-filter-margin: 0;
+ --rz-grid-filter-border: var(--rz-border-normal);
+ --rz-grid-filter-font-size: var(--rz-body-font-size);
+ --rz-grid-filter-icon-width: var(--rz-icon-size);
+ --rz-grid-filter-icon-height: var(--rz-icon-size);
+ --rz-grid-filter-icon-margin-inline: 0 0.25rem;
+ --rz-grid-filter-icon-font-size: var(--rz-icon-size);
+ --rz-grid-filter-color: var(--rz-text-disabled-color);
+ --rz-grid-filter-focus-color: var(--rz-secondary);
+ --rz-grid-filter-gap: 1rem;
+ --rz-grid-filter-buttons-padding: 0 1rem 1rem;
+ --rz-grid-filter-buttons-border: none;
+ --rz-grid-filter-buttons-background-color: var(--rz-base-800);
+ --rz-grid-filter-button-padding-inline: 1rem;
+ --rz-grid-clear-filter-button-background-color: var(--rz-base);
+ --rz-grid-clear-filter-button-color: var(--rz-on-base);
+ --rz-grid-clear-filter-button-shadow: none;
+ --rz-grid-apply-filter-button-background-color: var(--rz-primary);
+ --rz-grid-apply-filter-button-color: var(--rz-on-primary);
+ --rz-grid-apply-filter-button-shadow: none;
+ --rz-grid-header-filter-icon-margin-inline: auto 0.5rem;
+ --rz-grid-header-filter-icon-hover-color: var(--rz-text-color);
+ --rz-grid-header-filter-icon-active-color: var(--rz-primary);
+ --rz-grid-header-filter-icon-font-size: 1rem;
+ --rz-grid-simple-filter-icon-active-color: var(--rz-on-secondary-dark);
+ --rz-grid-simple-filter-icon-active-background-color: var(--rz-secondary-dark);
+ --rz-grid-border: var(--rz-border-normal);
+ --rz-grid-border-radius: 0;
+ --rz-grid-sort-icon-width: 1rem;
+ --rz-grid-sort-icon-height: 1rem;
+ --rz-grid-sort-icon-color: var(--rz-text-disabled-color);
+ --rz-grid-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
+ --rz-grid-background-color: var(--rz-base-background-color);
+ --rz-grid-stripe-background-color: var(--rz-base-700);
+ --rz-grid-stripe-odd-background-color: var(--rz-base-background-color);
+ --rz-grid-column-resizer-width: 0.5rem;
+ --rz-grid-column-resizer-helper-width: 0.25rem;
+ --rz-grid-column-resizer-helper-background-color: var(--rz-secondary);
+ --rz-grid-column-icon-width: 2rem;
+ --rz-grid-column-icon-padding: 0;
+ --rz-grid-detail-template-border: none;
+ --rz-grid-detail-template-border-radius: 0;
+ --rz-grid-detail-template-padding: 0;
+ --rz-grid-detail-template-background-color: var(--rz-base-900);
+ --rz-grid-loading-indicator-color: currentColor;
+ --rz-grid-loading-indicator-background-color: var(--rz-base-600);
+ --rz-grid-loading-indicator-background-opacity: 0.5;
+ --rz-grid-frozen-cell-border: var(--rz-border-normal);
+ --rz-grid-frozen-cell-background-color: var(--rz-base-900);
+ --rz-grid-state-transition: var(--rz-transition-all);
+ --rz-grid-group-header-padding: 0.5rem;
+ --rz-grid-group-header-gap: 0.5rem;
+ --rz-grid-group-header-item-color: var(--rz-text-color);
+ --rz-grid-group-header-item-background-color: var(--rz-base-background-color);
+ --rz-grid-group-header-item-padding-block: 0.5rem;
+ --rz-grid-group-header-item-padding-inline: 0.5rem;
+ --rz-grid-group-header-item-border: var(--rz-border-normal);
+ --rz-grid-group-header-item-border-radius: var(--rz-border-radius);
+ --rz-grid-group-header-item-title-margin-inline: 0 0.5rem;
+ --rz-column-drag-handle-color: var(--rz-text-secondary-color);
+ --rz-column-drag-handle-hover-color: var(--rz-text-secondary-color);
+ --rz-column-drag-handle-margin-inline: 0 auto;
+ --rz-column-draggable-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1);
+ /* Header */
+ --rz-header-background-color: var(--rz-base-background-color);
+ --rz-header-min-height: 3.125rem;
+ --rz-header-z: 2;
+ --rz-header-border: var(--rz-border-base-700);
+ --rz-header-color: var(--rz-text-color);
+ --rz-header-shadow: none;
+ /* Icon */
+ --rz-icon-font-family: Material Symbols;
+ --rz-icon-size: 1.25rem;
+ --rz-icon-fill: 0;
+ --rz-icon-weight: inherit;
+ --rz-icon-grade: 0;
+ --rz-icon-optical-size: 48;
+ /* Input */
+ --rz-input-font-size: var(--rz-body-font-size);
+ --rz-input-height: 2.25rem;
+ --rz-input-line-height: var(--rz-body-line-height);
+ --rz-input-padding-block: 0.4375rem;
+ --rz-input-padding-inline: 0.4375rem;
+ --rz-input-value-color: var(--rz-text-color);
+ --rz-input-placeholder-color: var(--rz-text-tertiary-color);
+ --rz-input-background-color: var(--rz-base-900);
+ --rz-input-border: var(--rz-border-normal);
+ --rz-input-border-block-end: var(--rz-border-normal);
+ --rz-input-border-radius: var(--rz-border-radius);
+ --rz-input-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
+ --rz-input-hover-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
+ --rz-input-hover-background-color: var(--rz-base-background-color);
+ --rz-input-hover-border: var(--rz-border-hover);
+ --rz-input-hover-border-block-end: var(--rz-input-hover-border);
+ --rz-input-focus-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
+ --rz-input-focus-background-color: var(--rz-base-background-color);
+ --rz-input-focus-border: var(--rz-border-focus);
+ --rz-input-focus-border-block-end: var(--rz-input-focus-border);
+ --rz-input-focus-outline: var(--rz-outline-normal);
+ --rz-input-focus-outline-offset: 0;
+ --rz-input-disabled-border: var(--rz-border-disabled);
+ --rz-input-disabled-border-block-end: var(--rz-border-disabled);
+ --rz-input-disabled-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
+ --rz-input-disabled-background-color: var(--rz-base-800);
+ --rz-input-disabled-color: var(--rz-text-tertiary-color);
+ --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color);
+ --rz-input-disabled-opacity: 1;
+ --rz-input-transition: var(--rz-transition-all), width 0, height 0;
+ /* Layout */
+ --rz-layout-background-color: var(--rz-body-background-color);
+ /* Listbox */
+ --rz-listbox-background-color: var(--rz-input-background-color);
+ --rz-listbox-border-radius: var(--rz-input-border-radius);
+ --rz-listbox-border: var(--rz-input-border);
+ --rz-listbox-focus-border: var(--rz-input-focus-border);
+ --rz-listbox-focus-shadow: var(--rz-input-focus-shadow);
+ --rz-listbox-filter-border: var(--rz-border-base-100);
+ --rz-listbox-padding: 0;
+ --rz-listbox-item-padding: var(--rz-dropdown-item-padding);
+ --rz-listbox-item-margin: 0;
+ --rz-listbox-checkbox-margin-block: 0;
+ --rz-listbox-checkbox-margin-inline: 0 0.5rem;
+ --rz-listbox-header-padding-block: 0.5rem;
+ --rz-listbox-header-padding-inline: 0.5rem;
+ --rz-listbox-header-icon-width: var(--rz-icon-size);
+ --rz-listbox-header-icon-height: var(--rz-icon-size);
+ --rz-listbox-header-icon-margin: 0;
+ /* Login */
+ --rz-login-register-background-color: var(--rz-base-700);
+ --rz-login-register-padding-block: 1rem;
+ --rz-login-register-padding-inline: 1rem;
+ --rz-login-register-margin-block: 2rem 0;
+ --rz-login-register-margin-inline: 0;
+ --rz-login-register-button-margin-block: 0;
+ --rz-login-register-button-margin-inline: 0;
+ /* Lookup */
+ --rz-lookup-panel-background-color: var(--rz-base-background-color);
+ --rz-lookup-panel-padding: 1rem;
+ --rz-lookup-search-gap: 0.5rem;
+ --rz-lookup-search-margin-bottom: 0.5rem;
+ /* Menu */
+ --rz-menu-background-color: var(--rz-base-background-color);
+ --rz-menu-border: var(--rz-border-normal);
+ --rz-menu-border-radius: 2px;
+ --rz-menu-item-padding-block: 0.5rem;
+ --rz-menu-item-padding-inline: 0.5rem 1rem;
+ --rz-menu-item-border-radius: 0;
+ --rz-menu-item-color: var(--rz-text-color);
+ --rz-menu-item-hover-color: var(--rz-on-secondary-light);
+ --rz-menu-item-hover-background-color: var(--rz-secondary-light);
+ --rz-menu-item-focus-outline: var(--rz-outline-focus);
+ --rz-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-menu-item-selected-color: var(--rz-secondary);
+ --rz-menu-item-selected-background-color: transparent;
+ --rz-menu-item-icon-margin-inline: 0 0.5rem;
+ --rz-menu-item-icon-color: var(--rz-text-color);
+ --rz-menu-item-icon-hover-color: var(--rz-on-secondary-light);
+ --rz-menu-item-offset: 1rem;
+ --rz-menu-item-transition: none;
+ --rz-menu-item-disabled-opacity: 0.2;
+ --rz-menu-top-item-padding-block: 0.5rem;
+ --rz-menu-top-item-padding-inline: 0.5rem;
+ --rz-menu-top-item-border-radius: 0;
+ --rz-menu-top-item-color: var(--rz-text-color);
+ --rz-menu-top-item-background-color: var(--rz-base-background-color);
+ --rz-menu-top-item-hover-color: var(--rz-secondary);
+ --rz-menu-top-item-hover-background-color: transparent;
+ --rz-menu-top-item-selected-color: var(--rz-secondary);
+ --rz-menu-top-item-selected-background-color: transparent;
+ --rz-menu-top-item-icon-color: var(--rz-text-color);
+ --rz-menu-top-item-icon-hover-color: var(--rz-secondary);
+ --rz-context-menu-padding-block: 0;
+ --rz-context-menu-padding-inline: 0;
+ --rz-context-menu-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1);
+ /* Notification */
+ --rz-notification-padding: 1rem 1.25rem;
+ --rz-notification-gap: 0.625rem;
+ --rz-notification-icon-margin: 0;
+ --rz-notification-container-background-color: transparent;
+ --rz-notification-shadow: none;
+ --rz-notification-border-radius: var(--rz-border-radius);
+ --rz-notification-success-color: var(--rz-on-success);
+ --rz-notification-success-background-color: var(--rz-success);
+ --rz-notification-success-icon-color: var(--rz-on-success);
+ --rz-notification-warning-color: var(--rz-on-warning);
+ --rz-notification-warning-background-color: var(--rz-warning);
+ --rz-notification-warning-icon-color: var(--rz-on-warning);
+ --rz-notification-error-color: var(--rz-on-danger);
+ --rz-notification-error-background-color: var(--rz-danger);
+ --rz-notification-error-icon-color: var(--rz-on-danger);
+ --rz-notification-info-color: var(--rz-on-info);
+ --rz-notification-info-background-color: var(--rz-info);
+ --rz-notification-info-icon-color: var(--rz-on-info);
+ /* Numeric */
+ --rz-numeric-line-height: 1.25rem;
+ --rz-numeric-input-padding-block: 0.5rem;
+ --rz-numeric-input-padding-inline: 0.5rem 1.25rem;
+ --rz-numeric-button-width: 0.875rem;
+ --rz-numeric-button-height: 0.875rem;
+ --rz-numeric-button-offset: 2px;
+ --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px);
+ --rz-numeric-button-background-color: var(--rz-secondary);
+ --rz-numeric-button-disabled-background-color: var(--rz-base-700);
+ --rz-numeric-button-disabled-color: var(--rz-text-disabled-color);
+ --rz-numeric-button-color: var(--rz-on-secondary);
+ /* Overlay */
+ --rz-overlay-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
+ --rz-overlay-border: var(--rz-border-normal);
+ --rz-overlay-background-color: var(--rz-base-background-color);
+ /* Pager */
+ --rz-pager-background-color: var(--rz-base-background-color);
+ --rz-pager-padding: 0.5rem;
+ --rz-pager-gap: 0.5rem;
+ --rz-pager-border: var(--rz-border-normal);
+ --rz-pager-button-border-radius: var(--rz-border-radius);
+ --rz-pager-numeric-button-background-color: var(--rz-base-700);
+ --rz-pager-numeric-button-color: var(--rz-text-color);
+ --rz-pager-numeric-button-border: 1px solid transparent;
+ --rz-pager-numeric-button-hover-background-color: var(--rz-base-700);
+ --rz-pager-numeric-button-hover-color: var(--rz-text-color);
+ --rz-pager-numeric-button-padding: 0.4375rem;
+ --rz-pager-numeric-button-selected-background-color: var(--rz-base-900);
+ --rz-pager-numeric-button-selected-color: var(--rz-text-contrast-color);
+ --rz-pager-numeric-button-selected-border: var(--rz-border-base-900);
+ --rz-pager-numeric-button-selected-padding: 0.4375rem;
+ --rz-pager-numeric-button-min-width: 2.25rem;
+ --rz-pager-back-button-background-color: var(--rz-base-700);
+ --rz-pager-back-button-color: var(--rz-text-color);
+ --rz-pager-next-button-background-color: var(--rz-base-700);
+ --rz-pager-next-button-color: var(--rz-text-color);
+ --rz-pager-dropdown-width: 80px;
+ --rz-pager-summary-padding: 1.25rem;
+ --rz-pager-summary-font-size: var(--rz-body-font-size);
+ --rz-pager-summary-color: var(--rz-text-secondary-color);
+ /* PanelMenu */
+ --rz-panel-menu-padding-block: 0;
+ --rz-panel-menu-padding-inline: 0;
+ --rz-panel-menu-font-size: var(--rz-body-font-size);
+ --rz-panel-menu-font-weight: 600;
+ --rz-panel-menu-focus-outline: var(--rz-outline-focus);
+ --rz-panel-menu-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-panel-menu-item-line-height: 1.25rem;
+ --rz-panel-menu-item-padding-block: 0.75rem;
+ --rz-panel-menu-item-padding-inline: 1rem;
+ --rz-panel-menu-item-margin-block: 0;
+ --rz-panel-menu-item-margin-inline: 0;
+ --rz-panel-menu-item-border: var(--rz-border-base-900);
+ --rz-panel-menu-item-border-radius: 0;
+ --rz-panel-menu-item-color: var(--rz-text-contrast-color);
+ --rz-panel-menu-item-background-color: var(--rz-base-800);
+ --rz-panel-menu-item-hover-color: var(--rz-text-contrast-color);
+ --rz-panel-menu-item-hover-background-color: rgba(0, 0, 0, 0.3);
+ --rz-panel-menu-item-active-color: var(--rz-text-contrast-color);
+ --rz-panel-menu-item-active-background-color: var(--rz-base-900);
+ --rz-panel-menu-item-active-indicator: var(--rz-secondary);
+ --rz-panel-menu-item-offset: 0.75rem;
+ --rz-panel-menu-item-transition: color var(--rz-transition), background-color var(--rz-transition);
+ --rz-panel-menu-2nd-level-vertical-offset: 0;
+ --rz-panel-menu-item-2nd-level-padding-block: 0.5rem;
+ --rz-panel-menu-item-2nd-level-padding-inline: 1rem;
+ --rz-panel-menu-item-2nd-level-margin-block: 0;
+ --rz-panel-menu-item-2nd-level-margin-inline: 0;
+ --rz-panel-menu-item-2nd-level-border-radius: 0;
+ --rz-panel-menu-item-2nd-level-offset: 2.75rem;
+ --rz-panel-menu-item-2nd-level-font-size: var(--rz-body-font-size);
+ --rz-panel-menu-item-2nd-level-font-weight: 400;
+ --rz-panel-menu-item-2nd-level-color: inherit;
+ --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-900);
+ --rz-panel-menu-item-2nd-level-hover-color: inherit;
+ --rz-panel-menu-item-2nd-level-hover-background-color: rgba(0, 0, 0, 0.4);
+ --rz-panel-menu-item-2nd-level-active-color: inherit;
+ --rz-panel-menu-item-2nd-level-active-background-color: rgba(0, 0, 0, 0.4);
+ --rz-panel-menu-item-2nd-level-active-font-weight: inherit;
+ --rz-panel-menu-item-3rd-level-color: inherit;
+ --rz-panel-menu-item-3rd-level-background-color: rgba(0, 0, 0, 0.4);
+ --rz-panel-menu-item-3rd-level-hover-color: inherit;
+ --rz-panel-menu-item-3rd-level-hover-background-color: rgba(0, 0, 0, 0.6);
+ --rz-panel-menu-item-3rd-level-active-color: inherit;
+ --rz-panel-menu-item-3rd-level-active-background-color: rgba(0, 0, 0, 0.6);
+ --rz-panel-menu-icon-width: var(--rz-icon-size);
+ --rz-panel-menu-icon-font-size: var(--rz-icon-size);
+ --rz-panel-menu-icon-color: inherit;
+ --rz-panel-menu-icon-height: var(--rz-icon-size);
+ --rz-panel-menu-icon-margin-inline: 0 0.5rem;
+ --rz-panel-menu-icon-2nd-level-margin-inline: -1.625rem 0.625rem;
+ --rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size) * 0.8);
+ --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size);
+ --rz-panel-menu-toggle-icon-opacity: 1;
+ /* Panel */
+ --rz-panel-background-color: var(--rz-base-background-color);
+ --rz-panel-padding: 0.5rem;
+ --rz-panel-title-line-height: 1.25rem;
+ --rz-panel-title-font-weight: 600;
+ --rz-panel-content-margin: 0;
+ --rz-panel-toggle-icon-width: var(--rz-icon-size);
+ --rz-panel-toggle-icon-height: var(--rz-icon-size);
+ --rz-panel-toggle-icon-font-size: var(--rz-icon-size);
+ --rz-panel-toggle-icon-border-radius: 2px;
+ --rz-panel-toggle-icon-background-color: var(--rz-base-700);
+ --rz-panel-toggle-icon-focus-outline: var(--rz-outline-focus);
+ --rz-panel-toggle-icon-focus-outline-offset: var(--rz-outline-offset);
+ --rz-panel-hover-color: var(--rz-secondary);
+ --rz-panel-border-radius: var(--rz-border-radius);
+ --rz-panel-shadow: none;
+ /* ProfileMenu */
+ --rz-profile-menu-background-color: var(--rz-base-background-color);
+ --rz-profile-menu-top-item-background-color: var(--rz-base-background-color);
+ --rz-profile-menu-border: var(--rz-border-base-900);
+ --rz-profile-menu-padding-block: 0.625rem;
+ --rz-profile-menu-padding-inline: 1rem;
+ --rz-profile-menu-border-radius: var(--rz-border-radius);
+ --rz-profile-menu-toggle-button-color: var(--rz-text-color);
+ --rz-profile-menu-item-hover-background-color: var(--rz-secondary);
+ --rz-profile-menu-item-focus-outline: var(--rz-outline-focus);
+ --rz-profile-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-profile-menu-item-icon-width: var(--rz-icon-size);
+ --rz-profile-menu-item-icon-height: var(--rz-icon-size);
+ --rz-profile-menu-item-icon-font-size: var(--rz-icon-size);
+ --rz-profile-menu-item-icon-margin-inline: 0 0.5rem;
+ /* ProgressBar */
+ --rz-progressbar-value: 100%;
+ --rz-progressbar-background-color: var(--rz-base-700);
+ --rz-progressbar-color: var(--rz-text-color);
+ --rz-progressbar-font-size: var(--rz-body-font-size);
+ --rz-progressbar-height: 1.25rem;
+ --rz-progressbar-border-radius: var(--rz-border-radius);
+ --rz-progressbar-value-background-color: var(--rz-secondary);
+ --rz-progressbar-value-transition: var(--rz-transition-all);
+ --rz-progressbar-circular-stroke-width: 2px;
+ --rz-progressbar-circular-value-stroke-width: 3px;
+ --rz-progressbar-circular-value-endpoint: round;
+ /* Radio */
+ --rz-radio-width: 1.25rem;
+ --rz-radio-height: 1.25rem;
+ --rz-radio-border-radius: 50%;
+ --rz-radio-border-width: inherit;
+ --rz-radio-label-margin-block: 0;
+ --rz-radio-label-margin-inline: 1rem;
+ --rz-radio-margin-block: 0;
+ --rz-radio-margin-inline: 0;
+ --rz-radio-focus-outline: var(--rz-outline-focus);
+ --rz-radio-focus-outline-offset: var(--rz-outline-offset);
+ --rz-radio-active-background-color: var(--rz-secondary);
+ --rz-radio-active-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
+ --rz-radio-checked-background-color: var(--rz-secondary);
+ --rz-radio-checked-hover-background-color: var(--rz-secondary-light);
+ --rz-radio-checked-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
+ --rz-radio-checked-color: var(--rz-text-contrast-color);
+ --rz-radio-circle-background-color: var(--rz-base-background-color);
+ --rz-radio-circle-shadow: inset 0 4px 7px 0 rgba(0, 0, 0, 0.03);
+ --rz-radio-circle-hover-background-color: var(--rz-base-100);
+ --rz-radio-icon-width: 0.5rem;
+ --rz-radio-icon-height: 0.5rem;
+ --rz-radio-checked-border: var(--rz-input-border-block-end);
+ /* Rating */
+ --rz-rating-color: var(--rz-secondary);
+ --rz-rating-opacity: 1;
+ --rz-rating-font-size: var(--rz-icon-size);
+ --rz-rating-selected-color: var(--rz-primary);
+ --rz-rating-focus-color: var(--rz-text-secondary-color);
+ --rz-rating-disabled-color: var(--rz-text-disabled-color);
+ --rz-rating-disabled-opacity: 0.3;
+ --rz-rating-ban-icon: highlight_off;
+ --rz-rating-ban-icon-color: var(--rz-secondary);
+ /* Sankey Diagram */
+ --rz-sankey-node-stroke-width: 0;
+ --rz-sankey-link-stroke-width: 0;
+ --rz-sankey-link-opacity: 0.5;
+ --rz-sankey-link-hover-opacity: 0.7;
+ --rz-sankey-label-font-size: 0.875rem;
+ --rz-sankey-label-color: var(--rz-text-color);
+ --rz-sankey-label-stroke: var(--rz-body-background-color);
+ --rz-sankey-label-stroke-width: 2px;
+ /* Scheduler */
+ --rz-scheduler-border: var(--rz-border-normal);
+ --rz-scheduler-border-color: var(--rz-base-700);
+ --rz-scheduler-minor-border-color: var(--rz-base-700);
+ --rz-scheduler-border-radius: var(--rz-border-radius);
+ --rz-scheduler-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
+ --rz-scheduler-background-color: var(--rz-base-background-color);
+ --rz-scheduler-color: var(--rz-text-tertiary-color);
+ --rz-scheduler-toolbar-padding: 0.5rem;
+ --rz-scheduler-toolbar-background-color: var(--rz-base-900);
+ --rz-scheduler-toolbar-title-font-size: 1rem;
+ --rz-scheduler-toolbar-title-font-weight: 700;
+ --rz-scheduler-toolbar-title-color: var(--rz-text-title-color);
+ --rz-scheduler-prev-next-button-background-color: var(--rz-secondary);
+ --rz-scheduler-prev-next-button-color: var(--rz-on-secondary);
+ --rz-scheduler-prev-next-button-padding-block: 0.5rem;
+ --rz-scheduler-prev-next-button-padding-inline: 0.5rem;
+ --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size);
+ --rz-scheduler-prev-button-border-start-start-radius: var(--rz-border-radius);
+ --rz-scheduler-prev-button-border-start-end-radius: 0;
+ --rz-scheduler-prev-button-border-end-start-radius: var(--rz-border-radius);
+ --rz-scheduler-prev-button-border-end-end-radius: 0;
+ --rz-scheduler-next-button-border-start-start-radius: 0;
+ --rz-scheduler-next-button-border-start-end-radius: var(--rz-border-radius);
+ --rz-scheduler-next-button-border-end-start-radius: 0;
+ --rz-scheduler-next-button-border-end-end-radius: var(--rz-border-radius);
+ --rz-scheduler-today-button-margin-inline-start: 0.5rem;
+ --rz-scheduler-today-button-padding: 0.5rem 1rem;
+ --rz-scheduler-today-button-font-size: 0.75rem;
+ --rz-scheduler-today-button-text-transform: uppercase;
+ --rz-scheduler-view-button-border: var(--rz-border-normal);
+ --rz-scheduler-view-button-color: var(--rz-text-secondary-color);
+ --rz-scheduler-view-button-background-color: var(--rz-base-background-color);
+ --rz-scheduler-view-selected-color: var(--rz-on-secondary);
+ --rz-scheduler-view-selected-background-color: var(--rz-secondary);
+ --rz-scheduler-view-selected-border-color: var(--rz-secondary);
+ --rz-scheduler-header-background-color: var(--rz-base-700);
+ --rz-scheduler-header-font-size: 0.75rem;
+ --rz-scheduler-header-font-size-small: 0.5rem;
+ --rz-scheduler-header-text-transform: uppercase;
+ --rz-scheduler-header-color: inherit;
+ --rz-scheduler-header-border: none;
+ --rz-scheduler-header-padding: 0.5rem 0;
+ --rz-scheduler-event-color: var(--rz-on-info);
+ --rz-scheduler-event-background-color: var(--rz-info);
+ --rz-scheduler-event-font-size: 0.75rem;
+ --rz-scheduler-event-line-height: 1.25rem;
+ --rz-scheduler-event-padding-block: 0 1px;
+ --rz-scheduler-event-padding-inline: 1px;
+ --rz-scheduler-event-content-padding: 0.125rem 0.25rem;
+ --rz-scheduler-event-list-button-color: var(--rz-secondary);
+ --rz-scheduler-event-list-button-font-size: 0.75rem;
+ --rz-scheduler-slot-title-font-size: 0.875rem;
+ --rz-scheduler-slot-title-font-size-small: 0.6rem;
+ --rz-scheduler-slot-title-padding: 0 0.25rem;
+ --rz-scheduler-day-number-padding: 0 0.5rem;
+ --rz-scheduler-weekend-color: var(--rz-text-tertiary-color);
+ --rz-scheduler-weekend-background-color: var(--rz-base-700);
+ --rz-scheduler-other-month-background-color: var(--rz-base-900);
+ --rz-scheduler-timeline-slot-width: 7rem;
+ --rz-scheduler-timeline-slot-height: 7rem;
+ --rz-scheduler-year-padding: 1.5rem;
+ --rz-scheduler-year-slot-padding: 1px;
+ --rz-scheduler-year-slot-title-width: 100%;
+ --rz-scheduler-year-slot-title-border-radius: 0.25rem;
+ --rz-scheduler-planner-slot-width: 3rem;
+ --rz-scheduler-planner-slot-height: 4.5rem;
+ --rz-scheduler-focus-outline: var(--rz-outline-focus);
+ --rz-scheduler-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-scheduler-highlight-background-color: rgba(255, 220, 40, 0.2);
+ /* Scrollbar */
+ --rz-scrollbar-background-color: transparent;
+ --rz-scrollbar-color: var(--rz-base-600);
+ --rz-scrollbar-border-radius: calc(2 * var(--rz-border-radius));
+ --rz-scrollbar-size: 16px;
+ /* SecurityCode */
+ --rz-security-code-input-min-width: var(--rz-input-height);
+ --rz-security-code-input-min-height: var(--rz-input-height);
+ --rz-security-code-input-padding: 0.125rem;
+ --rz-security-code-input-font-size: 1.25rem;
+ --rz-security-code-input-font-weight: 600;
+ --rz-security-code-input-line-height: 1;
+ /* SelectBar */
+ --rz-selectbar-background-color: var(--rz-base-backgorund-color);
+ --rz-selectbar-color: var(--rz-text-color);
+ --rz-selectbar-border: var(--rz-border-normal);
+ --rz-selectbar-selected-background-color: var(--rz-secondary);
+ --rz-selectbar-selected-color: var(--rz-on-secondary);
+ --rz-selectbar-selected-border: var(--rz-border-secondary);
+ --rz-selectbar-border-radius: var(--rz-border-radius);
+ --rz-selectbar-focus-outline: var(--rz-outline-focus);
+ --rz-selectbar-focus-outline-offset: var(--rz-outline-offset);
+ --rz-selectbar-button-focus-outline: var(--rz-outline-width) solid var(--rz-text-color);
+ --rz-selectbar-button-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ /* SidebarToggle */
+ --rz-sidebar-toggle-icon-width: 1.5rem;
+ --rz-sidebar-toggle-icon-height: 1.5rem;
+ --rz-sidebar-toggle-margin-inline-end: 1rem;
+ --rz-sidebar-toggle-padding: 0.8125rem;
+ --rz-sidebar-toggle-border: var(--rz-border-base-700);
+ --rz-sidebar-toggle-color: var(--rz-text-color);
+ --rz-sidebar-toggle-background-color: var(--rz-base-background-color);
+ --rz-sidebar-toggle-hover-color: var(--rz-secondary);
+ --rz-sidebar-toggle-hover-background-color: var(--rz-header-background-color);
+ --rz-sidebar-toggle-hover-border-radius: 0;
+ --rz-sidebar-toggle-focus-outline: var(--rz-outline-focus);
+ --rz-sidebar-toggle-focus-outline-offset: calc(-1 * var(--rz-outline-offset));
+ /* Sidebar */
+ --rz-sidebar-z: 1;
+ --rz-sidebar-width: 250px;
+ --rz-sidebar-border-inline-end: var(--rz-border-base-800);
+ --rz-sidebar-background-color: var(--rz-base-background-color);
+ --rz-sidebar-color: var(--rz-white);
+ /* Skeleton */
+ --rz-skeleton-background-color: var(--rz-base-600);
+ --rz-skeleton-animation-color: var(--rz-base-700);
+ --rz-skeleton-border-radius: var(--rz-border-radius);
+ --rz-skeleton-animation-duration: 1.5s;
+ /* Slider */
+ --rz-slider-background-color: var(--rz-base-900);
+ --rz-slider-border: var(--rz-border-normal);
+ --rz-slider-border-radius: var(--rz-border-radius);
+ --rz-slider-horizontal-height: 0.5rem;
+ --rz-slider-horizontal-width: 10rem;
+ --rz-slider-range-background-color: var(--rz-secondary-dark);
+ --rz-slider-range-border: var(--rz-border-secondary-light);
+ --rz-slider-handle-width: 0.75rem;
+ --rz-slider-handle-height: 1.5rem;
+ --rz-slider-handle-color: var(--rz-on-secondary);
+ --rz-slider-handle-background-color: var(--rz-secondary);
+ --rz-slider-handle-border: none;
+ --rz-slider-handle-border-radius: calc(var(--rz-border-radius) / 2);
+ --rz-slider-handle-shadow: none;
+ --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition);
+ --rz-slider-handle-hover-background-color: var(--rz-secondary-light);
+ --rz-slider-handle-hover-border: none;
+ --rz-slider-handle-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
+ --rz-slider-handle-focus-outline: var(--rz-outline-focus);
+ --rz-slider-handle-focus-outline-offset: var(--rz-outline-offset);
+ --rz-slider-disabled-background-color: var(--rz-base-background-color);
+ --rz-slider-disabled-border: var(--rz-border-disabled);
+ --rz-slider-disabled-range-background-color: var(--rz-base-700);
+ --rz-slider-disabled-range-border: var(--rz-border-base-700);
+ --rz-slider-disabled-handle-border: none;
+ --rz-slider-disabled-handle-background-color: var(--rz-base-700);
+ /* SplitButton */
+ --rz-splitbutton-menu-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
+ --rz-splitbutton-menu-min-width: 10rem;
+ --rz-splitbutton-background-color: var(--rz-primary);
+ --rz-splitbutton-border-radius: var(--rz-border-radius);
+ /* Splitter */
+ --rz-splitter-bar-color: var(--rz-text-secondary-color);
+ --rz-splitter-bar-color-active: var(--rz-on-secondary);
+ --rz-splitter-bar-background-color: var(--rz-base-700);
+ --rz-splitter-bar-background-color-active: var(--rz-secondary);
+ --rz-splitter-bar-hover-opacity: 0.8;
+ /* Stack/Grid Layout */
+ --rz-gap: 1rem;
+ --rz-row-gap: 1rem;
+ /* Steps */
+ --rz-steps-color: var(--rz-text-color);
+ --rz-steps-number-border-radius: 50%;
+ --rz-steps-number-padding-block: 0.375rem;
+ --rz-steps-number-padding-inline: 0;
+ --rz-steps-number-width: 2rem;
+ --rz-steps-number-height: 2rem;
+ --rz-steps-number-line-height: var(--rz-body-line-height);
+ --rz-steps-number-color: var(--rz-text-color);
+ --rz-steps-number-background-color: var(--rz-base-700);
+ --rz-steps-number-selected-color: var(--rz-on-secondary);
+ --rz-steps-number-selected-background: var(--rz-secondary);
+ --rz-steps-number-focus-outline: var(--rz-outline-focus);
+ --rz-steps-number-focus-outline-offset: var(--rz-outline-offset);
+ --rz-steps-title-selected-color: var(--rz-secondary);
+ --rz-steps-title-margin-block: 0;
+ --rz-steps-title-margin-inline: 0.5rem 1rem;
+ --rz-steps-buttons-padding-block: 1rem;
+ --rz-steps-buttons-padding-inline: 0;
+ --rz-steps-button-color: var(--rz-text-secondary-color);
+ /* Switch */
+ --rz-switch-background-color: var(--rz-base-400);
+ --rz-switch-checked-background-color: var(--rz-secondary);
+ --rz-switch-box-shadow: none;
+ --rz-switch-circle-background-color: var(--rz-text-contrast-color);
+ --rz-switch-checked-circle-background-color: var(--rz-on-secondary);
+ --rz-switch-focus-outline: var(--rz-outline-focus);
+ --rz-switch-focus-outline-offset: var(--rz-outline-offset);
+ /* Tabs */
+ --rz-tabs-padding: 1.25rem;
+ --rz-tabs-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
+ --rz-tabs-border: none;
+ --rz-tabs-border-radius: var(--rz-border-radius);
+ --rz-tabs-background-color: var(--rz-base-background-color);
+ --rz-tabs-tab-font-size: var(--rz-body-font-size);
+ --rz-tabs-tab-line-height: var(--rz-body-line-height);
+ --rz-tabs-tab-font-weight: normal;
+ --rz-tabs-tab-text-transform: none;
+ --rz-tabs-tab-letter-spacing: 0;
+ --rz-tabs-tab-padding-block: 0.5rem;
+ --rz-tabs-tab-padding-inline: 1rem;
+ --rz-tabs-tab-background-color: var(--rz-base-700);
+ --rz-tabs-tab-color: var(--rz-text-secondary-color);
+ --rz-tabs-tab-selected-background-color: var(--rz-tabs-background-color);
+ --rz-tabs-tab-selected-color: var(--rz-text-title-color);
+ --rz-tabs-tab-selected-top-border-color: var(--rz-secondary);
+ --rz-tabs-tab-hover-background-color: var(--rz-base-800);
+ --rz-tabs-tab-hover-color: var(--rz-text-color);
+ --rz-tabs-tab-focus-background-color: var(--rz-base-background-color);
+ --rz-tabs-tab-focus-color: var(--rz-text-color);
+ --rz-tabs-tab-focus-outline: var(--rz-outline-focus);
+ --rz-tabs-tab-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-tabs-icon-font-size: var(--rz-icon-size);
+ --rz-tabs-icon-margin-inline: -0.25rem 0.25rem;
+ --rz-tabs-transition: var(--rz-transition-all);
+ /* Textarea */
+ --rz-text-area-padding-block: var(--rz-input-padding-block);
+ --rz-text-area-padding-inline: var(--rz-input-padding-inline);
+ /* Timeline */
+ --rz-timeline-item-padding: 0.5rem;
+ --rz-timeline-axis-size: 4rem;
+ --rz-timeline-point-size: 1rem;
+ --rz-timeline-point-border: 3px solid var(--rz-base-background-color);
+ --rz-timeline-point-border-radius: calc(var(--rz-border-radius) * 12);
+ --rz-timeline-point-background-color: var(--rz-base-600);
+ --rz-timeline-point-color: var(--rz-text-color);
+ --rz-timeline-line-color: var(--rz-base-600);
+ --rz-timeline-line-width: 0.125rem;
+ --rz-timeline-line-border-radius: calc(var(--rz-border-radius) * 20);
+ /* TimestampPicker */
+ --rz-timespanpicker-line-height: 1.25rem;
+ --rz-timespanpicker-trigger-icon-width: var(--rz-icon-size);
+ --rz-timespanpicker-trigger-icon-height: var(--rz-icon-size);
+ --rz-timespanpicker-trigger-icon-color: var(--rz-input-value-color);
+ --rz-timespanpicker-trigger-icon-hover-color: var(--rz-input-value-color);
+ --rz-timespanpicker-focus-outline: var(--rz-outline-focus);
+ --rz-timespanpicker-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-timespanpicker-popup-border: var(--rz-border-normal);
+ --rz-timespanpicker-popup-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
+ --rz-timespanpicker-popup-margin: 0;
+ --rz-timespanpicker-popup-width: fit-content;
+ --rz-timespanpicker-panel-background-color: var(--rz-base-800);
+ --rz-timespanpicker-panel-padding: 0.5rem;
+ --rz-timespanpicker-panel-gap: 0.5rem;
+ --rz-timespanpicker-panel-unit-gap: 0;
+ --rz-timespanpicker-panel-field-min-width: 4rem;
+ --rz-timespanpicker-unit-label-color: var(--rz-text-tertiary-color);
+ /* Toc */
+ --rz-toc-link-padding-block: 0.5rem;
+ --rz-toc-link-padding-inline: 0.75rem;
+ --rz-toc-link-font-size: var(--rz-body-font-size);
+ --rz-toc-link-font-weight: 400;
+ --rz-toc-link-border: none;
+ --rz-toc-link-border-radius: var(--rz-border-radius);
+ --rz-toc-link-color: var(--rz-text-color);
+ --rz-toc-link-background-color: transparent;
+ --rz-toc-link-hover-color: var(--rz-secondary-dark);
+ --rz-toc-link-hover-background-color: transparent;
+ --rz-toc-link-selected-border: none;
+ --rz-toc-link-selected-color: var(--rz-secondary);
+ --rz-toc-link-selected-background-color: transparent;
+ --rz-toc-link-selected-indicator-color: var(--rz-secondary);
+ --rz-toc-link-selected-indicator-size: 0.125rem;
+ --rz-toc-link-selected-indicator-inset-block: 0.5rem;
+ --rz-toc-link-selected-indicator-inset-inline: 0 auto;
+ --rz-toc-horizontal-shadow: var(--rz-shadow-3);
+ --rz-toc-horizontal-border-radius: var(--rz-border-radius);
+ --rz-toc-horizontal-background-color: var(--rz-base-background-color);
+ --rz-toc-horizontal-link-padding-block: 1rem;
+ --rz-toc-horizontal-link-padding-inline: 1rem;
+ --rz-toc-horizontal-link-font-size: var(--rz-body-font-size);
+ --rz-toc-horizontal-link-selected-indicator-inset-block: auto 0;
+ --rz-toc-horizontal-link-selected-indicator-inset-inline: 0.5rem;
+ --rz-toc-horizontal-link-selected-border: none;
+ --rz-toc-horizontal-link-selected-color: var(--rz-secondary);
+ --rz-toc-horizontal-link-selected-background-color: transparent;
+ --rz-toc-link-selected-indicator-border-radius: 0;
+ /* Tooltip */
+ --rz-tooltip-background-color: var(--rz-info);
+ --rz-tooltip-color: var(--rz-on-info);
+ --rz-tooltip-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15);
+ --rz-tooltip-padding: 0.25rem 0.5rem;
+ --rz-tooltip-border-radius: var(--rz-border-radius);
+ --rz-tooltip-font-size: var(--rz-body-font-size);
+ /* Tree */
+ --rz-tree-background-color: var(--rz-base-background-color);
+ --rz-tree-node-padding-block: 0.25rem;
+ --rz-tree-node-padding-inline: 0.25rem;
+ --rz-tree-node-selected-background-color: var(--rz-secondary);
+ --rz-tree-node-selected-color: var(--rz-on-secondary);
+ --rz-tree-node-selected-border-radius: calc(var(--rz-border-radius) / 2);
+ --rz-tree-node-margin-block: 1px;
+ --rz-tree-node-margin-inline: 1px;
+ --rz-tree-node-hover-background-color: var(--rz-secondary-light);
+ --rz-tree-node-hover-color: var(--rz-on-secondary-light);
+ --rz-tree-node-focus-outline: var(--rz-outline-focus);
+ --rz-tree-node-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-tree-node-toggle-width: 1rem;
+ --rz-tree-node-toggle-color: var(--rz-text-tertiary-color);
+ --rz-tree-node-toggle-hover-color: var(--rz-text-color);
+ --rz-tree-transition: var(--rz-transition-all), width 0, height 0;
+ /* Upload */
+ --rz-upload-button-bar-background-color: var(--rz-base-700);
+ --rz-upload-button-bar-padding: 0.5rem;
+ --rz-upload-button-bar-border-radius: var(--rz-border-radius);
+ --rz-upload-files-background-color: var(--rz-base-background-color);
+ --rz-upload-files-padding: 0.5rem 0;
+ --rz-upload-files-remove-background-color: var(--rz-base-700);
+ --rz-upload-files-remove-color: var(--rz-text-color);
+ --rz-upload-files-margin: 0 0.5rem;
+ --rz-upload-choose-background-color: var(--rz-secondary);
+ --rz-upload-choose-color: var(--rz-on-secondary);
+ --rz-upload-choose-hover-background-color: var(--rz-secondary);
+ --rz-upload-choose-hover-color: var(--rz-on-secondary);
+ --rz-upload-choose-active-background-color: var(--rz-secondary-dark);
+ --rz-upload-choose-active-color: var(--rz-on-secondary-dark);
+ --rz-upload-cancel-background-color: var(--rz-base-200);
+ --rz-upload-cancel-color: var(--rz-text-color);
+ --rz-upload-button-background-color: var(--rz-primary);
+}
\ No newline at end of file
diff --git a/LittleShop/wwwroot/lib/radzen/dark.css b/LittleShop/wwwroot/lib/radzen/dark.css
new file mode 100644
index 0000000..74c1a72
--- /dev/null
+++ b/LittleShop/wwwroot/lib/radzen/dark.css
@@ -0,0 +1,24578 @@
+@charset "UTF-8";
+.rz-slot-minor {
+ border-top: 1px dotted var(--rz-scheduler-minor-border-color) !important;
+}
+
+@font-face {
+ font-family: "Material Symbols";
+ src: url("../fonts/MaterialSymbolsOutlined.woff2") format("woff2 supports variations"), url("../fonts/MaterialSymbolsOutlined.woff2") format("woff2-variations");
+ font-style: normal;
+ font-weight: 100 700;
+}
+@font-face {
+ font-family: "Source Sans Pro";
+ src: url("../fonts/SourceSans3VF-Upright.ttf.woff2") format("woff2 supports variations"), url("../fonts/SourceSans3VF-Upright.ttf.woff2") format("woff2-variations");
+ font-style: normal;
+ font-weight: 200 900;
+ font-display: swap;
+}
+@font-face {
+ font-family: "Source Sans Pro";
+ src: url("../fonts/SourceSans3VF-Italic.ttf.woff2") format("woff2 supports variations"), url("../fonts/SourceSans3VF-Italic.ttf.woff2") format("woff2-variations");
+ font-style: italic;
+ font-weight: 200 900;
+ font-display: swap;
+}
+[class^=rz-], [class^=rz-]::before, [class^=rz-]::after, [class^=rz-] *, [class^=rz-] *::before, [class^=rz-] *::after,
+[class*=" rz-"],
+[class*=" rz-"]::before,
+[class*=" rz-"]::after,
+[class*=" rz-"] *,
+[class*=" rz-"] *::before,
+[class*=" rz-"] *::after {
+ box-sizing: border-box;
+}
+
+.rz-text-title-color {
+ color: var(--rz-base-50) !important;
+}
+
+.rz-text-color {
+ color: var(--rz-base-100) !important;
+}
+
+.rz-text-secondary-color {
+ color: var(--rz-base-300) !important;
+}
+
+.rz-text-tertiary-color {
+ color: var(--rz-base-400) !important;
+}
+
+.rz-text-disabled-color {
+ color: var(--rz-base-600) !important;
+}
+
+.rz-text-contrast-color {
+ color: var(--rz-white) !important;
+}
+
+.rz-border-radius {
+ border-radius: var(--rz-border-radius) !important;
+}
+
+.rz-border-radius-0 {
+ border-radius: var(--rz-border-radius-0) !important;
+}
+
+.rz-border-radius-1 {
+ border-radius: var(--rz-border-radius-1) !important;
+}
+
+.rz-border-radius-2 {
+ border-radius: var(--rz-border-radius-2) !important;
+}
+
+.rz-border-radius-3 {
+ border-radius: var(--rz-border-radius-3) !important;
+}
+
+.rz-border-radius-4 {
+ border-radius: var(--rz-border-radius-4) !important;
+}
+
+.rz-border-radius-5 {
+ border-radius: var(--rz-border-radius-5) !important;
+}
+
+.rz-border-radius-6 {
+ border-radius: var(--rz-border-radius-6) !important;
+}
+
+.rz-border-radius-7 {
+ border-radius: var(--rz-border-radius-7) !important;
+}
+
+.rz-border-radius-8 {
+ border-radius: var(--rz-border-radius-8) !important;
+}
+
+.rz-border-radius-9 {
+ border-radius: var(--rz-border-radius-9) !important;
+}
+
+.rz-border-radius-10 {
+ border-radius: var(--rz-border-radius-10) !important;
+}
+
+.rz-shadow-0 {
+ box-shadow: var(--rz-shadow-0) !important;
+}
+
+.rz-shadow-1 {
+ box-shadow: var(--rz-shadow-1) !important;
+}
+
+.rz-shadow-2 {
+ box-shadow: var(--rz-shadow-2) !important;
+}
+
+.rz-shadow-3 {
+ box-shadow: var(--rz-shadow-3) !important;
+}
+
+.rz-shadow-4 {
+ box-shadow: var(--rz-shadow-4) !important;
+}
+
+.rz-shadow-5 {
+ box-shadow: var(--rz-shadow-5) !important;
+}
+
+.rz-shadow-6 {
+ box-shadow: var(--rz-shadow-6) !important;
+}
+
+.rz-shadow-7 {
+ box-shadow: var(--rz-shadow-7) !important;
+}
+
+.rz-shadow-8 {
+ box-shadow: var(--rz-shadow-8) !important;
+}
+
+.rz-shadow-9 {
+ box-shadow: var(--rz-shadow-9) !important;
+}
+
+.rz-shadow-10 {
+ box-shadow: var(--rz-shadow-10) !important;
+}
+
+.rz-display-none {
+ display: none !important;
+}
+
+.rz-display-block {
+ display: block !important;
+}
+
+.rz-display-inline {
+ display: inline !important;
+}
+
+.rz-display-inline-block {
+ display: inline-block !important;
+}
+
+.rz-display-flex {
+ display: flex !important;
+}
+
+.rz-display-inline-flex {
+ display: inline-flex !important;
+}
+
+.rz-display-grid {
+ display: grid !important;
+}
+
+.rz-display-inline-grid {
+ display: inline-grid !important;
+}
+
+@media (min-width: 576px) {
+ .rz-display-xs-none {
+ display: none !important;
+ }
+ .rz-display-xs-block {
+ display: block !important;
+ }
+ .rz-display-xs-inline {
+ display: inline !important;
+ }
+ .rz-display-xs-inline-block {
+ display: inline-block !important;
+ }
+ .rz-display-xs-flex {
+ display: flex !important;
+ }
+ .rz-display-xs-inline-flex {
+ display: inline-flex !important;
+ }
+ .rz-display-xs-grid {
+ display: grid !important;
+ }
+ .rz-display-xs-inline-grid {
+ display: inline-grid !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-display-sm-none {
+ display: none !important;
+ }
+ .rz-display-sm-block {
+ display: block !important;
+ }
+ .rz-display-sm-inline {
+ display: inline !important;
+ }
+ .rz-display-sm-inline-block {
+ display: inline-block !important;
+ }
+ .rz-display-sm-flex {
+ display: flex !important;
+ }
+ .rz-display-sm-inline-flex {
+ display: inline-flex !important;
+ }
+ .rz-display-sm-grid {
+ display: grid !important;
+ }
+ .rz-display-sm-inline-grid {
+ display: inline-grid !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-display-md-none {
+ display: none !important;
+ }
+ .rz-display-md-block {
+ display: block !important;
+ }
+ .rz-display-md-inline {
+ display: inline !important;
+ }
+ .rz-display-md-inline-block {
+ display: inline-block !important;
+ }
+ .rz-display-md-flex {
+ display: flex !important;
+ }
+ .rz-display-md-inline-flex {
+ display: inline-flex !important;
+ }
+ .rz-display-md-grid {
+ display: grid !important;
+ }
+ .rz-display-md-inline-grid {
+ display: inline-grid !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-display-lg-none {
+ display: none !important;
+ }
+ .rz-display-lg-block {
+ display: block !important;
+ }
+ .rz-display-lg-inline {
+ display: inline !important;
+ }
+ .rz-display-lg-inline-block {
+ display: inline-block !important;
+ }
+ .rz-display-lg-flex {
+ display: flex !important;
+ }
+ .rz-display-lg-inline-flex {
+ display: inline-flex !important;
+ }
+ .rz-display-lg-grid {
+ display: grid !important;
+ }
+ .rz-display-lg-inline-grid {
+ display: inline-grid !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-display-xl-none {
+ display: none !important;
+ }
+ .rz-display-xl-block {
+ display: block !important;
+ }
+ .rz-display-xl-inline {
+ display: inline !important;
+ }
+ .rz-display-xl-inline-block {
+ display: inline-block !important;
+ }
+ .rz-display-xl-flex {
+ display: flex !important;
+ }
+ .rz-display-xl-inline-flex {
+ display: inline-flex !important;
+ }
+ .rz-display-xl-grid {
+ display: grid !important;
+ }
+ .rz-display-xl-inline-grid {
+ display: inline-grid !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-display-xx-none {
+ display: none !important;
+ }
+ .rz-display-xx-block {
+ display: block !important;
+ }
+ .rz-display-xx-inline {
+ display: inline !important;
+ }
+ .rz-display-xx-inline-block {
+ display: inline-block !important;
+ }
+ .rz-display-xx-flex {
+ display: flex !important;
+ }
+ .rz-display-xx-inline-flex {
+ display: inline-flex !important;
+ }
+ .rz-display-xx-grid {
+ display: grid !important;
+ }
+ .rz-display-xx-inline-grid {
+ display: inline-grid !important;
+ }
+}
+.rz-justify-content-normal {
+ justify-content: normal !important;
+}
+
+.rz-justify-content-stretch {
+ justify-content: stretch !important;
+}
+
+.rz-justify-content-center {
+ justify-content: center !important;
+}
+
+.rz-justify-content-start {
+ justify-content: start !important;
+}
+
+.rz-justify-content-end {
+ justify-content: end !important;
+}
+
+.rz-justify-content-flex-start {
+ justify-content: flex-start !important;
+}
+
+.rz-justify-content-flex-end {
+ justify-content: flex-end !important;
+}
+
+.rz-justify-content-left {
+ justify-content: left !important;
+}
+
+.rz-justify-content-right {
+ justify-content: right !important;
+}
+
+.rz-justify-content-space-between {
+ justify-content: space-between !important;
+}
+
+.rz-justify-content-space-around {
+ justify-content: space-around !important;
+}
+
+.rz-justify-content-space-evenly {
+ justify-content: space-evenly !important;
+}
+
+@media (min-width: 576px) {
+ .rz-justify-content-xs-normal {
+ justify-content: normal !important;
+ }
+ .rz-justify-content-xs-stretch {
+ justify-content: stretch !important;
+ }
+ .rz-justify-content-xs-center {
+ justify-content: center !important;
+ }
+ .rz-justify-content-xs-start {
+ justify-content: start !important;
+ }
+ .rz-justify-content-xs-end {
+ justify-content: end !important;
+ }
+ .rz-justify-content-xs-flex-start {
+ justify-content: flex-start !important;
+ }
+ .rz-justify-content-xs-flex-end {
+ justify-content: flex-end !important;
+ }
+ .rz-justify-content-xs-left {
+ justify-content: left !important;
+ }
+ .rz-justify-content-xs-right {
+ justify-content: right !important;
+ }
+ .rz-justify-content-xs-space-between {
+ justify-content: space-between !important;
+ }
+ .rz-justify-content-xs-space-around {
+ justify-content: space-around !important;
+ }
+ .rz-justify-content-xs-space-evenly {
+ justify-content: space-evenly !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-justify-content-sm-normal {
+ justify-content: normal !important;
+ }
+ .rz-justify-content-sm-stretch {
+ justify-content: stretch !important;
+ }
+ .rz-justify-content-sm-center {
+ justify-content: center !important;
+ }
+ .rz-justify-content-sm-start {
+ justify-content: start !important;
+ }
+ .rz-justify-content-sm-end {
+ justify-content: end !important;
+ }
+ .rz-justify-content-sm-flex-start {
+ justify-content: flex-start !important;
+ }
+ .rz-justify-content-sm-flex-end {
+ justify-content: flex-end !important;
+ }
+ .rz-justify-content-sm-left {
+ justify-content: left !important;
+ }
+ .rz-justify-content-sm-right {
+ justify-content: right !important;
+ }
+ .rz-justify-content-sm-space-between {
+ justify-content: space-between !important;
+ }
+ .rz-justify-content-sm-space-around {
+ justify-content: space-around !important;
+ }
+ .rz-justify-content-sm-space-evenly {
+ justify-content: space-evenly !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-justify-content-md-normal {
+ justify-content: normal !important;
+ }
+ .rz-justify-content-md-stretch {
+ justify-content: stretch !important;
+ }
+ .rz-justify-content-md-center {
+ justify-content: center !important;
+ }
+ .rz-justify-content-md-start {
+ justify-content: start !important;
+ }
+ .rz-justify-content-md-end {
+ justify-content: end !important;
+ }
+ .rz-justify-content-md-flex-start {
+ justify-content: flex-start !important;
+ }
+ .rz-justify-content-md-flex-end {
+ justify-content: flex-end !important;
+ }
+ .rz-justify-content-md-left {
+ justify-content: left !important;
+ }
+ .rz-justify-content-md-right {
+ justify-content: right !important;
+ }
+ .rz-justify-content-md-space-between {
+ justify-content: space-between !important;
+ }
+ .rz-justify-content-md-space-around {
+ justify-content: space-around !important;
+ }
+ .rz-justify-content-md-space-evenly {
+ justify-content: space-evenly !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-justify-content-lg-normal {
+ justify-content: normal !important;
+ }
+ .rz-justify-content-lg-stretch {
+ justify-content: stretch !important;
+ }
+ .rz-justify-content-lg-center {
+ justify-content: center !important;
+ }
+ .rz-justify-content-lg-start {
+ justify-content: start !important;
+ }
+ .rz-justify-content-lg-end {
+ justify-content: end !important;
+ }
+ .rz-justify-content-lg-flex-start {
+ justify-content: flex-start !important;
+ }
+ .rz-justify-content-lg-flex-end {
+ justify-content: flex-end !important;
+ }
+ .rz-justify-content-lg-left {
+ justify-content: left !important;
+ }
+ .rz-justify-content-lg-right {
+ justify-content: right !important;
+ }
+ .rz-justify-content-lg-space-between {
+ justify-content: space-between !important;
+ }
+ .rz-justify-content-lg-space-around {
+ justify-content: space-around !important;
+ }
+ .rz-justify-content-lg-space-evenly {
+ justify-content: space-evenly !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-justify-content-xl-normal {
+ justify-content: normal !important;
+ }
+ .rz-justify-content-xl-stretch {
+ justify-content: stretch !important;
+ }
+ .rz-justify-content-xl-center {
+ justify-content: center !important;
+ }
+ .rz-justify-content-xl-start {
+ justify-content: start !important;
+ }
+ .rz-justify-content-xl-end {
+ justify-content: end !important;
+ }
+ .rz-justify-content-xl-flex-start {
+ justify-content: flex-start !important;
+ }
+ .rz-justify-content-xl-flex-end {
+ justify-content: flex-end !important;
+ }
+ .rz-justify-content-xl-left {
+ justify-content: left !important;
+ }
+ .rz-justify-content-xl-right {
+ justify-content: right !important;
+ }
+ .rz-justify-content-xl-space-between {
+ justify-content: space-between !important;
+ }
+ .rz-justify-content-xl-space-around {
+ justify-content: space-around !important;
+ }
+ .rz-justify-content-xl-space-evenly {
+ justify-content: space-evenly !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-justify-content-xx-normal {
+ justify-content: normal !important;
+ }
+ .rz-justify-content-xx-stretch {
+ justify-content: stretch !important;
+ }
+ .rz-justify-content-xx-center {
+ justify-content: center !important;
+ }
+ .rz-justify-content-xx-start {
+ justify-content: start !important;
+ }
+ .rz-justify-content-xx-end {
+ justify-content: end !important;
+ }
+ .rz-justify-content-xx-flex-start {
+ justify-content: flex-start !important;
+ }
+ .rz-justify-content-xx-flex-end {
+ justify-content: flex-end !important;
+ }
+ .rz-justify-content-xx-left {
+ justify-content: left !important;
+ }
+ .rz-justify-content-xx-right {
+ justify-content: right !important;
+ }
+ .rz-justify-content-xx-space-between {
+ justify-content: space-between !important;
+ }
+ .rz-justify-content-xx-space-around {
+ justify-content: space-around !important;
+ }
+ .rz-justify-content-xx-space-evenly {
+ justify-content: space-evenly !important;
+ }
+}
+.rz-align-items-normal {
+ align-items: normal !important;
+}
+
+.rz-align-items-stretch {
+ align-items: stretch !important;
+}
+
+.rz-align-items-center {
+ align-items: center !important;
+}
+
+.rz-align-items-start {
+ align-items: start !important;
+}
+
+.rz-align-items-end {
+ align-items: end !important;
+}
+
+.rz-align-items-flex-start {
+ align-items: flex-start !important;
+}
+
+.rz-align-items-flex-end {
+ align-items: flex-end !important;
+}
+
+@media (min-width: 576px) {
+ .rz-align-items-xs-normal {
+ align-items: normal !important;
+ }
+ .rz-align-items-xs-stretch {
+ align-items: stretch !important;
+ }
+ .rz-align-items-xs-center {
+ align-items: center !important;
+ }
+ .rz-align-items-xs-start {
+ align-items: start !important;
+ }
+ .rz-align-items-xs-end {
+ align-items: end !important;
+ }
+ .rz-align-items-xs-flex-start {
+ align-items: flex-start !important;
+ }
+ .rz-align-items-xs-flex-end {
+ align-items: flex-end !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-align-items-sm-normal {
+ align-items: normal !important;
+ }
+ .rz-align-items-sm-stretch {
+ align-items: stretch !important;
+ }
+ .rz-align-items-sm-center {
+ align-items: center !important;
+ }
+ .rz-align-items-sm-start {
+ align-items: start !important;
+ }
+ .rz-align-items-sm-end {
+ align-items: end !important;
+ }
+ .rz-align-items-sm-flex-start {
+ align-items: flex-start !important;
+ }
+ .rz-align-items-sm-flex-end {
+ align-items: flex-end !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-align-items-md-normal {
+ align-items: normal !important;
+ }
+ .rz-align-items-md-stretch {
+ align-items: stretch !important;
+ }
+ .rz-align-items-md-center {
+ align-items: center !important;
+ }
+ .rz-align-items-md-start {
+ align-items: start !important;
+ }
+ .rz-align-items-md-end {
+ align-items: end !important;
+ }
+ .rz-align-items-md-flex-start {
+ align-items: flex-start !important;
+ }
+ .rz-align-items-md-flex-end {
+ align-items: flex-end !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-align-items-lg-normal {
+ align-items: normal !important;
+ }
+ .rz-align-items-lg-stretch {
+ align-items: stretch !important;
+ }
+ .rz-align-items-lg-center {
+ align-items: center !important;
+ }
+ .rz-align-items-lg-start {
+ align-items: start !important;
+ }
+ .rz-align-items-lg-end {
+ align-items: end !important;
+ }
+ .rz-align-items-lg-flex-start {
+ align-items: flex-start !important;
+ }
+ .rz-align-items-lg-flex-end {
+ align-items: flex-end !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-align-items-xl-normal {
+ align-items: normal !important;
+ }
+ .rz-align-items-xl-stretch {
+ align-items: stretch !important;
+ }
+ .rz-align-items-xl-center {
+ align-items: center !important;
+ }
+ .rz-align-items-xl-start {
+ align-items: start !important;
+ }
+ .rz-align-items-xl-end {
+ align-items: end !important;
+ }
+ .rz-align-items-xl-flex-start {
+ align-items: flex-start !important;
+ }
+ .rz-align-items-xl-flex-end {
+ align-items: flex-end !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-align-items-xx-normal {
+ align-items: normal !important;
+ }
+ .rz-align-items-xx-stretch {
+ align-items: stretch !important;
+ }
+ .rz-align-items-xx-center {
+ align-items: center !important;
+ }
+ .rz-align-items-xx-start {
+ align-items: start !important;
+ }
+ .rz-align-items-xx-end {
+ align-items: end !important;
+ }
+ .rz-align-items-xx-flex-start {
+ align-items: flex-start !important;
+ }
+ .rz-align-items-xx-flex-end {
+ align-items: flex-end !important;
+ }
+}
+.rz-overflow-auto {
+ overflow: auto !important;
+}
+
+.rz-overflow-scroll {
+ overflow: scroll !important;
+}
+
+.rz-overflow-visible {
+ overflow: visible !important;
+}
+
+.rz-overflow-hidden {
+ overflow: hidden !important;
+}
+
+@media (min-width: 576px) {
+ .rz-overflow-xs-auto {
+ overflow: auto !important;
+ }
+ .rz-overflow-xs-scroll {
+ overflow: scroll !important;
+ }
+ .rz-overflow-xs-visible {
+ overflow: visible !important;
+ }
+ .rz-overflow-xs-hidden {
+ overflow: hidden !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-overflow-sm-auto {
+ overflow: auto !important;
+ }
+ .rz-overflow-sm-scroll {
+ overflow: scroll !important;
+ }
+ .rz-overflow-sm-visible {
+ overflow: visible !important;
+ }
+ .rz-overflow-sm-hidden {
+ overflow: hidden !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-overflow-md-auto {
+ overflow: auto !important;
+ }
+ .rz-overflow-md-scroll {
+ overflow: scroll !important;
+ }
+ .rz-overflow-md-visible {
+ overflow: visible !important;
+ }
+ .rz-overflow-md-hidden {
+ overflow: hidden !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-overflow-lg-auto {
+ overflow: auto !important;
+ }
+ .rz-overflow-lg-scroll {
+ overflow: scroll !important;
+ }
+ .rz-overflow-lg-visible {
+ overflow: visible !important;
+ }
+ .rz-overflow-lg-hidden {
+ overflow: hidden !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-overflow-xl-auto {
+ overflow: auto !important;
+ }
+ .rz-overflow-xl-scroll {
+ overflow: scroll !important;
+ }
+ .rz-overflow-xl-visible {
+ overflow: visible !important;
+ }
+ .rz-overflow-xl-hidden {
+ overflow: hidden !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-overflow-xx-auto {
+ overflow: auto !important;
+ }
+ .rz-overflow-xx-scroll {
+ overflow: scroll !important;
+ }
+ .rz-overflow-xx-visible {
+ overflow: visible !important;
+ }
+ .rz-overflow-xx-hidden {
+ overflow: hidden !important;
+ }
+}
+.rz-w-25 {
+ width: 25% !important;
+}
+
+.rz-w-50 {
+ width: 50% !important;
+}
+
+.rz-w-75 {
+ width: 75% !important;
+}
+
+.rz-w-100 {
+ width: 100% !important;
+}
+
+@media (min-width: 576px) {
+ .rz-w-xs-25 {
+ width: 25% !important;
+ }
+ .rz-w-xs-50 {
+ width: 50% !important;
+ }
+ .rz-w-xs-75 {
+ width: 75% !important;
+ }
+ .rz-w-xs-100 {
+ width: 100% !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-w-sm-25 {
+ width: 25% !important;
+ }
+ .rz-w-sm-50 {
+ width: 50% !important;
+ }
+ .rz-w-sm-75 {
+ width: 75% !important;
+ }
+ .rz-w-sm-100 {
+ width: 100% !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-w-md-25 {
+ width: 25% !important;
+ }
+ .rz-w-md-50 {
+ width: 50% !important;
+ }
+ .rz-w-md-75 {
+ width: 75% !important;
+ }
+ .rz-w-md-100 {
+ width: 100% !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-w-lg-25 {
+ width: 25% !important;
+ }
+ .rz-w-lg-50 {
+ width: 50% !important;
+ }
+ .rz-w-lg-75 {
+ width: 75% !important;
+ }
+ .rz-w-lg-100 {
+ width: 100% !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-w-xl-25 {
+ width: 25% !important;
+ }
+ .rz-w-xl-50 {
+ width: 50% !important;
+ }
+ .rz-w-xl-75 {
+ width: 75% !important;
+ }
+ .rz-w-xl-100 {
+ width: 100% !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-w-xx-25 {
+ width: 25% !important;
+ }
+ .rz-w-xx-50 {
+ width: 50% !important;
+ }
+ .rz-w-xx-75 {
+ width: 75% !important;
+ }
+ .rz-w-xx-100 {
+ width: 100% !important;
+ }
+}
+.rz-vw-25 {
+ width: 25vw !important;
+}
+
+.rz-vw-50 {
+ width: 50vw !important;
+}
+
+.rz-vw-75 {
+ width: 75vw !important;
+}
+
+.rz-vw-100 {
+ width: 100vw !important;
+}
+
+@media (min-width: 576px) {
+ .rz-vw-xs-25 {
+ width: 25vw !important;
+ }
+ .rz-vw-xs-50 {
+ width: 50vw !important;
+ }
+ .rz-vw-xs-75 {
+ width: 75vw !important;
+ }
+ .rz-vw-xs-100 {
+ width: 100vw !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-vw-sm-25 {
+ width: 25vw !important;
+ }
+ .rz-vw-sm-50 {
+ width: 50vw !important;
+ }
+ .rz-vw-sm-75 {
+ width: 75vw !important;
+ }
+ .rz-vw-sm-100 {
+ width: 100vw !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-vw-md-25 {
+ width: 25vw !important;
+ }
+ .rz-vw-md-50 {
+ width: 50vw !important;
+ }
+ .rz-vw-md-75 {
+ width: 75vw !important;
+ }
+ .rz-vw-md-100 {
+ width: 100vw !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-vw-lg-25 {
+ width: 25vw !important;
+ }
+ .rz-vw-lg-50 {
+ width: 50vw !important;
+ }
+ .rz-vw-lg-75 {
+ width: 75vw !important;
+ }
+ .rz-vw-lg-100 {
+ width: 100vw !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-vw-xl-25 {
+ width: 25vw !important;
+ }
+ .rz-vw-xl-50 {
+ width: 50vw !important;
+ }
+ .rz-vw-xl-75 {
+ width: 75vw !important;
+ }
+ .rz-vw-xl-100 {
+ width: 100vw !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-vw-xx-25 {
+ width: 25vw !important;
+ }
+ .rz-vw-xx-50 {
+ width: 50vw !important;
+ }
+ .rz-vw-xx-75 {
+ width: 75vw !important;
+ }
+ .rz-vw-xx-100 {
+ width: 100vw !important;
+ }
+}
+.rz-w-auto {
+ width: auto !important;
+}
+
+.rz-w-fit-content {
+ width: fit-content !important;
+}
+
+.rz-w-min-content {
+ width: min-content !important;
+}
+
+.rz-w-max-content {
+ width: max-content !important;
+}
+
+.rz-w-stretch {
+ width: stretch !important;
+}
+
+@media (min-width: 576px) {
+ .rz-w-xs-auto {
+ width: auto !important;
+ }
+ .rz-w-xs-fit-content {
+ width: fit-content !important;
+ }
+ .rz-w-xs-min-content {
+ width: min-content !important;
+ }
+ .rz-w-xs-max-content {
+ width: max-content !important;
+ }
+ .rz-w-xs-stretch {
+ width: stretch !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-w-sm-auto {
+ width: auto !important;
+ }
+ .rz-w-sm-fit-content {
+ width: fit-content !important;
+ }
+ .rz-w-sm-min-content {
+ width: min-content !important;
+ }
+ .rz-w-sm-max-content {
+ width: max-content !important;
+ }
+ .rz-w-sm-stretch {
+ width: stretch !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-w-md-auto {
+ width: auto !important;
+ }
+ .rz-w-md-fit-content {
+ width: fit-content !important;
+ }
+ .rz-w-md-min-content {
+ width: min-content !important;
+ }
+ .rz-w-md-max-content {
+ width: max-content !important;
+ }
+ .rz-w-md-stretch {
+ width: stretch !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-w-lg-auto {
+ width: auto !important;
+ }
+ .rz-w-lg-fit-content {
+ width: fit-content !important;
+ }
+ .rz-w-lg-min-content {
+ width: min-content !important;
+ }
+ .rz-w-lg-max-content {
+ width: max-content !important;
+ }
+ .rz-w-lg-stretch {
+ width: stretch !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-w-xl-auto {
+ width: auto !important;
+ }
+ .rz-w-xl-fit-content {
+ width: fit-content !important;
+ }
+ .rz-w-xl-min-content {
+ width: min-content !important;
+ }
+ .rz-w-xl-max-content {
+ width: max-content !important;
+ }
+ .rz-w-xl-stretch {
+ width: stretch !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-w-xx-auto {
+ width: auto !important;
+ }
+ .rz-w-xx-fit-content {
+ width: fit-content !important;
+ }
+ .rz-w-xx-min-content {
+ width: min-content !important;
+ }
+ .rz-w-xx-max-content {
+ width: max-content !important;
+ }
+ .rz-w-xx-stretch {
+ width: stretch !important;
+ }
+}
+.rz-min-w-25 {
+ min-width: 25% !important;
+}
+
+.rz-min-w-50 {
+ min-width: 50% !important;
+}
+
+.rz-min-w-75 {
+ min-width: 75% !important;
+}
+
+.rz-min-w-100 {
+ min-width: 100% !important;
+}
+
+@media (min-width: 576px) {
+ .rz-min-w-xs-25 {
+ min-width: 25% !important;
+ }
+ .rz-min-w-xs-50 {
+ min-width: 50% !important;
+ }
+ .rz-min-w-xs-75 {
+ min-width: 75% !important;
+ }
+ .rz-min-w-xs-100 {
+ min-width: 100% !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-min-w-sm-25 {
+ min-width: 25% !important;
+ }
+ .rz-min-w-sm-50 {
+ min-width: 50% !important;
+ }
+ .rz-min-w-sm-75 {
+ min-width: 75% !important;
+ }
+ .rz-min-w-sm-100 {
+ min-width: 100% !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-min-w-md-25 {
+ min-width: 25% !important;
+ }
+ .rz-min-w-md-50 {
+ min-width: 50% !important;
+ }
+ .rz-min-w-md-75 {
+ min-width: 75% !important;
+ }
+ .rz-min-w-md-100 {
+ min-width: 100% !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-min-w-lg-25 {
+ min-width: 25% !important;
+ }
+ .rz-min-w-lg-50 {
+ min-width: 50% !important;
+ }
+ .rz-min-w-lg-75 {
+ min-width: 75% !important;
+ }
+ .rz-min-w-lg-100 {
+ min-width: 100% !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-min-w-xl-25 {
+ min-width: 25% !important;
+ }
+ .rz-min-w-xl-50 {
+ min-width: 50% !important;
+ }
+ .rz-min-w-xl-75 {
+ min-width: 75% !important;
+ }
+ .rz-min-w-xl-100 {
+ min-width: 100% !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-min-w-xx-25 {
+ min-width: 25% !important;
+ }
+ .rz-min-w-xx-50 {
+ min-width: 50% !important;
+ }
+ .rz-min-w-xx-75 {
+ min-width: 75% !important;
+ }
+ .rz-min-w-xx-100 {
+ min-width: 100% !important;
+ }
+}
+.rz-max-w-25 {
+ max-width: 25% !important;
+}
+
+.rz-max-w-50 {
+ max-width: 50% !important;
+}
+
+.rz-max-w-75 {
+ max-width: 75% !important;
+}
+
+.rz-max-w-100 {
+ max-width: 100% !important;
+}
+
+@media (min-width: 576px) {
+ .rz-max-w-xs-25 {
+ max-width: 25% !important;
+ }
+ .rz-max-w-xs-50 {
+ max-width: 50% !important;
+ }
+ .rz-max-w-xs-75 {
+ max-width: 75% !important;
+ }
+ .rz-max-w-xs-100 {
+ max-width: 100% !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-max-w-sm-25 {
+ max-width: 25% !important;
+ }
+ .rz-max-w-sm-50 {
+ max-width: 50% !important;
+ }
+ .rz-max-w-sm-75 {
+ max-width: 75% !important;
+ }
+ .rz-max-w-sm-100 {
+ max-width: 100% !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-max-w-md-25 {
+ max-width: 25% !important;
+ }
+ .rz-max-w-md-50 {
+ max-width: 50% !important;
+ }
+ .rz-max-w-md-75 {
+ max-width: 75% !important;
+ }
+ .rz-max-w-md-100 {
+ max-width: 100% !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-max-w-lg-25 {
+ max-width: 25% !important;
+ }
+ .rz-max-w-lg-50 {
+ max-width: 50% !important;
+ }
+ .rz-max-w-lg-75 {
+ max-width: 75% !important;
+ }
+ .rz-max-w-lg-100 {
+ max-width: 100% !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-max-w-xl-25 {
+ max-width: 25% !important;
+ }
+ .rz-max-w-xl-50 {
+ max-width: 50% !important;
+ }
+ .rz-max-w-xl-75 {
+ max-width: 75% !important;
+ }
+ .rz-max-w-xl-100 {
+ max-width: 100% !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-max-w-xx-25 {
+ max-width: 25% !important;
+ }
+ .rz-max-w-xx-50 {
+ max-width: 50% !important;
+ }
+ .rz-max-w-xx-75 {
+ max-width: 75% !important;
+ }
+ .rz-max-w-xx-100 {
+ max-width: 100% !important;
+ }
+}
+.rz-h-25 {
+ height: 25% !important;
+}
+
+.rz-h-50 {
+ height: 50% !important;
+}
+
+.rz-h-75 {
+ height: 75% !important;
+}
+
+.rz-h-100 {
+ height: 100% !important;
+}
+
+@media (min-width: 576px) {
+ .rz-h-xs-25 {
+ height: 25% !important;
+ }
+ .rz-h-xs-50 {
+ height: 50% !important;
+ }
+ .rz-h-xs-75 {
+ height: 75% !important;
+ }
+ .rz-h-xs-100 {
+ height: 100% !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-h-sm-25 {
+ height: 25% !important;
+ }
+ .rz-h-sm-50 {
+ height: 50% !important;
+ }
+ .rz-h-sm-75 {
+ height: 75% !important;
+ }
+ .rz-h-sm-100 {
+ height: 100% !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-h-md-25 {
+ height: 25% !important;
+ }
+ .rz-h-md-50 {
+ height: 50% !important;
+ }
+ .rz-h-md-75 {
+ height: 75% !important;
+ }
+ .rz-h-md-100 {
+ height: 100% !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-h-lg-25 {
+ height: 25% !important;
+ }
+ .rz-h-lg-50 {
+ height: 50% !important;
+ }
+ .rz-h-lg-75 {
+ height: 75% !important;
+ }
+ .rz-h-lg-100 {
+ height: 100% !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-h-xl-25 {
+ height: 25% !important;
+ }
+ .rz-h-xl-50 {
+ height: 50% !important;
+ }
+ .rz-h-xl-75 {
+ height: 75% !important;
+ }
+ .rz-h-xl-100 {
+ height: 100% !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-h-xx-25 {
+ height: 25% !important;
+ }
+ .rz-h-xx-50 {
+ height: 50% !important;
+ }
+ .rz-h-xx-75 {
+ height: 75% !important;
+ }
+ .rz-h-xx-100 {
+ height: 100% !important;
+ }
+}
+.rz-vh-25 {
+ height: 25vh !important;
+}
+
+.rz-vh-50 {
+ height: 50vh !important;
+}
+
+.rz-vh-75 {
+ height: 75vh !important;
+}
+
+.rz-vh-100 {
+ height: 100vh !important;
+}
+
+@media (min-width: 576px) {
+ .rz-vh-xs-25 {
+ height: 25vh !important;
+ }
+ .rz-vh-xs-50 {
+ height: 50vh !important;
+ }
+ .rz-vh-xs-75 {
+ height: 75vh !important;
+ }
+ .rz-vh-xs-100 {
+ height: 100vh !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-vh-sm-25 {
+ height: 25vh !important;
+ }
+ .rz-vh-sm-50 {
+ height: 50vh !important;
+ }
+ .rz-vh-sm-75 {
+ height: 75vh !important;
+ }
+ .rz-vh-sm-100 {
+ height: 100vh !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-vh-md-25 {
+ height: 25vh !important;
+ }
+ .rz-vh-md-50 {
+ height: 50vh !important;
+ }
+ .rz-vh-md-75 {
+ height: 75vh !important;
+ }
+ .rz-vh-md-100 {
+ height: 100vh !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-vh-lg-25 {
+ height: 25vh !important;
+ }
+ .rz-vh-lg-50 {
+ height: 50vh !important;
+ }
+ .rz-vh-lg-75 {
+ height: 75vh !important;
+ }
+ .rz-vh-lg-100 {
+ height: 100vh !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-vh-xl-25 {
+ height: 25vh !important;
+ }
+ .rz-vh-xl-50 {
+ height: 50vh !important;
+ }
+ .rz-vh-xl-75 {
+ height: 75vh !important;
+ }
+ .rz-vh-xl-100 {
+ height: 100vh !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-vh-xx-25 {
+ height: 25vh !important;
+ }
+ .rz-vh-xx-50 {
+ height: 50vh !important;
+ }
+ .rz-vh-xx-75 {
+ height: 75vh !important;
+ }
+ .rz-vh-xx-100 {
+ height: 100vh !important;
+ }
+}
+.rz-h-auto {
+ height: auto !important;
+}
+
+@media (min-width: 576px) {
+ .rz-h-xs-auto {
+ height: auto !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-h-sm-auto {
+ height: auto !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-h-md-auto {
+ height: auto !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-h-lg-auto {
+ height: auto !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-h-xl-auto {
+ height: auto !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-h-xx-auto {
+ height: auto !important;
+ }
+}
+.rz-min-h-25 {
+ min-height: 25% !important;
+}
+
+.rz-min-h-50 {
+ min-height: 50% !important;
+}
+
+.rz-min-h-75 {
+ min-height: 75% !important;
+}
+
+.rz-min-h-100 {
+ min-height: 100% !important;
+}
+
+@media (min-width: 576px) {
+ .rz-min-h-xs-25 {
+ min-height: 25% !important;
+ }
+ .rz-min-h-xs-50 {
+ min-height: 50% !important;
+ }
+ .rz-min-h-xs-75 {
+ min-height: 75% !important;
+ }
+ .rz-min-h-xs-100 {
+ min-height: 100% !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-min-h-sm-25 {
+ min-height: 25% !important;
+ }
+ .rz-min-h-sm-50 {
+ min-height: 50% !important;
+ }
+ .rz-min-h-sm-75 {
+ min-height: 75% !important;
+ }
+ .rz-min-h-sm-100 {
+ min-height: 100% !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-min-h-md-25 {
+ min-height: 25% !important;
+ }
+ .rz-min-h-md-50 {
+ min-height: 50% !important;
+ }
+ .rz-min-h-md-75 {
+ min-height: 75% !important;
+ }
+ .rz-min-h-md-100 {
+ min-height: 100% !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-min-h-lg-25 {
+ min-height: 25% !important;
+ }
+ .rz-min-h-lg-50 {
+ min-height: 50% !important;
+ }
+ .rz-min-h-lg-75 {
+ min-height: 75% !important;
+ }
+ .rz-min-h-lg-100 {
+ min-height: 100% !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-min-h-xl-25 {
+ min-height: 25% !important;
+ }
+ .rz-min-h-xl-50 {
+ min-height: 50% !important;
+ }
+ .rz-min-h-xl-75 {
+ min-height: 75% !important;
+ }
+ .rz-min-h-xl-100 {
+ min-height: 100% !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-min-h-xx-25 {
+ min-height: 25% !important;
+ }
+ .rz-min-h-xx-50 {
+ min-height: 50% !important;
+ }
+ .rz-min-h-xx-75 {
+ min-height: 75% !important;
+ }
+ .rz-min-h-xx-100 {
+ min-height: 100% !important;
+ }
+}
+.rz-max-h-25 {
+ max-height: 25% !important;
+}
+
+.rz-max-h-50 {
+ max-height: 50% !important;
+}
+
+.rz-max-h-75 {
+ max-height: 75% !important;
+}
+
+.rz-max-h-100 {
+ max-height: 100% !important;
+}
+
+@media (min-width: 576px) {
+ .rz-max-h-xs-25 {
+ max-height: 25% !important;
+ }
+ .rz-max-h-xs-50 {
+ max-height: 50% !important;
+ }
+ .rz-max-h-xs-75 {
+ max-height: 75% !important;
+ }
+ .rz-max-h-xs-100 {
+ max-height: 100% !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-max-h-sm-25 {
+ max-height: 25% !important;
+ }
+ .rz-max-h-sm-50 {
+ max-height: 50% !important;
+ }
+ .rz-max-h-sm-75 {
+ max-height: 75% !important;
+ }
+ .rz-max-h-sm-100 {
+ max-height: 100% !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-max-h-md-25 {
+ max-height: 25% !important;
+ }
+ .rz-max-h-md-50 {
+ max-height: 50% !important;
+ }
+ .rz-max-h-md-75 {
+ max-height: 75% !important;
+ }
+ .rz-max-h-md-100 {
+ max-height: 100% !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-max-h-lg-25 {
+ max-height: 25% !important;
+ }
+ .rz-max-h-lg-50 {
+ max-height: 50% !important;
+ }
+ .rz-max-h-lg-75 {
+ max-height: 75% !important;
+ }
+ .rz-max-h-lg-100 {
+ max-height: 100% !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-max-h-xl-25 {
+ max-height: 25% !important;
+ }
+ .rz-max-h-xl-50 {
+ max-height: 50% !important;
+ }
+ .rz-max-h-xl-75 {
+ max-height: 75% !important;
+ }
+ .rz-max-h-xl-100 {
+ max-height: 100% !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-max-h-xx-25 {
+ max-height: 25% !important;
+ }
+ .rz-max-h-xx-50 {
+ max-height: 50% !important;
+ }
+ .rz-max-h-xx-75 {
+ max-height: 75% !important;
+ }
+ .rz-max-h-xx-100 {
+ max-height: 100% !important;
+ }
+}
+.rz-color-white {
+ color: var(--rz-white) !important;
+}
+
+.rz-color-black {
+ color: var(--rz-black) !important;
+}
+
+.rz-color-base {
+ color: var(--rz-base) !important;
+}
+
+.rz-color-base-50 {
+ color: var(--rz-base-50) !important;
+}
+
+.rz-color-base-100 {
+ color: var(--rz-base-100) !important;
+}
+
+.rz-color-base-200 {
+ color: var(--rz-base-200) !important;
+}
+
+.rz-color-base-300 {
+ color: var(--rz-base-300) !important;
+}
+
+.rz-color-base-400 {
+ color: var(--rz-base-400) !important;
+}
+
+.rz-color-base-500 {
+ color: var(--rz-base-500) !important;
+}
+
+.rz-color-base-600 {
+ color: var(--rz-base-600) !important;
+}
+
+.rz-color-base-700 {
+ color: var(--rz-base-700) !important;
+}
+
+.rz-color-base-800 {
+ color: var(--rz-base-800) !important;
+}
+
+.rz-color-base-900 {
+ color: var(--rz-base-900) !important;
+}
+
+.rz-color-base-light {
+ color: var(--rz-base-light) !important;
+}
+
+.rz-color-base-lighter {
+ color: var(--rz-base-lighter) !important;
+}
+
+.rz-color-base-dark {
+ color: var(--rz-base-dark) !important;
+}
+
+.rz-color-base-darker {
+ color: var(--rz-base-darker) !important;
+}
+
+.rz-color-primary {
+ color: var(--rz-primary) !important;
+}
+
+.rz-color-primary-light {
+ color: var(--rz-primary-light) !important;
+}
+
+.rz-color-primary-lighter {
+ color: var(--rz-primary-lighter) !important;
+}
+
+.rz-color-primary-dark {
+ color: var(--rz-primary-dark) !important;
+}
+
+.rz-color-primary-darker {
+ color: var(--rz-primary-darker) !important;
+}
+
+.rz-color-secondary {
+ color: var(--rz-secondary) !important;
+}
+
+.rz-color-secondary-light {
+ color: var(--rz-secondary-light) !important;
+}
+
+.rz-color-secondary-lighter {
+ color: var(--rz-secondary-lighter) !important;
+}
+
+.rz-color-secondary-dark {
+ color: var(--rz-secondary-dark) !important;
+}
+
+.rz-color-secondary-darker {
+ color: var(--rz-secondary-darker) !important;
+}
+
+.rz-color-info {
+ color: var(--rz-info) !important;
+}
+
+.rz-color-info-light {
+ color: var(--rz-info-light) !important;
+}
+
+.rz-color-info-lighter {
+ color: var(--rz-info-lighter) !important;
+}
+
+.rz-color-info-dark {
+ color: var(--rz-info-dark) !important;
+}
+
+.rz-color-info-darker {
+ color: var(--rz-info-darker) !important;
+}
+
+.rz-color-success {
+ color: var(--rz-success) !important;
+}
+
+.rz-color-success-light {
+ color: var(--rz-success-light) !important;
+}
+
+.rz-color-success-lighter {
+ color: var(--rz-success-lighter) !important;
+}
+
+.rz-color-success-dark {
+ color: var(--rz-success-dark) !important;
+}
+
+.rz-color-success-darker {
+ color: var(--rz-success-darker) !important;
+}
+
+.rz-color-warning {
+ color: var(--rz-warning) !important;
+}
+
+.rz-color-warning-light {
+ color: var(--rz-warning-light) !important;
+}
+
+.rz-color-warning-lighter {
+ color: var(--rz-warning-lighter) !important;
+}
+
+.rz-color-warning-dark {
+ color: var(--rz-warning-dark) !important;
+}
+
+.rz-color-warning-darker {
+ color: var(--rz-warning-darker) !important;
+}
+
+.rz-color-danger {
+ color: var(--rz-danger) !important;
+}
+
+.rz-color-danger-light {
+ color: var(--rz-danger-light) !important;
+}
+
+.rz-color-danger-lighter {
+ color: var(--rz-danger-lighter) !important;
+}
+
+.rz-color-danger-dark {
+ color: var(--rz-danger-dark) !important;
+}
+
+.rz-color-danger-darker {
+ color: var(--rz-danger-darker) !important;
+}
+
+.rz-color-on-base {
+ color: var(--rz-on-base) !important;
+}
+
+.rz-color-on-base-light {
+ color: var(--rz-on-base-light) !important;
+}
+
+.rz-color-on-base-lighter {
+ color: var(--rz-on-base-lighter) !important;
+}
+
+.rz-color-on-base-dark {
+ color: var(--rz-on-base-dark) !important;
+}
+
+.rz-color-on-base-darker {
+ color: var(--rz-on-base-darker) !important;
+}
+
+.rz-color-on-primary {
+ color: var(--rz-on-primary) !important;
+}
+
+.rz-color-on-primary-light {
+ color: var(--rz-on-primary-light) !important;
+}
+
+.rz-color-on-primary-lighter {
+ color: var(--rz-on-primary-lighter) !important;
+}
+
+.rz-color-on-primary-dark {
+ color: var(--rz-on-primary-dark) !important;
+}
+
+.rz-color-on-primary-darker {
+ color: var(--rz-on-primary-darker) !important;
+}
+
+.rz-color-on-secondary {
+ color: var(--rz-on-secondary) !important;
+}
+
+.rz-color-on-secondary-light {
+ color: var(--rz-on-secondary-light) !important;
+}
+
+.rz-color-on-secondary-lighter {
+ color: var(--rz-on-secondary-lighter) !important;
+}
+
+.rz-color-on-secondary-dark {
+ color: var(--rz-on-secondary-dark) !important;
+}
+
+.rz-color-on-secondary-darker {
+ color: var(--rz-on-secondary-darker) !important;
+}
+
+.rz-color-on-info {
+ color: var(--rz-on-info) !important;
+}
+
+.rz-color-on-info-light {
+ color: var(--rz-on-info-light) !important;
+}
+
+.rz-color-on-info-lighter {
+ color: var(--rz-on-info-lighter) !important;
+}
+
+.rz-color-on-info-dark {
+ color: var(--rz-on-info-dark) !important;
+}
+
+.rz-color-on-info-darker {
+ color: var(--rz-on-info-darker) !important;
+}
+
+.rz-color-on-success {
+ color: var(--rz-on-success) !important;
+}
+
+.rz-color-on-success-light {
+ color: var(--rz-on-success-light) !important;
+}
+
+.rz-color-on-success-lighter {
+ color: var(--rz-on-success-lighter) !important;
+}
+
+.rz-color-on-success-dark {
+ color: var(--rz-on-success-dark) !important;
+}
+
+.rz-color-on-success-darker {
+ color: var(--rz-on-success-darker) !important;
+}
+
+.rz-color-on-warning {
+ color: var(--rz-on-warning) !important;
+}
+
+.rz-color-on-warning-light {
+ color: var(--rz-on-warning-light) !important;
+}
+
+.rz-color-on-warning-lighter {
+ color: var(--rz-on-warning-lighter) !important;
+}
+
+.rz-color-on-warning-dark {
+ color: var(--rz-on-warning-dark) !important;
+}
+
+.rz-color-on-warning-darker {
+ color: var(--rz-on-warning-darker) !important;
+}
+
+.rz-color-on-danger {
+ color: var(--rz-on-danger) !important;
+}
+
+.rz-color-on-danger-light {
+ color: var(--rz-on-danger-light) !important;
+}
+
+.rz-color-on-danger-lighter {
+ color: var(--rz-on-danger-lighter) !important;
+}
+
+.rz-color-on-danger-dark {
+ color: var(--rz-on-danger-dark) !important;
+}
+
+.rz-color-on-danger-darker {
+ color: var(--rz-on-danger-darker) !important;
+}
+
+.rz-color-series-1 {
+ color: var(--rz-series-1) !important;
+}
+
+.rz-color-series-2 {
+ color: var(--rz-series-2) !important;
+}
+
+.rz-color-series-3 {
+ color: var(--rz-series-3) !important;
+}
+
+.rz-color-series-4 {
+ color: var(--rz-series-4) !important;
+}
+
+.rz-color-series-5 {
+ color: var(--rz-series-5) !important;
+}
+
+.rz-color-series-6 {
+ color: var(--rz-series-6) !important;
+}
+
+.rz-color-series-7 {
+ color: var(--rz-series-7) !important;
+}
+
+.rz-color-series-8 {
+ color: var(--rz-series-8) !important;
+}
+
+.rz-color-series-9 {
+ color: var(--rz-series-9) !important;
+}
+
+.rz-color-series-10 {
+ color: var(--rz-series-10) !important;
+}
+
+.rz-color-series-11 {
+ color: var(--rz-series-11) !important;
+}
+
+.rz-color-series-12 {
+ color: var(--rz-series-12) !important;
+}
+
+.rz-color-series-13 {
+ color: var(--rz-series-13) !important;
+}
+
+.rz-color-series-14 {
+ color: var(--rz-series-14) !important;
+}
+
+.rz-color-series-15 {
+ color: var(--rz-series-15) !important;
+}
+
+.rz-color-series-16 {
+ color: var(--rz-series-16) !important;
+}
+
+.rz-color-series-17 {
+ color: var(--rz-series-17) !important;
+}
+
+.rz-color-series-18 {
+ color: var(--rz-series-18) !important;
+}
+
+.rz-color-series-19 {
+ color: var(--rz-series-19) !important;
+}
+
+.rz-color-series-20 {
+ color: var(--rz-series-20) !important;
+}
+
+.rz-color-series-21 {
+ color: var(--rz-series-21) !important;
+}
+
+.rz-color-series-22 {
+ color: var(--rz-series-22) !important;
+}
+
+.rz-color-series-23 {
+ color: var(--rz-series-23) !important;
+}
+
+.rz-color-series-24 {
+ color: var(--rz-series-24) !important;
+}
+
+.rz-background-color-white {
+ background-color: var(--rz-white) !important;
+}
+
+.rz-background-color-black {
+ background-color: var(--rz-black) !important;
+}
+
+.rz-background-color-base {
+ background-color: var(--rz-base) !important;
+}
+
+.rz-background-color-base-50 {
+ background-color: var(--rz-base-50) !important;
+}
+
+.rz-background-color-base-100 {
+ background-color: var(--rz-base-100) !important;
+}
+
+.rz-background-color-base-200 {
+ background-color: var(--rz-base-200) !important;
+}
+
+.rz-background-color-base-300 {
+ background-color: var(--rz-base-300) !important;
+}
+
+.rz-background-color-base-400 {
+ background-color: var(--rz-base-400) !important;
+}
+
+.rz-background-color-base-500 {
+ background-color: var(--rz-base-500) !important;
+}
+
+.rz-background-color-base-600 {
+ background-color: var(--rz-base-600) !important;
+}
+
+.rz-background-color-base-700 {
+ background-color: var(--rz-base-700) !important;
+}
+
+.rz-background-color-base-800 {
+ background-color: var(--rz-base-800) !important;
+}
+
+.rz-background-color-base-900 {
+ background-color: var(--rz-base-900) !important;
+}
+
+.rz-background-color-base-light {
+ background-color: var(--rz-base-light) !important;
+}
+
+.rz-background-color-base-lighter {
+ background-color: var(--rz-base-lighter) !important;
+}
+
+.rz-background-color-base-dark {
+ background-color: var(--rz-base-dark) !important;
+}
+
+.rz-background-color-base-darker {
+ background-color: var(--rz-base-darker) !important;
+}
+
+.rz-background-color-primary {
+ background-color: var(--rz-primary) !important;
+}
+
+.rz-background-color-primary-light {
+ background-color: var(--rz-primary-light) !important;
+}
+
+.rz-background-color-primary-lighter {
+ background-color: var(--rz-primary-lighter) !important;
+}
+
+.rz-background-color-primary-dark {
+ background-color: var(--rz-primary-dark) !important;
+}
+
+.rz-background-color-primary-darker {
+ background-color: var(--rz-primary-darker) !important;
+}
+
+.rz-background-color-secondary {
+ background-color: var(--rz-secondary) !important;
+}
+
+.rz-background-color-secondary-light {
+ background-color: var(--rz-secondary-light) !important;
+}
+
+.rz-background-color-secondary-lighter {
+ background-color: var(--rz-secondary-lighter) !important;
+}
+
+.rz-background-color-secondary-dark {
+ background-color: var(--rz-secondary-dark) !important;
+}
+
+.rz-background-color-secondary-darker {
+ background-color: var(--rz-secondary-darker) !important;
+}
+
+.rz-background-color-info {
+ background-color: var(--rz-info) !important;
+}
+
+.rz-background-color-info-light {
+ background-color: var(--rz-info-light) !important;
+}
+
+.rz-background-color-info-lighter {
+ background-color: var(--rz-info-lighter) !important;
+}
+
+.rz-background-color-info-dark {
+ background-color: var(--rz-info-dark) !important;
+}
+
+.rz-background-color-info-darker {
+ background-color: var(--rz-info-darker) !important;
+}
+
+.rz-background-color-success {
+ background-color: var(--rz-success) !important;
+}
+
+.rz-background-color-success-light {
+ background-color: var(--rz-success-light) !important;
+}
+
+.rz-background-color-success-lighter {
+ background-color: var(--rz-success-lighter) !important;
+}
+
+.rz-background-color-success-dark {
+ background-color: var(--rz-success-dark) !important;
+}
+
+.rz-background-color-success-darker {
+ background-color: var(--rz-success-darker) !important;
+}
+
+.rz-background-color-warning {
+ background-color: var(--rz-warning) !important;
+}
+
+.rz-background-color-warning-light {
+ background-color: var(--rz-warning-light) !important;
+}
+
+.rz-background-color-warning-lighter {
+ background-color: var(--rz-warning-lighter) !important;
+}
+
+.rz-background-color-warning-dark {
+ background-color: var(--rz-warning-dark) !important;
+}
+
+.rz-background-color-warning-darker {
+ background-color: var(--rz-warning-darker) !important;
+}
+
+.rz-background-color-danger {
+ background-color: var(--rz-danger) !important;
+}
+
+.rz-background-color-danger-light {
+ background-color: var(--rz-danger-light) !important;
+}
+
+.rz-background-color-danger-lighter {
+ background-color: var(--rz-danger-lighter) !important;
+}
+
+.rz-background-color-danger-dark {
+ background-color: var(--rz-danger-dark) !important;
+}
+
+.rz-background-color-danger-darker {
+ background-color: var(--rz-danger-darker) !important;
+}
+
+.rz-background-color-on-base {
+ background-color: var(--rz-on-base) !important;
+}
+
+.rz-background-color-on-base-light {
+ background-color: var(--rz-on-base-light) !important;
+}
+
+.rz-background-color-on-base-lighter {
+ background-color: var(--rz-on-base-lighter) !important;
+}
+
+.rz-background-color-on-base-dark {
+ background-color: var(--rz-on-base-dark) !important;
+}
+
+.rz-background-color-on-base-darker {
+ background-color: var(--rz-on-base-darker) !important;
+}
+
+.rz-background-color-on-primary {
+ background-color: var(--rz-on-primary) !important;
+}
+
+.rz-background-color-on-primary-light {
+ background-color: var(--rz-on-primary-light) !important;
+}
+
+.rz-background-color-on-primary-lighter {
+ background-color: var(--rz-on-primary-lighter) !important;
+}
+
+.rz-background-color-on-primary-dark {
+ background-color: var(--rz-on-primary-dark) !important;
+}
+
+.rz-background-color-on-primary-darker {
+ background-color: var(--rz-on-primary-darker) !important;
+}
+
+.rz-background-color-on-secondary {
+ background-color: var(--rz-on-secondary) !important;
+}
+
+.rz-background-color-on-secondary-light {
+ background-color: var(--rz-on-secondary-light) !important;
+}
+
+.rz-background-color-on-secondary-lighter {
+ background-color: var(--rz-on-secondary-lighter) !important;
+}
+
+.rz-background-color-on-secondary-dark {
+ background-color: var(--rz-on-secondary-dark) !important;
+}
+
+.rz-background-color-on-secondary-darker {
+ background-color: var(--rz-on-secondary-darker) !important;
+}
+
+.rz-background-color-on-info {
+ background-color: var(--rz-on-info) !important;
+}
+
+.rz-background-color-on-info-light {
+ background-color: var(--rz-on-info-light) !important;
+}
+
+.rz-background-color-on-info-lighter {
+ background-color: var(--rz-on-info-lighter) !important;
+}
+
+.rz-background-color-on-info-dark {
+ background-color: var(--rz-on-info-dark) !important;
+}
+
+.rz-background-color-on-info-darker {
+ background-color: var(--rz-on-info-darker) !important;
+}
+
+.rz-background-color-on-success {
+ background-color: var(--rz-on-success) !important;
+}
+
+.rz-background-color-on-success-light {
+ background-color: var(--rz-on-success-light) !important;
+}
+
+.rz-background-color-on-success-lighter {
+ background-color: var(--rz-on-success-lighter) !important;
+}
+
+.rz-background-color-on-success-dark {
+ background-color: var(--rz-on-success-dark) !important;
+}
+
+.rz-background-color-on-success-darker {
+ background-color: var(--rz-on-success-darker) !important;
+}
+
+.rz-background-color-on-warning {
+ background-color: var(--rz-on-warning) !important;
+}
+
+.rz-background-color-on-warning-light {
+ background-color: var(--rz-on-warning-light) !important;
+}
+
+.rz-background-color-on-warning-lighter {
+ background-color: var(--rz-on-warning-lighter) !important;
+}
+
+.rz-background-color-on-warning-dark {
+ background-color: var(--rz-on-warning-dark) !important;
+}
+
+.rz-background-color-on-warning-darker {
+ background-color: var(--rz-on-warning-darker) !important;
+}
+
+.rz-background-color-on-danger {
+ background-color: var(--rz-on-danger) !important;
+}
+
+.rz-background-color-on-danger-light {
+ background-color: var(--rz-on-danger-light) !important;
+}
+
+.rz-background-color-on-danger-lighter {
+ background-color: var(--rz-on-danger-lighter) !important;
+}
+
+.rz-background-color-on-danger-dark {
+ background-color: var(--rz-on-danger-dark) !important;
+}
+
+.rz-background-color-on-danger-darker {
+ background-color: var(--rz-on-danger-darker) !important;
+}
+
+.rz-background-color-series-1 {
+ background-color: var(--rz-series-1) !important;
+}
+
+.rz-background-color-series-2 {
+ background-color: var(--rz-series-2) !important;
+}
+
+.rz-background-color-series-3 {
+ background-color: var(--rz-series-3) !important;
+}
+
+.rz-background-color-series-4 {
+ background-color: var(--rz-series-4) !important;
+}
+
+.rz-background-color-series-5 {
+ background-color: var(--rz-series-5) !important;
+}
+
+.rz-background-color-series-6 {
+ background-color: var(--rz-series-6) !important;
+}
+
+.rz-background-color-series-7 {
+ background-color: var(--rz-series-7) !important;
+}
+
+.rz-background-color-series-8 {
+ background-color: var(--rz-series-8) !important;
+}
+
+.rz-background-color-series-9 {
+ background-color: var(--rz-series-9) !important;
+}
+
+.rz-background-color-series-10 {
+ background-color: var(--rz-series-10) !important;
+}
+
+.rz-background-color-series-11 {
+ background-color: var(--rz-series-11) !important;
+}
+
+.rz-background-color-series-12 {
+ background-color: var(--rz-series-12) !important;
+}
+
+.rz-background-color-series-13 {
+ background-color: var(--rz-series-13) !important;
+}
+
+.rz-background-color-series-14 {
+ background-color: var(--rz-series-14) !important;
+}
+
+.rz-background-color-series-15 {
+ background-color: var(--rz-series-15) !important;
+}
+
+.rz-background-color-series-16 {
+ background-color: var(--rz-series-16) !important;
+}
+
+.rz-background-color-series-17 {
+ background-color: var(--rz-series-17) !important;
+}
+
+.rz-background-color-series-18 {
+ background-color: var(--rz-series-18) !important;
+}
+
+.rz-background-color-series-19 {
+ background-color: var(--rz-series-19) !important;
+}
+
+.rz-background-color-series-20 {
+ background-color: var(--rz-series-20) !important;
+}
+
+.rz-background-color-series-21 {
+ background-color: var(--rz-series-21) !important;
+}
+
+.rz-background-color-series-22 {
+ background-color: var(--rz-series-22) !important;
+}
+
+.rz-background-color-series-23 {
+ background-color: var(--rz-series-23) !important;
+}
+
+.rz-background-color-series-24 {
+ background-color: var(--rz-series-24) !important;
+}
+
+.rz-border {
+ border-width: 0;
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base);
+}
+
+.rz-border-0 {
+ border-width: 0 !important;
+}
+
+.rz-border-start {
+ border-width: 0;
+ border-inline-start-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base);
+}
+
+.rz-border-start-0 {
+ border-inline-start-width: 0 !important;
+}
+
+.rz-border-end {
+ border-width: 0;
+ border-inline-end-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base);
+}
+
+.rz-border-end-0 {
+ border-inline-end-width: 0 !important;
+}
+
+.rz-border-left {
+ border-width: 0;
+ border-left-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base);
+}
+
+.rz-border-left-0 {
+ border-left-width: 0 !important;
+}
+
+.rz-border-right {
+ border-width: 0;
+ border-right-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base);
+}
+
+.rz-border-right-0 {
+ border-right-width: 0 !important;
+}
+
+.rz-border-top {
+ border-width: 0;
+ border-top-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base);
+}
+
+.rz-border-top-0 {
+ border-top-width: 0 !important;
+}
+
+.rz-border-bottom {
+ border-width: 0;
+ border-bottom-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base);
+}
+
+.rz-border-bottom-0 {
+ border-bottom-width: 0 !important;
+}
+
+.rz-border-white {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-white) !important;
+}
+
+.rz-border-black {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-black) !important;
+}
+
+.rz-border-base {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base) !important;
+}
+
+.rz-border-base-50 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-50) !important;
+}
+
+.rz-border-base-100 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-100) !important;
+}
+
+.rz-border-base-200 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-200) !important;
+}
+
+.rz-border-base-300 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-300) !important;
+}
+
+.rz-border-base-400 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-400) !important;
+}
+
+.rz-border-base-500 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-500) !important;
+}
+
+.rz-border-base-600 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-600) !important;
+}
+
+.rz-border-base-700 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-700) !important;
+}
+
+.rz-border-base-800 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-800) !important;
+}
+
+.rz-border-base-900 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-900) !important;
+}
+
+.rz-border-base-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-light) !important;
+}
+
+.rz-border-base-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-lighter) !important;
+}
+
+.rz-border-base-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-dark) !important;
+}
+
+.rz-border-base-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-base-darker) !important;
+}
+
+.rz-border-primary {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-primary) !important;
+}
+
+.rz-border-primary-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-primary-light) !important;
+}
+
+.rz-border-primary-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-primary-lighter) !important;
+}
+
+.rz-border-primary-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-primary-dark) !important;
+}
+
+.rz-border-primary-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-primary-darker) !important;
+}
+
+.rz-border-secondary {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-secondary) !important;
+}
+
+.rz-border-secondary-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-secondary-light) !important;
+}
+
+.rz-border-secondary-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-secondary-lighter) !important;
+}
+
+.rz-border-secondary-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-secondary-dark) !important;
+}
+
+.rz-border-secondary-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-secondary-darker) !important;
+}
+
+.rz-border-info {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-info) !important;
+}
+
+.rz-border-info-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-info-light) !important;
+}
+
+.rz-border-info-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-info-lighter) !important;
+}
+
+.rz-border-info-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-info-dark) !important;
+}
+
+.rz-border-info-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-info-darker) !important;
+}
+
+.rz-border-success {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-success) !important;
+}
+
+.rz-border-success-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-success-light) !important;
+}
+
+.rz-border-success-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-success-lighter) !important;
+}
+
+.rz-border-success-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-success-dark) !important;
+}
+
+.rz-border-success-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-success-darker) !important;
+}
+
+.rz-border-warning {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-warning) !important;
+}
+
+.rz-border-warning-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-warning-light) !important;
+}
+
+.rz-border-warning-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-warning-lighter) !important;
+}
+
+.rz-border-warning-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-warning-dark) !important;
+}
+
+.rz-border-warning-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-warning-darker) !important;
+}
+
+.rz-border-danger {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-danger) !important;
+}
+
+.rz-border-danger-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-danger-light) !important;
+}
+
+.rz-border-danger-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-danger-lighter) !important;
+}
+
+.rz-border-danger-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-danger-dark) !important;
+}
+
+.rz-border-danger-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-danger-darker) !important;
+}
+
+.rz-border-on-base {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-base) !important;
+}
+
+.rz-border-on-base-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-base-light) !important;
+}
+
+.rz-border-on-base-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-base-lighter) !important;
+}
+
+.rz-border-on-base-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-base-dark) !important;
+}
+
+.rz-border-on-base-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-base-darker) !important;
+}
+
+.rz-border-on-primary {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-primary) !important;
+}
+
+.rz-border-on-primary-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-primary-light) !important;
+}
+
+.rz-border-on-primary-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-primary-lighter) !important;
+}
+
+.rz-border-on-primary-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-primary-dark) !important;
+}
+
+.rz-border-on-primary-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-primary-darker) !important;
+}
+
+.rz-border-on-secondary {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-secondary) !important;
+}
+
+.rz-border-on-secondary-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-secondary-light) !important;
+}
+
+.rz-border-on-secondary-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-secondary-lighter) !important;
+}
+
+.rz-border-on-secondary-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-secondary-dark) !important;
+}
+
+.rz-border-on-secondary-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-secondary-darker) !important;
+}
+
+.rz-border-on-info {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-info) !important;
+}
+
+.rz-border-on-info-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-info-light) !important;
+}
+
+.rz-border-on-info-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-info-lighter) !important;
+}
+
+.rz-border-on-info-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-info-dark) !important;
+}
+
+.rz-border-on-info-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-info-darker) !important;
+}
+
+.rz-border-on-success {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-success) !important;
+}
+
+.rz-border-on-success-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-success-light) !important;
+}
+
+.rz-border-on-success-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-success-lighter) !important;
+}
+
+.rz-border-on-success-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-success-dark) !important;
+}
+
+.rz-border-on-success-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-success-darker) !important;
+}
+
+.rz-border-on-warning {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-warning) !important;
+}
+
+.rz-border-on-warning-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-warning-light) !important;
+}
+
+.rz-border-on-warning-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-warning-lighter) !important;
+}
+
+.rz-border-on-warning-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-warning-dark) !important;
+}
+
+.rz-border-on-warning-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-warning-darker) !important;
+}
+
+.rz-border-on-danger {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-danger) !important;
+}
+
+.rz-border-on-danger-light {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-danger-light) !important;
+}
+
+.rz-border-on-danger-lighter {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-danger-lighter) !important;
+}
+
+.rz-border-on-danger-dark {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-danger-dark) !important;
+}
+
+.rz-border-on-danger-darker {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-on-danger-darker) !important;
+}
+
+.rz-border-series-1 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-1) !important;
+}
+
+.rz-border-series-2 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-2) !important;
+}
+
+.rz-border-series-3 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-3) !important;
+}
+
+.rz-border-series-4 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-4) !important;
+}
+
+.rz-border-series-5 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-5) !important;
+}
+
+.rz-border-series-6 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-6) !important;
+}
+
+.rz-border-series-7 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-7) !important;
+}
+
+.rz-border-series-8 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-8) !important;
+}
+
+.rz-border-series-9 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-9) !important;
+}
+
+.rz-border-series-10 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-10) !important;
+}
+
+.rz-border-series-11 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-11) !important;
+}
+
+.rz-border-series-12 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-12) !important;
+}
+
+.rz-border-series-13 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-13) !important;
+}
+
+.rz-border-series-14 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-14) !important;
+}
+
+.rz-border-series-15 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-15) !important;
+}
+
+.rz-border-series-16 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-16) !important;
+}
+
+.rz-border-series-17 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-17) !important;
+}
+
+.rz-border-series-18 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-18) !important;
+}
+
+.rz-border-series-19 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-19) !important;
+}
+
+.rz-border-series-20 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-20) !important;
+}
+
+.rz-border-series-21 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-21) !important;
+}
+
+.rz-border-series-22 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-22) !important;
+}
+
+.rz-border-series-23 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-23) !important;
+}
+
+.rz-border-series-24 {
+ border-width: var(--rz-border-width);
+ border-style: solid;
+ border-color: var(--rz-series-24) !important;
+}
+
+.rz-border-color-white {
+ border-color: var(--rz-white) !important;
+}
+
+.rz-border-color-black {
+ border-color: var(--rz-black) !important;
+}
+
+.rz-border-color-base {
+ border-color: var(--rz-base) !important;
+}
+
+.rz-border-color-base-50 {
+ border-color: var(--rz-base-50) !important;
+}
+
+.rz-border-color-base-100 {
+ border-color: var(--rz-base-100) !important;
+}
+
+.rz-border-color-base-200 {
+ border-color: var(--rz-base-200) !important;
+}
+
+.rz-border-color-base-300 {
+ border-color: var(--rz-base-300) !important;
+}
+
+.rz-border-color-base-400 {
+ border-color: var(--rz-base-400) !important;
+}
+
+.rz-border-color-base-500 {
+ border-color: var(--rz-base-500) !important;
+}
+
+.rz-border-color-base-600 {
+ border-color: var(--rz-base-600) !important;
+}
+
+.rz-border-color-base-700 {
+ border-color: var(--rz-base-700) !important;
+}
+
+.rz-border-color-base-800 {
+ border-color: var(--rz-base-800) !important;
+}
+
+.rz-border-color-base-900 {
+ border-color: var(--rz-base-900) !important;
+}
+
+.rz-border-color-base-light {
+ border-color: var(--rz-base-light) !important;
+}
+
+.rz-border-color-base-lighter {
+ border-color: var(--rz-base-lighter) !important;
+}
+
+.rz-border-color-base-dark {
+ border-color: var(--rz-base-dark) !important;
+}
+
+.rz-border-color-base-darker {
+ border-color: var(--rz-base-darker) !important;
+}
+
+.rz-border-color-primary {
+ border-color: var(--rz-primary) !important;
+}
+
+.rz-border-color-primary-light {
+ border-color: var(--rz-primary-light) !important;
+}
+
+.rz-border-color-primary-lighter {
+ border-color: var(--rz-primary-lighter) !important;
+}
+
+.rz-border-color-primary-dark {
+ border-color: var(--rz-primary-dark) !important;
+}
+
+.rz-border-color-primary-darker {
+ border-color: var(--rz-primary-darker) !important;
+}
+
+.rz-border-color-secondary {
+ border-color: var(--rz-secondary) !important;
+}
+
+.rz-border-color-secondary-light {
+ border-color: var(--rz-secondary-light) !important;
+}
+
+.rz-border-color-secondary-lighter {
+ border-color: var(--rz-secondary-lighter) !important;
+}
+
+.rz-border-color-secondary-dark {
+ border-color: var(--rz-secondary-dark) !important;
+}
+
+.rz-border-color-secondary-darker {
+ border-color: var(--rz-secondary-darker) !important;
+}
+
+.rz-border-color-info {
+ border-color: var(--rz-info) !important;
+}
+
+.rz-border-color-info-light {
+ border-color: var(--rz-info-light) !important;
+}
+
+.rz-border-color-info-lighter {
+ border-color: var(--rz-info-lighter) !important;
+}
+
+.rz-border-color-info-dark {
+ border-color: var(--rz-info-dark) !important;
+}
+
+.rz-border-color-info-darker {
+ border-color: var(--rz-info-darker) !important;
+}
+
+.rz-border-color-success {
+ border-color: var(--rz-success) !important;
+}
+
+.rz-border-color-success-light {
+ border-color: var(--rz-success-light) !important;
+}
+
+.rz-border-color-success-lighter {
+ border-color: var(--rz-success-lighter) !important;
+}
+
+.rz-border-color-success-dark {
+ border-color: var(--rz-success-dark) !important;
+}
+
+.rz-border-color-success-darker {
+ border-color: var(--rz-success-darker) !important;
+}
+
+.rz-border-color-warning {
+ border-color: var(--rz-warning) !important;
+}
+
+.rz-border-color-warning-light {
+ border-color: var(--rz-warning-light) !important;
+}
+
+.rz-border-color-warning-lighter {
+ border-color: var(--rz-warning-lighter) !important;
+}
+
+.rz-border-color-warning-dark {
+ border-color: var(--rz-warning-dark) !important;
+}
+
+.rz-border-color-warning-darker {
+ border-color: var(--rz-warning-darker) !important;
+}
+
+.rz-border-color-danger {
+ border-color: var(--rz-danger) !important;
+}
+
+.rz-border-color-danger-light {
+ border-color: var(--rz-danger-light) !important;
+}
+
+.rz-border-color-danger-lighter {
+ border-color: var(--rz-danger-lighter) !important;
+}
+
+.rz-border-color-danger-dark {
+ border-color: var(--rz-danger-dark) !important;
+}
+
+.rz-border-color-danger-darker {
+ border-color: var(--rz-danger-darker) !important;
+}
+
+.rz-border-color-on-base {
+ border-color: var(--rz-on-base) !important;
+}
+
+.rz-border-color-on-base-light {
+ border-color: var(--rz-on-base-light) !important;
+}
+
+.rz-border-color-on-base-lighter {
+ border-color: var(--rz-on-base-lighter) !important;
+}
+
+.rz-border-color-on-base-dark {
+ border-color: var(--rz-on-base-dark) !important;
+}
+
+.rz-border-color-on-base-darker {
+ border-color: var(--rz-on-base-darker) !important;
+}
+
+.rz-border-color-on-primary {
+ border-color: var(--rz-on-primary) !important;
+}
+
+.rz-border-color-on-primary-light {
+ border-color: var(--rz-on-primary-light) !important;
+}
+
+.rz-border-color-on-primary-lighter {
+ border-color: var(--rz-on-primary-lighter) !important;
+}
+
+.rz-border-color-on-primary-dark {
+ border-color: var(--rz-on-primary-dark) !important;
+}
+
+.rz-border-color-on-primary-darker {
+ border-color: var(--rz-on-primary-darker) !important;
+}
+
+.rz-border-color-on-secondary {
+ border-color: var(--rz-on-secondary) !important;
+}
+
+.rz-border-color-on-secondary-light {
+ border-color: var(--rz-on-secondary-light) !important;
+}
+
+.rz-border-color-on-secondary-lighter {
+ border-color: var(--rz-on-secondary-lighter) !important;
+}
+
+.rz-border-color-on-secondary-dark {
+ border-color: var(--rz-on-secondary-dark) !important;
+}
+
+.rz-border-color-on-secondary-darker {
+ border-color: var(--rz-on-secondary-darker) !important;
+}
+
+.rz-border-color-on-info {
+ border-color: var(--rz-on-info) !important;
+}
+
+.rz-border-color-on-info-light {
+ border-color: var(--rz-on-info-light) !important;
+}
+
+.rz-border-color-on-info-lighter {
+ border-color: var(--rz-on-info-lighter) !important;
+}
+
+.rz-border-color-on-info-dark {
+ border-color: var(--rz-on-info-dark) !important;
+}
+
+.rz-border-color-on-info-darker {
+ border-color: var(--rz-on-info-darker) !important;
+}
+
+.rz-border-color-on-success {
+ border-color: var(--rz-on-success) !important;
+}
+
+.rz-border-color-on-success-light {
+ border-color: var(--rz-on-success-light) !important;
+}
+
+.rz-border-color-on-success-lighter {
+ border-color: var(--rz-on-success-lighter) !important;
+}
+
+.rz-border-color-on-success-dark {
+ border-color: var(--rz-on-success-dark) !important;
+}
+
+.rz-border-color-on-success-darker {
+ border-color: var(--rz-on-success-darker) !important;
+}
+
+.rz-border-color-on-warning {
+ border-color: var(--rz-on-warning) !important;
+}
+
+.rz-border-color-on-warning-light {
+ border-color: var(--rz-on-warning-light) !important;
+}
+
+.rz-border-color-on-warning-lighter {
+ border-color: var(--rz-on-warning-lighter) !important;
+}
+
+.rz-border-color-on-warning-dark {
+ border-color: var(--rz-on-warning-dark) !important;
+}
+
+.rz-border-color-on-warning-darker {
+ border-color: var(--rz-on-warning-darker) !important;
+}
+
+.rz-border-color-on-danger {
+ border-color: var(--rz-on-danger) !important;
+}
+
+.rz-border-color-on-danger-light {
+ border-color: var(--rz-on-danger-light) !important;
+}
+
+.rz-border-color-on-danger-lighter {
+ border-color: var(--rz-on-danger-lighter) !important;
+}
+
+.rz-border-color-on-danger-dark {
+ border-color: var(--rz-on-danger-dark) !important;
+}
+
+.rz-border-color-on-danger-darker {
+ border-color: var(--rz-on-danger-darker) !important;
+}
+
+.rz-border-color-series-1 {
+ border-color: var(--rz-series-1) !important;
+}
+
+.rz-border-color-series-2 {
+ border-color: var(--rz-series-2) !important;
+}
+
+.rz-border-color-series-3 {
+ border-color: var(--rz-series-3) !important;
+}
+
+.rz-border-color-series-4 {
+ border-color: var(--rz-series-4) !important;
+}
+
+.rz-border-color-series-5 {
+ border-color: var(--rz-series-5) !important;
+}
+
+.rz-border-color-series-6 {
+ border-color: var(--rz-series-6) !important;
+}
+
+.rz-border-color-series-7 {
+ border-color: var(--rz-series-7) !important;
+}
+
+.rz-border-color-series-8 {
+ border-color: var(--rz-series-8) !important;
+}
+
+.rz-border-color-series-9 {
+ border-color: var(--rz-series-9) !important;
+}
+
+.rz-border-color-series-10 {
+ border-color: var(--rz-series-10) !important;
+}
+
+.rz-border-color-series-11 {
+ border-color: var(--rz-series-11) !important;
+}
+
+.rz-border-color-series-12 {
+ border-color: var(--rz-series-12) !important;
+}
+
+.rz-border-color-series-13 {
+ border-color: var(--rz-series-13) !important;
+}
+
+.rz-border-color-series-14 {
+ border-color: var(--rz-series-14) !important;
+}
+
+.rz-border-color-series-15 {
+ border-color: var(--rz-series-15) !important;
+}
+
+.rz-border-color-series-16 {
+ border-color: var(--rz-series-16) !important;
+}
+
+.rz-border-color-series-17 {
+ border-color: var(--rz-series-17) !important;
+}
+
+.rz-border-color-series-18 {
+ border-color: var(--rz-series-18) !important;
+}
+
+.rz-border-color-series-19 {
+ border-color: var(--rz-series-19) !important;
+}
+
+.rz-border-color-series-20 {
+ border-color: var(--rz-series-20) !important;
+}
+
+.rz-border-color-series-21 {
+ border-color: var(--rz-series-21) !important;
+}
+
+.rz-border-color-series-22 {
+ border-color: var(--rz-series-22) !important;
+}
+
+.rz-border-color-series-23 {
+ border-color: var(--rz-series-23) !important;
+}
+
+.rz-border-color-series-24 {
+ border-color: var(--rz-series-24) !important;
+}
+
+.rz-ripple {
+ position: relative;
+ overflow: hidden;
+}
+.rz-ripple:before {
+ content: "";
+ position: absolute;
+ inset: 0;
+ opacity: 0;
+ background-position: center;
+ background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%;
+ transition: background-size 0.8s, opacity 0.8s;
+ pointer-events: none;
+}
+.rz-ripple.rz-state-disabled:before {
+ background: transparent;
+}
+.rz-ripple:active:before {
+ transition: background-size 0s, opacity 0s;
+ opacity: 0.32;
+ background-size: 0%;
+}
+
+body {
+ margin: 0;
+}
+
+.rz-m-0 {
+ margin: 0 !important;
+}
+
+.rz-my-0,
+.rz-mt-0 {
+ margin-top: 0 !important;
+}
+
+.rz-mx-0,
+.rz-mr-0 {
+ margin-right: 0 !important;
+}
+
+.rz-my-0,
+.rz-mb-0 {
+ margin-bottom: 0 !important;
+}
+
+.rz-mx-0,
+.rz-ml-0 {
+ margin-left: 0 !important;
+}
+
+.rz-ms-0 {
+ margin-inline-start: 0 !important;
+}
+
+.rz-me-0 {
+ margin-inline-end: 0 !important;
+}
+
+.rz-m-05 {
+ margin: 0.125rem !important;
+}
+
+.rz-my-05,
+.rz-mt-05 {
+ margin-top: 0.125rem !important;
+}
+
+.rz-mx-05,
+.rz-mr-05 {
+ margin-right: 0.125rem !important;
+}
+
+.rz-my-05,
+.rz-mb-05 {
+ margin-bottom: 0.125rem !important;
+}
+
+.rz-mx-05,
+.rz-ml-05 {
+ margin-left: 0.125rem !important;
+}
+
+.rz-ms-05 {
+ margin-inline-start: 0.125rem !important;
+}
+
+.rz-me-05 {
+ margin-inline-end: 0.125rem !important;
+}
+
+.rz-m-1 {
+ margin: 0.25rem !important;
+}
+
+.rz-my-1,
+.rz-mt-1 {
+ margin-top: 0.25rem !important;
+}
+
+.rz-mx-1,
+.rz-mr-1 {
+ margin-right: 0.25rem !important;
+}
+
+.rz-my-1,
+.rz-mb-1 {
+ margin-bottom: 0.25rem !important;
+}
+
+.rz-mx-1,
+.rz-ml-1 {
+ margin-left: 0.25rem !important;
+}
+
+.rz-ms-1 {
+ margin-inline-start: 0.25rem !important;
+}
+
+.rz-me-1 {
+ margin-inline-end: 0.25rem !important;
+}
+
+.rz-m-2 {
+ margin: 0.5rem !important;
+}
+
+.rz-my-2,
+.rz-mt-2 {
+ margin-top: 0.5rem !important;
+}
+
+.rz-mx-2,
+.rz-mr-2 {
+ margin-right: 0.5rem !important;
+}
+
+.rz-my-2,
+.rz-mb-2 {
+ margin-bottom: 0.5rem !important;
+}
+
+.rz-mx-2,
+.rz-ml-2 {
+ margin-left: 0.5rem !important;
+}
+
+.rz-ms-2 {
+ margin-inline-start: 0.5rem !important;
+}
+
+.rz-me-2 {
+ margin-inline-end: 0.5rem !important;
+}
+
+.rz-m-3 {
+ margin: 0.75rem !important;
+}
+
+.rz-my-3,
+.rz-mt-3 {
+ margin-top: 0.75rem !important;
+}
+
+.rz-mx-3,
+.rz-mr-3 {
+ margin-right: 0.75rem !important;
+}
+
+.rz-my-3,
+.rz-mb-3 {
+ margin-bottom: 0.75rem !important;
+}
+
+.rz-mx-3,
+.rz-ml-3 {
+ margin-left: 0.75rem !important;
+}
+
+.rz-ms-3 {
+ margin-inline-start: 0.75rem !important;
+}
+
+.rz-me-3 {
+ margin-inline-end: 0.75rem !important;
+}
+
+.rz-m-4 {
+ margin: 1rem !important;
+}
+
+.rz-my-4,
+.rz-mt-4 {
+ margin-top: 1rem !important;
+}
+
+.rz-mx-4,
+.rz-mr-4 {
+ margin-right: 1rem !important;
+}
+
+.rz-my-4,
+.rz-mb-4 {
+ margin-bottom: 1rem !important;
+}
+
+.rz-mx-4,
+.rz-ml-4 {
+ margin-left: 1rem !important;
+}
+
+.rz-ms-4 {
+ margin-inline-start: 1rem !important;
+}
+
+.rz-me-4 {
+ margin-inline-end: 1rem !important;
+}
+
+.rz-m-5 {
+ margin: 1.25rem !important;
+}
+
+.rz-my-5,
+.rz-mt-5 {
+ margin-top: 1.25rem !important;
+}
+
+.rz-mx-5,
+.rz-mr-5 {
+ margin-right: 1.25rem !important;
+}
+
+.rz-my-5,
+.rz-mb-5 {
+ margin-bottom: 1.25rem !important;
+}
+
+.rz-mx-5,
+.rz-ml-5 {
+ margin-left: 1.25rem !important;
+}
+
+.rz-ms-5 {
+ margin-inline-start: 1.25rem !important;
+}
+
+.rz-me-5 {
+ margin-inline-end: 1.25rem !important;
+}
+
+.rz-m-6 {
+ margin: 1.5rem !important;
+}
+
+.rz-my-6,
+.rz-mt-6 {
+ margin-top: 1.5rem !important;
+}
+
+.rz-mx-6,
+.rz-mr-6 {
+ margin-right: 1.5rem !important;
+}
+
+.rz-my-6,
+.rz-mb-6 {
+ margin-bottom: 1.5rem !important;
+}
+
+.rz-mx-6,
+.rz-ml-6 {
+ margin-left: 1.5rem !important;
+}
+
+.rz-ms-6 {
+ margin-inline-start: 1.5rem !important;
+}
+
+.rz-me-6 {
+ margin-inline-end: 1.5rem !important;
+}
+
+.rz-m-7 {
+ margin: 1.75rem !important;
+}
+
+.rz-my-7,
+.rz-mt-7 {
+ margin-top: 1.75rem !important;
+}
+
+.rz-mx-7,
+.rz-mr-7 {
+ margin-right: 1.75rem !important;
+}
+
+.rz-my-7,
+.rz-mb-7 {
+ margin-bottom: 1.75rem !important;
+}
+
+.rz-mx-7,
+.rz-ml-7 {
+ margin-left: 1.75rem !important;
+}
+
+.rz-ms-7 {
+ margin-inline-start: 1.75rem !important;
+}
+
+.rz-me-7 {
+ margin-inline-end: 1.75rem !important;
+}
+
+.rz-m-8 {
+ margin: 2rem !important;
+}
+
+.rz-my-8,
+.rz-mt-8 {
+ margin-top: 2rem !important;
+}
+
+.rz-mx-8,
+.rz-mr-8 {
+ margin-right: 2rem !important;
+}
+
+.rz-my-8,
+.rz-mb-8 {
+ margin-bottom: 2rem !important;
+}
+
+.rz-mx-8,
+.rz-ml-8 {
+ margin-left: 2rem !important;
+}
+
+.rz-ms-8 {
+ margin-inline-start: 2rem !important;
+}
+
+.rz-me-8 {
+ margin-inline-end: 2rem !important;
+}
+
+.rz-m-9 {
+ margin: 2.25rem !important;
+}
+
+.rz-my-9,
+.rz-mt-9 {
+ margin-top: 2.25rem !important;
+}
+
+.rz-mx-9,
+.rz-mr-9 {
+ margin-right: 2.25rem !important;
+}
+
+.rz-my-9,
+.rz-mb-9 {
+ margin-bottom: 2.25rem !important;
+}
+
+.rz-mx-9,
+.rz-ml-9 {
+ margin-left: 2.25rem !important;
+}
+
+.rz-ms-9 {
+ margin-inline-start: 2.25rem !important;
+}
+
+.rz-me-9 {
+ margin-inline-end: 2.25rem !important;
+}
+
+.rz-m-10 {
+ margin: 2.5rem !important;
+}
+
+.rz-my-10,
+.rz-mt-10 {
+ margin-top: 2.5rem !important;
+}
+
+.rz-mx-10,
+.rz-mr-10 {
+ margin-right: 2.5rem !important;
+}
+
+.rz-my-10,
+.rz-mb-10 {
+ margin-bottom: 2.5rem !important;
+}
+
+.rz-mx-10,
+.rz-ml-10 {
+ margin-left: 2.5rem !important;
+}
+
+.rz-ms-10 {
+ margin-inline-start: 2.5rem !important;
+}
+
+.rz-me-10 {
+ margin-inline-end: 2.5rem !important;
+}
+
+.rz-m-11 {
+ margin: 2.75rem !important;
+}
+
+.rz-my-11,
+.rz-mt-11 {
+ margin-top: 2.75rem !important;
+}
+
+.rz-mx-11,
+.rz-mr-11 {
+ margin-right: 2.75rem !important;
+}
+
+.rz-my-11,
+.rz-mb-11 {
+ margin-bottom: 2.75rem !important;
+}
+
+.rz-mx-11,
+.rz-ml-11 {
+ margin-left: 2.75rem !important;
+}
+
+.rz-ms-11 {
+ margin-inline-start: 2.75rem !important;
+}
+
+.rz-me-11 {
+ margin-inline-end: 2.75rem !important;
+}
+
+.rz-m-12 {
+ margin: 3rem !important;
+}
+
+.rz-my-12,
+.rz-mt-12 {
+ margin-top: 3rem !important;
+}
+
+.rz-mx-12,
+.rz-mr-12 {
+ margin-right: 3rem !important;
+}
+
+.rz-my-12,
+.rz-mb-12 {
+ margin-bottom: 3rem !important;
+}
+
+.rz-mx-12,
+.rz-ml-12 {
+ margin-left: 3rem !important;
+}
+
+.rz-ms-12 {
+ margin-inline-start: 3rem !important;
+}
+
+.rz-me-12 {
+ margin-inline-end: 3rem !important;
+}
+
+.rz-p-0 {
+ padding: 0 !important;
+}
+
+.rz-py-0,
+.rz-pt-0 {
+ padding-top: 0 !important;
+}
+
+.rz-px-0,
+.rz-pr-0 {
+ padding-right: 0 !important;
+}
+
+.rz-py-0,
+.rz-pb-0 {
+ padding-bottom: 0 !important;
+}
+
+.rz-px-0,
+.rz-pl-0 {
+ padding-left: 0 !important;
+}
+
+.rz-ps-0 {
+ padding-inline-start: 0 !important;
+}
+
+.rz-pe-0 {
+ padding-inline-end: 0 !important;
+}
+
+.rz-p-05 {
+ padding: 0.125rem !important;
+}
+
+.rz-py-05,
+.rz-pt-05 {
+ padding-top: 0.125rem !important;
+}
+
+.rz-px-05,
+.rz-pr-05 {
+ padding-right: 0.125rem !important;
+}
+
+.rz-py-05,
+.rz-pb-05 {
+ padding-bottom: 0.125rem !important;
+}
+
+.rz-px-05,
+.rz-pl-05 {
+ padding-left: 0.125rem !important;
+}
+
+.rz-ps-05 {
+ padding-inline-start: 0.125rem !important;
+}
+
+.rz-pe-05 {
+ padding-inline-end: 0.125rem !important;
+}
+
+.rz-p-1 {
+ padding: 0.25rem !important;
+}
+
+.rz-py-1,
+.rz-pt-1 {
+ padding-top: 0.25rem !important;
+}
+
+.rz-px-1,
+.rz-pr-1 {
+ padding-right: 0.25rem !important;
+}
+
+.rz-py-1,
+.rz-pb-1 {
+ padding-bottom: 0.25rem !important;
+}
+
+.rz-px-1,
+.rz-pl-1 {
+ padding-left: 0.25rem !important;
+}
+
+.rz-ps-1 {
+ padding-inline-start: 0.25rem !important;
+}
+
+.rz-pe-1 {
+ padding-inline-end: 0.25rem !important;
+}
+
+.rz-p-2 {
+ padding: 0.5rem !important;
+}
+
+.rz-py-2,
+.rz-pt-2 {
+ padding-top: 0.5rem !important;
+}
+
+.rz-px-2,
+.rz-pr-2 {
+ padding-right: 0.5rem !important;
+}
+
+.rz-py-2,
+.rz-pb-2 {
+ padding-bottom: 0.5rem !important;
+}
+
+.rz-px-2,
+.rz-pl-2 {
+ padding-left: 0.5rem !important;
+}
+
+.rz-ps-2 {
+ padding-inline-start: 0.5rem !important;
+}
+
+.rz-pe-2 {
+ padding-inline-end: 0.5rem !important;
+}
+
+.rz-p-3 {
+ padding: 0.75rem !important;
+}
+
+.rz-py-3,
+.rz-pt-3 {
+ padding-top: 0.75rem !important;
+}
+
+.rz-px-3,
+.rz-pr-3 {
+ padding-right: 0.75rem !important;
+}
+
+.rz-py-3,
+.rz-pb-3 {
+ padding-bottom: 0.75rem !important;
+}
+
+.rz-px-3,
+.rz-pl-3 {
+ padding-left: 0.75rem !important;
+}
+
+.rz-ps-3 {
+ padding-inline-start: 0.75rem !important;
+}
+
+.rz-pe-3 {
+ padding-inline-end: 0.75rem !important;
+}
+
+.rz-p-4 {
+ padding: 1rem !important;
+}
+
+.rz-py-4,
+.rz-pt-4 {
+ padding-top: 1rem !important;
+}
+
+.rz-px-4,
+.rz-pr-4 {
+ padding-right: 1rem !important;
+}
+
+.rz-py-4,
+.rz-pb-4 {
+ padding-bottom: 1rem !important;
+}
+
+.rz-px-4,
+.rz-pl-4 {
+ padding-left: 1rem !important;
+}
+
+.rz-ps-4 {
+ padding-inline-start: 1rem !important;
+}
+
+.rz-pe-4 {
+ padding-inline-end: 1rem !important;
+}
+
+.rz-p-5 {
+ padding: 1.25rem !important;
+}
+
+.rz-py-5,
+.rz-pt-5 {
+ padding-top: 1.25rem !important;
+}
+
+.rz-px-5,
+.rz-pr-5 {
+ padding-right: 1.25rem !important;
+}
+
+.rz-py-5,
+.rz-pb-5 {
+ padding-bottom: 1.25rem !important;
+}
+
+.rz-px-5,
+.rz-pl-5 {
+ padding-left: 1.25rem !important;
+}
+
+.rz-ps-5 {
+ padding-inline-start: 1.25rem !important;
+}
+
+.rz-pe-5 {
+ padding-inline-end: 1.25rem !important;
+}
+
+.rz-p-6 {
+ padding: 1.5rem !important;
+}
+
+.rz-py-6,
+.rz-pt-6 {
+ padding-top: 1.5rem !important;
+}
+
+.rz-px-6,
+.rz-pr-6 {
+ padding-right: 1.5rem !important;
+}
+
+.rz-py-6,
+.rz-pb-6 {
+ padding-bottom: 1.5rem !important;
+}
+
+.rz-px-6,
+.rz-pl-6 {
+ padding-left: 1.5rem !important;
+}
+
+.rz-ps-6 {
+ padding-inline-start: 1.5rem !important;
+}
+
+.rz-pe-6 {
+ padding-inline-end: 1.5rem !important;
+}
+
+.rz-p-7 {
+ padding: 1.75rem !important;
+}
+
+.rz-py-7,
+.rz-pt-7 {
+ padding-top: 1.75rem !important;
+}
+
+.rz-px-7,
+.rz-pr-7 {
+ padding-right: 1.75rem !important;
+}
+
+.rz-py-7,
+.rz-pb-7 {
+ padding-bottom: 1.75rem !important;
+}
+
+.rz-px-7,
+.rz-pl-7 {
+ padding-left: 1.75rem !important;
+}
+
+.rz-ps-7 {
+ padding-inline-start: 1.75rem !important;
+}
+
+.rz-pe-7 {
+ padding-inline-end: 1.75rem !important;
+}
+
+.rz-p-8 {
+ padding: 2rem !important;
+}
+
+.rz-py-8,
+.rz-pt-8 {
+ padding-top: 2rem !important;
+}
+
+.rz-px-8,
+.rz-pr-8 {
+ padding-right: 2rem !important;
+}
+
+.rz-py-8,
+.rz-pb-8 {
+ padding-bottom: 2rem !important;
+}
+
+.rz-px-8,
+.rz-pl-8 {
+ padding-left: 2rem !important;
+}
+
+.rz-ps-8 {
+ padding-inline-start: 2rem !important;
+}
+
+.rz-pe-8 {
+ padding-inline-end: 2rem !important;
+}
+
+.rz-p-9 {
+ padding: 2.25rem !important;
+}
+
+.rz-py-9,
+.rz-pt-9 {
+ padding-top: 2.25rem !important;
+}
+
+.rz-px-9,
+.rz-pr-9 {
+ padding-right: 2.25rem !important;
+}
+
+.rz-py-9,
+.rz-pb-9 {
+ padding-bottom: 2.25rem !important;
+}
+
+.rz-px-9,
+.rz-pl-9 {
+ padding-left: 2.25rem !important;
+}
+
+.rz-ps-9 {
+ padding-inline-start: 2.25rem !important;
+}
+
+.rz-pe-9 {
+ padding-inline-end: 2.25rem !important;
+}
+
+.rz-p-10 {
+ padding: 2.5rem !important;
+}
+
+.rz-py-10,
+.rz-pt-10 {
+ padding-top: 2.5rem !important;
+}
+
+.rz-px-10,
+.rz-pr-10 {
+ padding-right: 2.5rem !important;
+}
+
+.rz-py-10,
+.rz-pb-10 {
+ padding-bottom: 2.5rem !important;
+}
+
+.rz-px-10,
+.rz-pl-10 {
+ padding-left: 2.5rem !important;
+}
+
+.rz-ps-10 {
+ padding-inline-start: 2.5rem !important;
+}
+
+.rz-pe-10 {
+ padding-inline-end: 2.5rem !important;
+}
+
+.rz-p-11 {
+ padding: 2.75rem !important;
+}
+
+.rz-py-11,
+.rz-pt-11 {
+ padding-top: 2.75rem !important;
+}
+
+.rz-px-11,
+.rz-pr-11 {
+ padding-right: 2.75rem !important;
+}
+
+.rz-py-11,
+.rz-pb-11 {
+ padding-bottom: 2.75rem !important;
+}
+
+.rz-px-11,
+.rz-pl-11 {
+ padding-left: 2.75rem !important;
+}
+
+.rz-ps-11 {
+ padding-inline-start: 2.75rem !important;
+}
+
+.rz-pe-11 {
+ padding-inline-end: 2.75rem !important;
+}
+
+.rz-p-12 {
+ padding: 3rem !important;
+}
+
+.rz-py-12,
+.rz-pt-12 {
+ padding-top: 3rem !important;
+}
+
+.rz-px-12,
+.rz-pr-12 {
+ padding-right: 3rem !important;
+}
+
+.rz-py-12,
+.rz-pb-12 {
+ padding-bottom: 3rem !important;
+}
+
+.rz-px-12,
+.rz-pl-12 {
+ padding-left: 3rem !important;
+}
+
+.rz-ps-12 {
+ padding-inline-start: 3rem !important;
+}
+
+.rz-pe-12 {
+ padding-inline-end: 3rem !important;
+}
+
+.rz-m-auto {
+ margin: auto !important;
+}
+
+.rz-my-auto,
+.rz-mt-auto {
+ margin-top: auto !important;
+}
+
+.rz-mx-auto,
+.rz-mr-auto {
+ margin-right: auto !important;
+}
+
+.rz-my-auto,
+.rz-mb-auto {
+ margin-bottom: auto !important;
+}
+
+.rz-mx-auto,
+.rz-ml-auto {
+ margin-left: auto !important;
+}
+
+.rz-ms-auto {
+ margin-inline-start: auto !important;
+}
+
+.rz-me-auto {
+ margin-inline-end: auto !important;
+}
+
+@media (min-width: 576px) {
+ .rz-m-xs-0 {
+ margin: 0 !important;
+ }
+ .rz-my-xs-0,
+ .rz-mt-xs-0 {
+ margin-top: 0 !important;
+ }
+ .rz-mx-xs-0,
+ .rz-mr-xs-0 {
+ margin-right: 0 !important;
+ }
+ .rz-my-xs-0,
+ .rz-mb-xs-0 {
+ margin-bottom: 0 !important;
+ }
+ .rz-mx-xs-0,
+ .rz-ml-xs-0 {
+ margin-left: 0 !important;
+ }
+ .rz-ms-xs-0 {
+ margin-inline-start: 0 !important;
+ }
+ .rz-me-xs-0 {
+ margin-inline-end: 0 !important;
+ }
+ .rz-m-xs-05 {
+ margin: 0.125rem !important;
+ }
+ .rz-my-xs-05,
+ .rz-mt-xs-05 {
+ margin-top: 0.125rem !important;
+ }
+ .rz-mx-xs-05,
+ .rz-mr-xs-05 {
+ margin-right: 0.125rem !important;
+ }
+ .rz-my-xs-05,
+ .rz-mb-xs-05 {
+ margin-bottom: 0.125rem !important;
+ }
+ .rz-mx-xs-05,
+ .rz-ml-xs-05 {
+ margin-left: 0.125rem !important;
+ }
+ .rz-ms-xs-05 {
+ margin-inline-start: 0.125rem !important;
+ }
+ .rz-me-xs-05 {
+ margin-inline-end: 0.125rem !important;
+ }
+ .rz-m-xs-1 {
+ margin: 0.25rem !important;
+ }
+ .rz-my-xs-1,
+ .rz-mt-xs-1 {
+ margin-top: 0.25rem !important;
+ }
+ .rz-mx-xs-1,
+ .rz-mr-xs-1 {
+ margin-right: 0.25rem !important;
+ }
+ .rz-my-xs-1,
+ .rz-mb-xs-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .rz-mx-xs-1,
+ .rz-ml-xs-1 {
+ margin-left: 0.25rem !important;
+ }
+ .rz-ms-xs-1 {
+ margin-inline-start: 0.25rem !important;
+ }
+ .rz-me-xs-1 {
+ margin-inline-end: 0.25rem !important;
+ }
+ .rz-m-xs-2 {
+ margin: 0.5rem !important;
+ }
+ .rz-my-xs-2,
+ .rz-mt-xs-2 {
+ margin-top: 0.5rem !important;
+ }
+ .rz-mx-xs-2,
+ .rz-mr-xs-2 {
+ margin-right: 0.5rem !important;
+ }
+ .rz-my-xs-2,
+ .rz-mb-xs-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .rz-mx-xs-2,
+ .rz-ml-xs-2 {
+ margin-left: 0.5rem !important;
+ }
+ .rz-ms-xs-2 {
+ margin-inline-start: 0.5rem !important;
+ }
+ .rz-me-xs-2 {
+ margin-inline-end: 0.5rem !important;
+ }
+ .rz-m-xs-3 {
+ margin: 0.75rem !important;
+ }
+ .rz-my-xs-3,
+ .rz-mt-xs-3 {
+ margin-top: 0.75rem !important;
+ }
+ .rz-mx-xs-3,
+ .rz-mr-xs-3 {
+ margin-right: 0.75rem !important;
+ }
+ .rz-my-xs-3,
+ .rz-mb-xs-3 {
+ margin-bottom: 0.75rem !important;
+ }
+ .rz-mx-xs-3,
+ .rz-ml-xs-3 {
+ margin-left: 0.75rem !important;
+ }
+ .rz-ms-xs-3 {
+ margin-inline-start: 0.75rem !important;
+ }
+ .rz-me-xs-3 {
+ margin-inline-end: 0.75rem !important;
+ }
+ .rz-m-xs-4 {
+ margin: 1rem !important;
+ }
+ .rz-my-xs-4,
+ .rz-mt-xs-4 {
+ margin-top: 1rem !important;
+ }
+ .rz-mx-xs-4,
+ .rz-mr-xs-4 {
+ margin-right: 1rem !important;
+ }
+ .rz-my-xs-4,
+ .rz-mb-xs-4 {
+ margin-bottom: 1rem !important;
+ }
+ .rz-mx-xs-4,
+ .rz-ml-xs-4 {
+ margin-left: 1rem !important;
+ }
+ .rz-ms-xs-4 {
+ margin-inline-start: 1rem !important;
+ }
+ .rz-me-xs-4 {
+ margin-inline-end: 1rem !important;
+ }
+ .rz-m-xs-5 {
+ margin: 1.25rem !important;
+ }
+ .rz-my-xs-5,
+ .rz-mt-xs-5 {
+ margin-top: 1.25rem !important;
+ }
+ .rz-mx-xs-5,
+ .rz-mr-xs-5 {
+ margin-right: 1.25rem !important;
+ }
+ .rz-my-xs-5,
+ .rz-mb-xs-5 {
+ margin-bottom: 1.25rem !important;
+ }
+ .rz-mx-xs-5,
+ .rz-ml-xs-5 {
+ margin-left: 1.25rem !important;
+ }
+ .rz-ms-xs-5 {
+ margin-inline-start: 1.25rem !important;
+ }
+ .rz-me-xs-5 {
+ margin-inline-end: 1.25rem !important;
+ }
+ .rz-m-xs-6 {
+ margin: 1.5rem !important;
+ }
+ .rz-my-xs-6,
+ .rz-mt-xs-6 {
+ margin-top: 1.5rem !important;
+ }
+ .rz-mx-xs-6,
+ .rz-mr-xs-6 {
+ margin-right: 1.5rem !important;
+ }
+ .rz-my-xs-6,
+ .rz-mb-xs-6 {
+ margin-bottom: 1.5rem !important;
+ }
+ .rz-mx-xs-6,
+ .rz-ml-xs-6 {
+ margin-left: 1.5rem !important;
+ }
+ .rz-ms-xs-6 {
+ margin-inline-start: 1.5rem !important;
+ }
+ .rz-me-xs-6 {
+ margin-inline-end: 1.5rem !important;
+ }
+ .rz-m-xs-7 {
+ margin: 1.75rem !important;
+ }
+ .rz-my-xs-7,
+ .rz-mt-xs-7 {
+ margin-top: 1.75rem !important;
+ }
+ .rz-mx-xs-7,
+ .rz-mr-xs-7 {
+ margin-right: 1.75rem !important;
+ }
+ .rz-my-xs-7,
+ .rz-mb-xs-7 {
+ margin-bottom: 1.75rem !important;
+ }
+ .rz-mx-xs-7,
+ .rz-ml-xs-7 {
+ margin-left: 1.75rem !important;
+ }
+ .rz-ms-xs-7 {
+ margin-inline-start: 1.75rem !important;
+ }
+ .rz-me-xs-7 {
+ margin-inline-end: 1.75rem !important;
+ }
+ .rz-m-xs-8 {
+ margin: 2rem !important;
+ }
+ .rz-my-xs-8,
+ .rz-mt-xs-8 {
+ margin-top: 2rem !important;
+ }
+ .rz-mx-xs-8,
+ .rz-mr-xs-8 {
+ margin-right: 2rem !important;
+ }
+ .rz-my-xs-8,
+ .rz-mb-xs-8 {
+ margin-bottom: 2rem !important;
+ }
+ .rz-mx-xs-8,
+ .rz-ml-xs-8 {
+ margin-left: 2rem !important;
+ }
+ .rz-ms-xs-8 {
+ margin-inline-start: 2rem !important;
+ }
+ .rz-me-xs-8 {
+ margin-inline-end: 2rem !important;
+ }
+ .rz-m-xs-9 {
+ margin: 2.25rem !important;
+ }
+ .rz-my-xs-9,
+ .rz-mt-xs-9 {
+ margin-top: 2.25rem !important;
+ }
+ .rz-mx-xs-9,
+ .rz-mr-xs-9 {
+ margin-right: 2.25rem !important;
+ }
+ .rz-my-xs-9,
+ .rz-mb-xs-9 {
+ margin-bottom: 2.25rem !important;
+ }
+ .rz-mx-xs-9,
+ .rz-ml-xs-9 {
+ margin-left: 2.25rem !important;
+ }
+ .rz-ms-xs-9 {
+ margin-inline-start: 2.25rem !important;
+ }
+ .rz-me-xs-9 {
+ margin-inline-end: 2.25rem !important;
+ }
+ .rz-m-xs-10 {
+ margin: 2.5rem !important;
+ }
+ .rz-my-xs-10,
+ .rz-mt-xs-10 {
+ margin-top: 2.5rem !important;
+ }
+ .rz-mx-xs-10,
+ .rz-mr-xs-10 {
+ margin-right: 2.5rem !important;
+ }
+ .rz-my-xs-10,
+ .rz-mb-xs-10 {
+ margin-bottom: 2.5rem !important;
+ }
+ .rz-mx-xs-10,
+ .rz-ml-xs-10 {
+ margin-left: 2.5rem !important;
+ }
+ .rz-ms-xs-10 {
+ margin-inline-start: 2.5rem !important;
+ }
+ .rz-me-xs-10 {
+ margin-inline-end: 2.5rem !important;
+ }
+ .rz-m-xs-11 {
+ margin: 2.75rem !important;
+ }
+ .rz-my-xs-11,
+ .rz-mt-xs-11 {
+ margin-top: 2.75rem !important;
+ }
+ .rz-mx-xs-11,
+ .rz-mr-xs-11 {
+ margin-right: 2.75rem !important;
+ }
+ .rz-my-xs-11,
+ .rz-mb-xs-11 {
+ margin-bottom: 2.75rem !important;
+ }
+ .rz-mx-xs-11,
+ .rz-ml-xs-11 {
+ margin-left: 2.75rem !important;
+ }
+ .rz-ms-xs-11 {
+ margin-inline-start: 2.75rem !important;
+ }
+ .rz-me-xs-11 {
+ margin-inline-end: 2.75rem !important;
+ }
+ .rz-m-xs-12 {
+ margin: 3rem !important;
+ }
+ .rz-my-xs-12,
+ .rz-mt-xs-12 {
+ margin-top: 3rem !important;
+ }
+ .rz-mx-xs-12,
+ .rz-mr-xs-12 {
+ margin-right: 3rem !important;
+ }
+ .rz-my-xs-12,
+ .rz-mb-xs-12 {
+ margin-bottom: 3rem !important;
+ }
+ .rz-mx-xs-12,
+ .rz-ml-xs-12 {
+ margin-left: 3rem !important;
+ }
+ .rz-ms-xs-12 {
+ margin-inline-start: 3rem !important;
+ }
+ .rz-me-xs-12 {
+ margin-inline-end: 3rem !important;
+ }
+ .rz-p-xs-0 {
+ padding: 0 !important;
+ }
+ .rz-py-xs-0,
+ .rz-pt-xs-0 {
+ padding-top: 0 !important;
+ }
+ .rz-px-xs-0,
+ .rz-pr-xs-0 {
+ padding-right: 0 !important;
+ }
+ .rz-py-xs-0,
+ .rz-pb-xs-0 {
+ padding-bottom: 0 !important;
+ }
+ .rz-px-xs-0,
+ .rz-pl-xs-0 {
+ padding-left: 0 !important;
+ }
+ .rz-ps-xs-0 {
+ padding-inline-start: 0 !important;
+ }
+ .rz-pe-xs-0 {
+ padding-inline-end: 0 !important;
+ }
+ .rz-p-xs-05 {
+ padding: 0.125rem !important;
+ }
+ .rz-py-xs-05,
+ .rz-pt-xs-05 {
+ padding-top: 0.125rem !important;
+ }
+ .rz-px-xs-05,
+ .rz-pr-xs-05 {
+ padding-right: 0.125rem !important;
+ }
+ .rz-py-xs-05,
+ .rz-pb-xs-05 {
+ padding-bottom: 0.125rem !important;
+ }
+ .rz-px-xs-05,
+ .rz-pl-xs-05 {
+ padding-left: 0.125rem !important;
+ }
+ .rz-ps-xs-05 {
+ padding-inline-start: 0.125rem !important;
+ }
+ .rz-pe-xs-05 {
+ padding-inline-end: 0.125rem !important;
+ }
+ .rz-p-xs-1 {
+ padding: 0.25rem !important;
+ }
+ .rz-py-xs-1,
+ .rz-pt-xs-1 {
+ padding-top: 0.25rem !important;
+ }
+ .rz-px-xs-1,
+ .rz-pr-xs-1 {
+ padding-right: 0.25rem !important;
+ }
+ .rz-py-xs-1,
+ .rz-pb-xs-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .rz-px-xs-1,
+ .rz-pl-xs-1 {
+ padding-left: 0.25rem !important;
+ }
+ .rz-ps-xs-1 {
+ padding-inline-start: 0.25rem !important;
+ }
+ .rz-pe-xs-1 {
+ padding-inline-end: 0.25rem !important;
+ }
+ .rz-p-xs-2 {
+ padding: 0.5rem !important;
+ }
+ .rz-py-xs-2,
+ .rz-pt-xs-2 {
+ padding-top: 0.5rem !important;
+ }
+ .rz-px-xs-2,
+ .rz-pr-xs-2 {
+ padding-right: 0.5rem !important;
+ }
+ .rz-py-xs-2,
+ .rz-pb-xs-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .rz-px-xs-2,
+ .rz-pl-xs-2 {
+ padding-left: 0.5rem !important;
+ }
+ .rz-ps-xs-2 {
+ padding-inline-start: 0.5rem !important;
+ }
+ .rz-pe-xs-2 {
+ padding-inline-end: 0.5rem !important;
+ }
+ .rz-p-xs-3 {
+ padding: 0.75rem !important;
+ }
+ .rz-py-xs-3,
+ .rz-pt-xs-3 {
+ padding-top: 0.75rem !important;
+ }
+ .rz-px-xs-3,
+ .rz-pr-xs-3 {
+ padding-right: 0.75rem !important;
+ }
+ .rz-py-xs-3,
+ .rz-pb-xs-3 {
+ padding-bottom: 0.75rem !important;
+ }
+ .rz-px-xs-3,
+ .rz-pl-xs-3 {
+ padding-left: 0.75rem !important;
+ }
+ .rz-ps-xs-3 {
+ padding-inline-start: 0.75rem !important;
+ }
+ .rz-pe-xs-3 {
+ padding-inline-end: 0.75rem !important;
+ }
+ .rz-p-xs-4 {
+ padding: 1rem !important;
+ }
+ .rz-py-xs-4,
+ .rz-pt-xs-4 {
+ padding-top: 1rem !important;
+ }
+ .rz-px-xs-4,
+ .rz-pr-xs-4 {
+ padding-right: 1rem !important;
+ }
+ .rz-py-xs-4,
+ .rz-pb-xs-4 {
+ padding-bottom: 1rem !important;
+ }
+ .rz-px-xs-4,
+ .rz-pl-xs-4 {
+ padding-left: 1rem !important;
+ }
+ .rz-ps-xs-4 {
+ padding-inline-start: 1rem !important;
+ }
+ .rz-pe-xs-4 {
+ padding-inline-end: 1rem !important;
+ }
+ .rz-p-xs-5 {
+ padding: 1.25rem !important;
+ }
+ .rz-py-xs-5,
+ .rz-pt-xs-5 {
+ padding-top: 1.25rem !important;
+ }
+ .rz-px-xs-5,
+ .rz-pr-xs-5 {
+ padding-right: 1.25rem !important;
+ }
+ .rz-py-xs-5,
+ .rz-pb-xs-5 {
+ padding-bottom: 1.25rem !important;
+ }
+ .rz-px-xs-5,
+ .rz-pl-xs-5 {
+ padding-left: 1.25rem !important;
+ }
+ .rz-ps-xs-5 {
+ padding-inline-start: 1.25rem !important;
+ }
+ .rz-pe-xs-5 {
+ padding-inline-end: 1.25rem !important;
+ }
+ .rz-p-xs-6 {
+ padding: 1.5rem !important;
+ }
+ .rz-py-xs-6,
+ .rz-pt-xs-6 {
+ padding-top: 1.5rem !important;
+ }
+ .rz-px-xs-6,
+ .rz-pr-xs-6 {
+ padding-right: 1.5rem !important;
+ }
+ .rz-py-xs-6,
+ .rz-pb-xs-6 {
+ padding-bottom: 1.5rem !important;
+ }
+ .rz-px-xs-6,
+ .rz-pl-xs-6 {
+ padding-left: 1.5rem !important;
+ }
+ .rz-ps-xs-6 {
+ padding-inline-start: 1.5rem !important;
+ }
+ .rz-pe-xs-6 {
+ padding-inline-end: 1.5rem !important;
+ }
+ .rz-p-xs-7 {
+ padding: 1.75rem !important;
+ }
+ .rz-py-xs-7,
+ .rz-pt-xs-7 {
+ padding-top: 1.75rem !important;
+ }
+ .rz-px-xs-7,
+ .rz-pr-xs-7 {
+ padding-right: 1.75rem !important;
+ }
+ .rz-py-xs-7,
+ .rz-pb-xs-7 {
+ padding-bottom: 1.75rem !important;
+ }
+ .rz-px-xs-7,
+ .rz-pl-xs-7 {
+ padding-left: 1.75rem !important;
+ }
+ .rz-ps-xs-7 {
+ padding-inline-start: 1.75rem !important;
+ }
+ .rz-pe-xs-7 {
+ padding-inline-end: 1.75rem !important;
+ }
+ .rz-p-xs-8 {
+ padding: 2rem !important;
+ }
+ .rz-py-xs-8,
+ .rz-pt-xs-8 {
+ padding-top: 2rem !important;
+ }
+ .rz-px-xs-8,
+ .rz-pr-xs-8 {
+ padding-right: 2rem !important;
+ }
+ .rz-py-xs-8,
+ .rz-pb-xs-8 {
+ padding-bottom: 2rem !important;
+ }
+ .rz-px-xs-8,
+ .rz-pl-xs-8 {
+ padding-left: 2rem !important;
+ }
+ .rz-ps-xs-8 {
+ padding-inline-start: 2rem !important;
+ }
+ .rz-pe-xs-8 {
+ padding-inline-end: 2rem !important;
+ }
+ .rz-p-xs-9 {
+ padding: 2.25rem !important;
+ }
+ .rz-py-xs-9,
+ .rz-pt-xs-9 {
+ padding-top: 2.25rem !important;
+ }
+ .rz-px-xs-9,
+ .rz-pr-xs-9 {
+ padding-right: 2.25rem !important;
+ }
+ .rz-py-xs-9,
+ .rz-pb-xs-9 {
+ padding-bottom: 2.25rem !important;
+ }
+ .rz-px-xs-9,
+ .rz-pl-xs-9 {
+ padding-left: 2.25rem !important;
+ }
+ .rz-ps-xs-9 {
+ padding-inline-start: 2.25rem !important;
+ }
+ .rz-pe-xs-9 {
+ padding-inline-end: 2.25rem !important;
+ }
+ .rz-p-xs-10 {
+ padding: 2.5rem !important;
+ }
+ .rz-py-xs-10,
+ .rz-pt-xs-10 {
+ padding-top: 2.5rem !important;
+ }
+ .rz-px-xs-10,
+ .rz-pr-xs-10 {
+ padding-right: 2.5rem !important;
+ }
+ .rz-py-xs-10,
+ .rz-pb-xs-10 {
+ padding-bottom: 2.5rem !important;
+ }
+ .rz-px-xs-10,
+ .rz-pl-xs-10 {
+ padding-left: 2.5rem !important;
+ }
+ .rz-ps-xs-10 {
+ padding-inline-start: 2.5rem !important;
+ }
+ .rz-pe-xs-10 {
+ padding-inline-end: 2.5rem !important;
+ }
+ .rz-p-xs-11 {
+ padding: 2.75rem !important;
+ }
+ .rz-py-xs-11,
+ .rz-pt-xs-11 {
+ padding-top: 2.75rem !important;
+ }
+ .rz-px-xs-11,
+ .rz-pr-xs-11 {
+ padding-right: 2.75rem !important;
+ }
+ .rz-py-xs-11,
+ .rz-pb-xs-11 {
+ padding-bottom: 2.75rem !important;
+ }
+ .rz-px-xs-11,
+ .rz-pl-xs-11 {
+ padding-left: 2.75rem !important;
+ }
+ .rz-ps-xs-11 {
+ padding-inline-start: 2.75rem !important;
+ }
+ .rz-pe-xs-11 {
+ padding-inline-end: 2.75rem !important;
+ }
+ .rz-p-xs-12 {
+ padding: 3rem !important;
+ }
+ .rz-py-xs-12,
+ .rz-pt-xs-12 {
+ padding-top: 3rem !important;
+ }
+ .rz-px-xs-12,
+ .rz-pr-xs-12 {
+ padding-right: 3rem !important;
+ }
+ .rz-py-xs-12,
+ .rz-pb-xs-12 {
+ padding-bottom: 3rem !important;
+ }
+ .rz-px-xs-12,
+ .rz-pl-xs-12 {
+ padding-left: 3rem !important;
+ }
+ .rz-ps-xs-12 {
+ padding-inline-start: 3rem !important;
+ }
+ .rz-pe-xs-12 {
+ padding-inline-end: 3rem !important;
+ }
+ .rz-m-xs-auto {
+ margin: auto !important;
+ }
+ .rz-my-xs-auto,
+ .rz-mt-xs-auto {
+ margin-top: auto !important;
+ }
+ .rz-mx-xs-auto,
+ .rz-mr-xs-auto {
+ margin-right: auto !important;
+ }
+ .rz-my-xs-auto,
+ .rz-mb-xs-auto {
+ margin-bottom: auto !important;
+ }
+ .rz-mx-xs-auto,
+ .rz-ml-xs-auto {
+ margin-left: auto !important;
+ }
+ .rz-ms-xs-auto {
+ margin-inline-start: auto !important;
+ }
+ .rz-me-xs-auto {
+ margin-inline-end: auto !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-m-sm-0 {
+ margin: 0 !important;
+ }
+ .rz-my-sm-0,
+ .rz-mt-sm-0 {
+ margin-top: 0 !important;
+ }
+ .rz-mx-sm-0,
+ .rz-mr-sm-0 {
+ margin-right: 0 !important;
+ }
+ .rz-my-sm-0,
+ .rz-mb-sm-0 {
+ margin-bottom: 0 !important;
+ }
+ .rz-mx-sm-0,
+ .rz-ml-sm-0 {
+ margin-left: 0 !important;
+ }
+ .rz-ms-sm-0 {
+ margin-inline-start: 0 !important;
+ }
+ .rz-me-sm-0 {
+ margin-inline-end: 0 !important;
+ }
+ .rz-m-sm-05 {
+ margin: 0.125rem !important;
+ }
+ .rz-my-sm-05,
+ .rz-mt-sm-05 {
+ margin-top: 0.125rem !important;
+ }
+ .rz-mx-sm-05,
+ .rz-mr-sm-05 {
+ margin-right: 0.125rem !important;
+ }
+ .rz-my-sm-05,
+ .rz-mb-sm-05 {
+ margin-bottom: 0.125rem !important;
+ }
+ .rz-mx-sm-05,
+ .rz-ml-sm-05 {
+ margin-left: 0.125rem !important;
+ }
+ .rz-ms-sm-05 {
+ margin-inline-start: 0.125rem !important;
+ }
+ .rz-me-sm-05 {
+ margin-inline-end: 0.125rem !important;
+ }
+ .rz-m-sm-1 {
+ margin: 0.25rem !important;
+ }
+ .rz-my-sm-1,
+ .rz-mt-sm-1 {
+ margin-top: 0.25rem !important;
+ }
+ .rz-mx-sm-1,
+ .rz-mr-sm-1 {
+ margin-right: 0.25rem !important;
+ }
+ .rz-my-sm-1,
+ .rz-mb-sm-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .rz-mx-sm-1,
+ .rz-ml-sm-1 {
+ margin-left: 0.25rem !important;
+ }
+ .rz-ms-sm-1 {
+ margin-inline-start: 0.25rem !important;
+ }
+ .rz-me-sm-1 {
+ margin-inline-end: 0.25rem !important;
+ }
+ .rz-m-sm-2 {
+ margin: 0.5rem !important;
+ }
+ .rz-my-sm-2,
+ .rz-mt-sm-2 {
+ margin-top: 0.5rem !important;
+ }
+ .rz-mx-sm-2,
+ .rz-mr-sm-2 {
+ margin-right: 0.5rem !important;
+ }
+ .rz-my-sm-2,
+ .rz-mb-sm-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .rz-mx-sm-2,
+ .rz-ml-sm-2 {
+ margin-left: 0.5rem !important;
+ }
+ .rz-ms-sm-2 {
+ margin-inline-start: 0.5rem !important;
+ }
+ .rz-me-sm-2 {
+ margin-inline-end: 0.5rem !important;
+ }
+ .rz-m-sm-3 {
+ margin: 0.75rem !important;
+ }
+ .rz-my-sm-3,
+ .rz-mt-sm-3 {
+ margin-top: 0.75rem !important;
+ }
+ .rz-mx-sm-3,
+ .rz-mr-sm-3 {
+ margin-right: 0.75rem !important;
+ }
+ .rz-my-sm-3,
+ .rz-mb-sm-3 {
+ margin-bottom: 0.75rem !important;
+ }
+ .rz-mx-sm-3,
+ .rz-ml-sm-3 {
+ margin-left: 0.75rem !important;
+ }
+ .rz-ms-sm-3 {
+ margin-inline-start: 0.75rem !important;
+ }
+ .rz-me-sm-3 {
+ margin-inline-end: 0.75rem !important;
+ }
+ .rz-m-sm-4 {
+ margin: 1rem !important;
+ }
+ .rz-my-sm-4,
+ .rz-mt-sm-4 {
+ margin-top: 1rem !important;
+ }
+ .rz-mx-sm-4,
+ .rz-mr-sm-4 {
+ margin-right: 1rem !important;
+ }
+ .rz-my-sm-4,
+ .rz-mb-sm-4 {
+ margin-bottom: 1rem !important;
+ }
+ .rz-mx-sm-4,
+ .rz-ml-sm-4 {
+ margin-left: 1rem !important;
+ }
+ .rz-ms-sm-4 {
+ margin-inline-start: 1rem !important;
+ }
+ .rz-me-sm-4 {
+ margin-inline-end: 1rem !important;
+ }
+ .rz-m-sm-5 {
+ margin: 1.25rem !important;
+ }
+ .rz-my-sm-5,
+ .rz-mt-sm-5 {
+ margin-top: 1.25rem !important;
+ }
+ .rz-mx-sm-5,
+ .rz-mr-sm-5 {
+ margin-right: 1.25rem !important;
+ }
+ .rz-my-sm-5,
+ .rz-mb-sm-5 {
+ margin-bottom: 1.25rem !important;
+ }
+ .rz-mx-sm-5,
+ .rz-ml-sm-5 {
+ margin-left: 1.25rem !important;
+ }
+ .rz-ms-sm-5 {
+ margin-inline-start: 1.25rem !important;
+ }
+ .rz-me-sm-5 {
+ margin-inline-end: 1.25rem !important;
+ }
+ .rz-m-sm-6 {
+ margin: 1.5rem !important;
+ }
+ .rz-my-sm-6,
+ .rz-mt-sm-6 {
+ margin-top: 1.5rem !important;
+ }
+ .rz-mx-sm-6,
+ .rz-mr-sm-6 {
+ margin-right: 1.5rem !important;
+ }
+ .rz-my-sm-6,
+ .rz-mb-sm-6 {
+ margin-bottom: 1.5rem !important;
+ }
+ .rz-mx-sm-6,
+ .rz-ml-sm-6 {
+ margin-left: 1.5rem !important;
+ }
+ .rz-ms-sm-6 {
+ margin-inline-start: 1.5rem !important;
+ }
+ .rz-me-sm-6 {
+ margin-inline-end: 1.5rem !important;
+ }
+ .rz-m-sm-7 {
+ margin: 1.75rem !important;
+ }
+ .rz-my-sm-7,
+ .rz-mt-sm-7 {
+ margin-top: 1.75rem !important;
+ }
+ .rz-mx-sm-7,
+ .rz-mr-sm-7 {
+ margin-right: 1.75rem !important;
+ }
+ .rz-my-sm-7,
+ .rz-mb-sm-7 {
+ margin-bottom: 1.75rem !important;
+ }
+ .rz-mx-sm-7,
+ .rz-ml-sm-7 {
+ margin-left: 1.75rem !important;
+ }
+ .rz-ms-sm-7 {
+ margin-inline-start: 1.75rem !important;
+ }
+ .rz-me-sm-7 {
+ margin-inline-end: 1.75rem !important;
+ }
+ .rz-m-sm-8 {
+ margin: 2rem !important;
+ }
+ .rz-my-sm-8,
+ .rz-mt-sm-8 {
+ margin-top: 2rem !important;
+ }
+ .rz-mx-sm-8,
+ .rz-mr-sm-8 {
+ margin-right: 2rem !important;
+ }
+ .rz-my-sm-8,
+ .rz-mb-sm-8 {
+ margin-bottom: 2rem !important;
+ }
+ .rz-mx-sm-8,
+ .rz-ml-sm-8 {
+ margin-left: 2rem !important;
+ }
+ .rz-ms-sm-8 {
+ margin-inline-start: 2rem !important;
+ }
+ .rz-me-sm-8 {
+ margin-inline-end: 2rem !important;
+ }
+ .rz-m-sm-9 {
+ margin: 2.25rem !important;
+ }
+ .rz-my-sm-9,
+ .rz-mt-sm-9 {
+ margin-top: 2.25rem !important;
+ }
+ .rz-mx-sm-9,
+ .rz-mr-sm-9 {
+ margin-right: 2.25rem !important;
+ }
+ .rz-my-sm-9,
+ .rz-mb-sm-9 {
+ margin-bottom: 2.25rem !important;
+ }
+ .rz-mx-sm-9,
+ .rz-ml-sm-9 {
+ margin-left: 2.25rem !important;
+ }
+ .rz-ms-sm-9 {
+ margin-inline-start: 2.25rem !important;
+ }
+ .rz-me-sm-9 {
+ margin-inline-end: 2.25rem !important;
+ }
+ .rz-m-sm-10 {
+ margin: 2.5rem !important;
+ }
+ .rz-my-sm-10,
+ .rz-mt-sm-10 {
+ margin-top: 2.5rem !important;
+ }
+ .rz-mx-sm-10,
+ .rz-mr-sm-10 {
+ margin-right: 2.5rem !important;
+ }
+ .rz-my-sm-10,
+ .rz-mb-sm-10 {
+ margin-bottom: 2.5rem !important;
+ }
+ .rz-mx-sm-10,
+ .rz-ml-sm-10 {
+ margin-left: 2.5rem !important;
+ }
+ .rz-ms-sm-10 {
+ margin-inline-start: 2.5rem !important;
+ }
+ .rz-me-sm-10 {
+ margin-inline-end: 2.5rem !important;
+ }
+ .rz-m-sm-11 {
+ margin: 2.75rem !important;
+ }
+ .rz-my-sm-11,
+ .rz-mt-sm-11 {
+ margin-top: 2.75rem !important;
+ }
+ .rz-mx-sm-11,
+ .rz-mr-sm-11 {
+ margin-right: 2.75rem !important;
+ }
+ .rz-my-sm-11,
+ .rz-mb-sm-11 {
+ margin-bottom: 2.75rem !important;
+ }
+ .rz-mx-sm-11,
+ .rz-ml-sm-11 {
+ margin-left: 2.75rem !important;
+ }
+ .rz-ms-sm-11 {
+ margin-inline-start: 2.75rem !important;
+ }
+ .rz-me-sm-11 {
+ margin-inline-end: 2.75rem !important;
+ }
+ .rz-m-sm-12 {
+ margin: 3rem !important;
+ }
+ .rz-my-sm-12,
+ .rz-mt-sm-12 {
+ margin-top: 3rem !important;
+ }
+ .rz-mx-sm-12,
+ .rz-mr-sm-12 {
+ margin-right: 3rem !important;
+ }
+ .rz-my-sm-12,
+ .rz-mb-sm-12 {
+ margin-bottom: 3rem !important;
+ }
+ .rz-mx-sm-12,
+ .rz-ml-sm-12 {
+ margin-left: 3rem !important;
+ }
+ .rz-ms-sm-12 {
+ margin-inline-start: 3rem !important;
+ }
+ .rz-me-sm-12 {
+ margin-inline-end: 3rem !important;
+ }
+ .rz-p-sm-0 {
+ padding: 0 !important;
+ }
+ .rz-py-sm-0,
+ .rz-pt-sm-0 {
+ padding-top: 0 !important;
+ }
+ .rz-px-sm-0,
+ .rz-pr-sm-0 {
+ padding-right: 0 !important;
+ }
+ .rz-py-sm-0,
+ .rz-pb-sm-0 {
+ padding-bottom: 0 !important;
+ }
+ .rz-px-sm-0,
+ .rz-pl-sm-0 {
+ padding-left: 0 !important;
+ }
+ .rz-ps-sm-0 {
+ padding-inline-start: 0 !important;
+ }
+ .rz-pe-sm-0 {
+ padding-inline-end: 0 !important;
+ }
+ .rz-p-sm-05 {
+ padding: 0.125rem !important;
+ }
+ .rz-py-sm-05,
+ .rz-pt-sm-05 {
+ padding-top: 0.125rem !important;
+ }
+ .rz-px-sm-05,
+ .rz-pr-sm-05 {
+ padding-right: 0.125rem !important;
+ }
+ .rz-py-sm-05,
+ .rz-pb-sm-05 {
+ padding-bottom: 0.125rem !important;
+ }
+ .rz-px-sm-05,
+ .rz-pl-sm-05 {
+ padding-left: 0.125rem !important;
+ }
+ .rz-ps-sm-05 {
+ padding-inline-start: 0.125rem !important;
+ }
+ .rz-pe-sm-05 {
+ padding-inline-end: 0.125rem !important;
+ }
+ .rz-p-sm-1 {
+ padding: 0.25rem !important;
+ }
+ .rz-py-sm-1,
+ .rz-pt-sm-1 {
+ padding-top: 0.25rem !important;
+ }
+ .rz-px-sm-1,
+ .rz-pr-sm-1 {
+ padding-right: 0.25rem !important;
+ }
+ .rz-py-sm-1,
+ .rz-pb-sm-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .rz-px-sm-1,
+ .rz-pl-sm-1 {
+ padding-left: 0.25rem !important;
+ }
+ .rz-ps-sm-1 {
+ padding-inline-start: 0.25rem !important;
+ }
+ .rz-pe-sm-1 {
+ padding-inline-end: 0.25rem !important;
+ }
+ .rz-p-sm-2 {
+ padding: 0.5rem !important;
+ }
+ .rz-py-sm-2,
+ .rz-pt-sm-2 {
+ padding-top: 0.5rem !important;
+ }
+ .rz-px-sm-2,
+ .rz-pr-sm-2 {
+ padding-right: 0.5rem !important;
+ }
+ .rz-py-sm-2,
+ .rz-pb-sm-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .rz-px-sm-2,
+ .rz-pl-sm-2 {
+ padding-left: 0.5rem !important;
+ }
+ .rz-ps-sm-2 {
+ padding-inline-start: 0.5rem !important;
+ }
+ .rz-pe-sm-2 {
+ padding-inline-end: 0.5rem !important;
+ }
+ .rz-p-sm-3 {
+ padding: 0.75rem !important;
+ }
+ .rz-py-sm-3,
+ .rz-pt-sm-3 {
+ padding-top: 0.75rem !important;
+ }
+ .rz-px-sm-3,
+ .rz-pr-sm-3 {
+ padding-right: 0.75rem !important;
+ }
+ .rz-py-sm-3,
+ .rz-pb-sm-3 {
+ padding-bottom: 0.75rem !important;
+ }
+ .rz-px-sm-3,
+ .rz-pl-sm-3 {
+ padding-left: 0.75rem !important;
+ }
+ .rz-ps-sm-3 {
+ padding-inline-start: 0.75rem !important;
+ }
+ .rz-pe-sm-3 {
+ padding-inline-end: 0.75rem !important;
+ }
+ .rz-p-sm-4 {
+ padding: 1rem !important;
+ }
+ .rz-py-sm-4,
+ .rz-pt-sm-4 {
+ padding-top: 1rem !important;
+ }
+ .rz-px-sm-4,
+ .rz-pr-sm-4 {
+ padding-right: 1rem !important;
+ }
+ .rz-py-sm-4,
+ .rz-pb-sm-4 {
+ padding-bottom: 1rem !important;
+ }
+ .rz-px-sm-4,
+ .rz-pl-sm-4 {
+ padding-left: 1rem !important;
+ }
+ .rz-ps-sm-4 {
+ padding-inline-start: 1rem !important;
+ }
+ .rz-pe-sm-4 {
+ padding-inline-end: 1rem !important;
+ }
+ .rz-p-sm-5 {
+ padding: 1.25rem !important;
+ }
+ .rz-py-sm-5,
+ .rz-pt-sm-5 {
+ padding-top: 1.25rem !important;
+ }
+ .rz-px-sm-5,
+ .rz-pr-sm-5 {
+ padding-right: 1.25rem !important;
+ }
+ .rz-py-sm-5,
+ .rz-pb-sm-5 {
+ padding-bottom: 1.25rem !important;
+ }
+ .rz-px-sm-5,
+ .rz-pl-sm-5 {
+ padding-left: 1.25rem !important;
+ }
+ .rz-ps-sm-5 {
+ padding-inline-start: 1.25rem !important;
+ }
+ .rz-pe-sm-5 {
+ padding-inline-end: 1.25rem !important;
+ }
+ .rz-p-sm-6 {
+ padding: 1.5rem !important;
+ }
+ .rz-py-sm-6,
+ .rz-pt-sm-6 {
+ padding-top: 1.5rem !important;
+ }
+ .rz-px-sm-6,
+ .rz-pr-sm-6 {
+ padding-right: 1.5rem !important;
+ }
+ .rz-py-sm-6,
+ .rz-pb-sm-6 {
+ padding-bottom: 1.5rem !important;
+ }
+ .rz-px-sm-6,
+ .rz-pl-sm-6 {
+ padding-left: 1.5rem !important;
+ }
+ .rz-ps-sm-6 {
+ padding-inline-start: 1.5rem !important;
+ }
+ .rz-pe-sm-6 {
+ padding-inline-end: 1.5rem !important;
+ }
+ .rz-p-sm-7 {
+ padding: 1.75rem !important;
+ }
+ .rz-py-sm-7,
+ .rz-pt-sm-7 {
+ padding-top: 1.75rem !important;
+ }
+ .rz-px-sm-7,
+ .rz-pr-sm-7 {
+ padding-right: 1.75rem !important;
+ }
+ .rz-py-sm-7,
+ .rz-pb-sm-7 {
+ padding-bottom: 1.75rem !important;
+ }
+ .rz-px-sm-7,
+ .rz-pl-sm-7 {
+ padding-left: 1.75rem !important;
+ }
+ .rz-ps-sm-7 {
+ padding-inline-start: 1.75rem !important;
+ }
+ .rz-pe-sm-7 {
+ padding-inline-end: 1.75rem !important;
+ }
+ .rz-p-sm-8 {
+ padding: 2rem !important;
+ }
+ .rz-py-sm-8,
+ .rz-pt-sm-8 {
+ padding-top: 2rem !important;
+ }
+ .rz-px-sm-8,
+ .rz-pr-sm-8 {
+ padding-right: 2rem !important;
+ }
+ .rz-py-sm-8,
+ .rz-pb-sm-8 {
+ padding-bottom: 2rem !important;
+ }
+ .rz-px-sm-8,
+ .rz-pl-sm-8 {
+ padding-left: 2rem !important;
+ }
+ .rz-ps-sm-8 {
+ padding-inline-start: 2rem !important;
+ }
+ .rz-pe-sm-8 {
+ padding-inline-end: 2rem !important;
+ }
+ .rz-p-sm-9 {
+ padding: 2.25rem !important;
+ }
+ .rz-py-sm-9,
+ .rz-pt-sm-9 {
+ padding-top: 2.25rem !important;
+ }
+ .rz-px-sm-9,
+ .rz-pr-sm-9 {
+ padding-right: 2.25rem !important;
+ }
+ .rz-py-sm-9,
+ .rz-pb-sm-9 {
+ padding-bottom: 2.25rem !important;
+ }
+ .rz-px-sm-9,
+ .rz-pl-sm-9 {
+ padding-left: 2.25rem !important;
+ }
+ .rz-ps-sm-9 {
+ padding-inline-start: 2.25rem !important;
+ }
+ .rz-pe-sm-9 {
+ padding-inline-end: 2.25rem !important;
+ }
+ .rz-p-sm-10 {
+ padding: 2.5rem !important;
+ }
+ .rz-py-sm-10,
+ .rz-pt-sm-10 {
+ padding-top: 2.5rem !important;
+ }
+ .rz-px-sm-10,
+ .rz-pr-sm-10 {
+ padding-right: 2.5rem !important;
+ }
+ .rz-py-sm-10,
+ .rz-pb-sm-10 {
+ padding-bottom: 2.5rem !important;
+ }
+ .rz-px-sm-10,
+ .rz-pl-sm-10 {
+ padding-left: 2.5rem !important;
+ }
+ .rz-ps-sm-10 {
+ padding-inline-start: 2.5rem !important;
+ }
+ .rz-pe-sm-10 {
+ padding-inline-end: 2.5rem !important;
+ }
+ .rz-p-sm-11 {
+ padding: 2.75rem !important;
+ }
+ .rz-py-sm-11,
+ .rz-pt-sm-11 {
+ padding-top: 2.75rem !important;
+ }
+ .rz-px-sm-11,
+ .rz-pr-sm-11 {
+ padding-right: 2.75rem !important;
+ }
+ .rz-py-sm-11,
+ .rz-pb-sm-11 {
+ padding-bottom: 2.75rem !important;
+ }
+ .rz-px-sm-11,
+ .rz-pl-sm-11 {
+ padding-left: 2.75rem !important;
+ }
+ .rz-ps-sm-11 {
+ padding-inline-start: 2.75rem !important;
+ }
+ .rz-pe-sm-11 {
+ padding-inline-end: 2.75rem !important;
+ }
+ .rz-p-sm-12 {
+ padding: 3rem !important;
+ }
+ .rz-py-sm-12,
+ .rz-pt-sm-12 {
+ padding-top: 3rem !important;
+ }
+ .rz-px-sm-12,
+ .rz-pr-sm-12 {
+ padding-right: 3rem !important;
+ }
+ .rz-py-sm-12,
+ .rz-pb-sm-12 {
+ padding-bottom: 3rem !important;
+ }
+ .rz-px-sm-12,
+ .rz-pl-sm-12 {
+ padding-left: 3rem !important;
+ }
+ .rz-ps-sm-12 {
+ padding-inline-start: 3rem !important;
+ }
+ .rz-pe-sm-12 {
+ padding-inline-end: 3rem !important;
+ }
+ .rz-m-sm-auto {
+ margin: auto !important;
+ }
+ .rz-my-sm-auto,
+ .rz-mt-sm-auto {
+ margin-top: auto !important;
+ }
+ .rz-mx-sm-auto,
+ .rz-mr-sm-auto {
+ margin-right: auto !important;
+ }
+ .rz-my-sm-auto,
+ .rz-mb-sm-auto {
+ margin-bottom: auto !important;
+ }
+ .rz-mx-sm-auto,
+ .rz-ml-sm-auto {
+ margin-left: auto !important;
+ }
+ .rz-ms-sm-auto {
+ margin-inline-start: auto !important;
+ }
+ .rz-me-sm-auto {
+ margin-inline-end: auto !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-m-md-0 {
+ margin: 0 !important;
+ }
+ .rz-my-md-0,
+ .rz-mt-md-0 {
+ margin-top: 0 !important;
+ }
+ .rz-mx-md-0,
+ .rz-mr-md-0 {
+ margin-right: 0 !important;
+ }
+ .rz-my-md-0,
+ .rz-mb-md-0 {
+ margin-bottom: 0 !important;
+ }
+ .rz-mx-md-0,
+ .rz-ml-md-0 {
+ margin-left: 0 !important;
+ }
+ .rz-ms-md-0 {
+ margin-inline-start: 0 !important;
+ }
+ .rz-me-md-0 {
+ margin-inline-end: 0 !important;
+ }
+ .rz-m-md-05 {
+ margin: 0.125rem !important;
+ }
+ .rz-my-md-05,
+ .rz-mt-md-05 {
+ margin-top: 0.125rem !important;
+ }
+ .rz-mx-md-05,
+ .rz-mr-md-05 {
+ margin-right: 0.125rem !important;
+ }
+ .rz-my-md-05,
+ .rz-mb-md-05 {
+ margin-bottom: 0.125rem !important;
+ }
+ .rz-mx-md-05,
+ .rz-ml-md-05 {
+ margin-left: 0.125rem !important;
+ }
+ .rz-ms-md-05 {
+ margin-inline-start: 0.125rem !important;
+ }
+ .rz-me-md-05 {
+ margin-inline-end: 0.125rem !important;
+ }
+ .rz-m-md-1 {
+ margin: 0.25rem !important;
+ }
+ .rz-my-md-1,
+ .rz-mt-md-1 {
+ margin-top: 0.25rem !important;
+ }
+ .rz-mx-md-1,
+ .rz-mr-md-1 {
+ margin-right: 0.25rem !important;
+ }
+ .rz-my-md-1,
+ .rz-mb-md-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .rz-mx-md-1,
+ .rz-ml-md-1 {
+ margin-left: 0.25rem !important;
+ }
+ .rz-ms-md-1 {
+ margin-inline-start: 0.25rem !important;
+ }
+ .rz-me-md-1 {
+ margin-inline-end: 0.25rem !important;
+ }
+ .rz-m-md-2 {
+ margin: 0.5rem !important;
+ }
+ .rz-my-md-2,
+ .rz-mt-md-2 {
+ margin-top: 0.5rem !important;
+ }
+ .rz-mx-md-2,
+ .rz-mr-md-2 {
+ margin-right: 0.5rem !important;
+ }
+ .rz-my-md-2,
+ .rz-mb-md-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .rz-mx-md-2,
+ .rz-ml-md-2 {
+ margin-left: 0.5rem !important;
+ }
+ .rz-ms-md-2 {
+ margin-inline-start: 0.5rem !important;
+ }
+ .rz-me-md-2 {
+ margin-inline-end: 0.5rem !important;
+ }
+ .rz-m-md-3 {
+ margin: 0.75rem !important;
+ }
+ .rz-my-md-3,
+ .rz-mt-md-3 {
+ margin-top: 0.75rem !important;
+ }
+ .rz-mx-md-3,
+ .rz-mr-md-3 {
+ margin-right: 0.75rem !important;
+ }
+ .rz-my-md-3,
+ .rz-mb-md-3 {
+ margin-bottom: 0.75rem !important;
+ }
+ .rz-mx-md-3,
+ .rz-ml-md-3 {
+ margin-left: 0.75rem !important;
+ }
+ .rz-ms-md-3 {
+ margin-inline-start: 0.75rem !important;
+ }
+ .rz-me-md-3 {
+ margin-inline-end: 0.75rem !important;
+ }
+ .rz-m-md-4 {
+ margin: 1rem !important;
+ }
+ .rz-my-md-4,
+ .rz-mt-md-4 {
+ margin-top: 1rem !important;
+ }
+ .rz-mx-md-4,
+ .rz-mr-md-4 {
+ margin-right: 1rem !important;
+ }
+ .rz-my-md-4,
+ .rz-mb-md-4 {
+ margin-bottom: 1rem !important;
+ }
+ .rz-mx-md-4,
+ .rz-ml-md-4 {
+ margin-left: 1rem !important;
+ }
+ .rz-ms-md-4 {
+ margin-inline-start: 1rem !important;
+ }
+ .rz-me-md-4 {
+ margin-inline-end: 1rem !important;
+ }
+ .rz-m-md-5 {
+ margin: 1.25rem !important;
+ }
+ .rz-my-md-5,
+ .rz-mt-md-5 {
+ margin-top: 1.25rem !important;
+ }
+ .rz-mx-md-5,
+ .rz-mr-md-5 {
+ margin-right: 1.25rem !important;
+ }
+ .rz-my-md-5,
+ .rz-mb-md-5 {
+ margin-bottom: 1.25rem !important;
+ }
+ .rz-mx-md-5,
+ .rz-ml-md-5 {
+ margin-left: 1.25rem !important;
+ }
+ .rz-ms-md-5 {
+ margin-inline-start: 1.25rem !important;
+ }
+ .rz-me-md-5 {
+ margin-inline-end: 1.25rem !important;
+ }
+ .rz-m-md-6 {
+ margin: 1.5rem !important;
+ }
+ .rz-my-md-6,
+ .rz-mt-md-6 {
+ margin-top: 1.5rem !important;
+ }
+ .rz-mx-md-6,
+ .rz-mr-md-6 {
+ margin-right: 1.5rem !important;
+ }
+ .rz-my-md-6,
+ .rz-mb-md-6 {
+ margin-bottom: 1.5rem !important;
+ }
+ .rz-mx-md-6,
+ .rz-ml-md-6 {
+ margin-left: 1.5rem !important;
+ }
+ .rz-ms-md-6 {
+ margin-inline-start: 1.5rem !important;
+ }
+ .rz-me-md-6 {
+ margin-inline-end: 1.5rem !important;
+ }
+ .rz-m-md-7 {
+ margin: 1.75rem !important;
+ }
+ .rz-my-md-7,
+ .rz-mt-md-7 {
+ margin-top: 1.75rem !important;
+ }
+ .rz-mx-md-7,
+ .rz-mr-md-7 {
+ margin-right: 1.75rem !important;
+ }
+ .rz-my-md-7,
+ .rz-mb-md-7 {
+ margin-bottom: 1.75rem !important;
+ }
+ .rz-mx-md-7,
+ .rz-ml-md-7 {
+ margin-left: 1.75rem !important;
+ }
+ .rz-ms-md-7 {
+ margin-inline-start: 1.75rem !important;
+ }
+ .rz-me-md-7 {
+ margin-inline-end: 1.75rem !important;
+ }
+ .rz-m-md-8 {
+ margin: 2rem !important;
+ }
+ .rz-my-md-8,
+ .rz-mt-md-8 {
+ margin-top: 2rem !important;
+ }
+ .rz-mx-md-8,
+ .rz-mr-md-8 {
+ margin-right: 2rem !important;
+ }
+ .rz-my-md-8,
+ .rz-mb-md-8 {
+ margin-bottom: 2rem !important;
+ }
+ .rz-mx-md-8,
+ .rz-ml-md-8 {
+ margin-left: 2rem !important;
+ }
+ .rz-ms-md-8 {
+ margin-inline-start: 2rem !important;
+ }
+ .rz-me-md-8 {
+ margin-inline-end: 2rem !important;
+ }
+ .rz-m-md-9 {
+ margin: 2.25rem !important;
+ }
+ .rz-my-md-9,
+ .rz-mt-md-9 {
+ margin-top: 2.25rem !important;
+ }
+ .rz-mx-md-9,
+ .rz-mr-md-9 {
+ margin-right: 2.25rem !important;
+ }
+ .rz-my-md-9,
+ .rz-mb-md-9 {
+ margin-bottom: 2.25rem !important;
+ }
+ .rz-mx-md-9,
+ .rz-ml-md-9 {
+ margin-left: 2.25rem !important;
+ }
+ .rz-ms-md-9 {
+ margin-inline-start: 2.25rem !important;
+ }
+ .rz-me-md-9 {
+ margin-inline-end: 2.25rem !important;
+ }
+ .rz-m-md-10 {
+ margin: 2.5rem !important;
+ }
+ .rz-my-md-10,
+ .rz-mt-md-10 {
+ margin-top: 2.5rem !important;
+ }
+ .rz-mx-md-10,
+ .rz-mr-md-10 {
+ margin-right: 2.5rem !important;
+ }
+ .rz-my-md-10,
+ .rz-mb-md-10 {
+ margin-bottom: 2.5rem !important;
+ }
+ .rz-mx-md-10,
+ .rz-ml-md-10 {
+ margin-left: 2.5rem !important;
+ }
+ .rz-ms-md-10 {
+ margin-inline-start: 2.5rem !important;
+ }
+ .rz-me-md-10 {
+ margin-inline-end: 2.5rem !important;
+ }
+ .rz-m-md-11 {
+ margin: 2.75rem !important;
+ }
+ .rz-my-md-11,
+ .rz-mt-md-11 {
+ margin-top: 2.75rem !important;
+ }
+ .rz-mx-md-11,
+ .rz-mr-md-11 {
+ margin-right: 2.75rem !important;
+ }
+ .rz-my-md-11,
+ .rz-mb-md-11 {
+ margin-bottom: 2.75rem !important;
+ }
+ .rz-mx-md-11,
+ .rz-ml-md-11 {
+ margin-left: 2.75rem !important;
+ }
+ .rz-ms-md-11 {
+ margin-inline-start: 2.75rem !important;
+ }
+ .rz-me-md-11 {
+ margin-inline-end: 2.75rem !important;
+ }
+ .rz-m-md-12 {
+ margin: 3rem !important;
+ }
+ .rz-my-md-12,
+ .rz-mt-md-12 {
+ margin-top: 3rem !important;
+ }
+ .rz-mx-md-12,
+ .rz-mr-md-12 {
+ margin-right: 3rem !important;
+ }
+ .rz-my-md-12,
+ .rz-mb-md-12 {
+ margin-bottom: 3rem !important;
+ }
+ .rz-mx-md-12,
+ .rz-ml-md-12 {
+ margin-left: 3rem !important;
+ }
+ .rz-ms-md-12 {
+ margin-inline-start: 3rem !important;
+ }
+ .rz-me-md-12 {
+ margin-inline-end: 3rem !important;
+ }
+ .rz-p-md-0 {
+ padding: 0 !important;
+ }
+ .rz-py-md-0,
+ .rz-pt-md-0 {
+ padding-top: 0 !important;
+ }
+ .rz-px-md-0,
+ .rz-pr-md-0 {
+ padding-right: 0 !important;
+ }
+ .rz-py-md-0,
+ .rz-pb-md-0 {
+ padding-bottom: 0 !important;
+ }
+ .rz-px-md-0,
+ .rz-pl-md-0 {
+ padding-left: 0 !important;
+ }
+ .rz-ps-md-0 {
+ padding-inline-start: 0 !important;
+ }
+ .rz-pe-md-0 {
+ padding-inline-end: 0 !important;
+ }
+ .rz-p-md-05 {
+ padding: 0.125rem !important;
+ }
+ .rz-py-md-05,
+ .rz-pt-md-05 {
+ padding-top: 0.125rem !important;
+ }
+ .rz-px-md-05,
+ .rz-pr-md-05 {
+ padding-right: 0.125rem !important;
+ }
+ .rz-py-md-05,
+ .rz-pb-md-05 {
+ padding-bottom: 0.125rem !important;
+ }
+ .rz-px-md-05,
+ .rz-pl-md-05 {
+ padding-left: 0.125rem !important;
+ }
+ .rz-ps-md-05 {
+ padding-inline-start: 0.125rem !important;
+ }
+ .rz-pe-md-05 {
+ padding-inline-end: 0.125rem !important;
+ }
+ .rz-p-md-1 {
+ padding: 0.25rem !important;
+ }
+ .rz-py-md-1,
+ .rz-pt-md-1 {
+ padding-top: 0.25rem !important;
+ }
+ .rz-px-md-1,
+ .rz-pr-md-1 {
+ padding-right: 0.25rem !important;
+ }
+ .rz-py-md-1,
+ .rz-pb-md-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .rz-px-md-1,
+ .rz-pl-md-1 {
+ padding-left: 0.25rem !important;
+ }
+ .rz-ps-md-1 {
+ padding-inline-start: 0.25rem !important;
+ }
+ .rz-pe-md-1 {
+ padding-inline-end: 0.25rem !important;
+ }
+ .rz-p-md-2 {
+ padding: 0.5rem !important;
+ }
+ .rz-py-md-2,
+ .rz-pt-md-2 {
+ padding-top: 0.5rem !important;
+ }
+ .rz-px-md-2,
+ .rz-pr-md-2 {
+ padding-right: 0.5rem !important;
+ }
+ .rz-py-md-2,
+ .rz-pb-md-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .rz-px-md-2,
+ .rz-pl-md-2 {
+ padding-left: 0.5rem !important;
+ }
+ .rz-ps-md-2 {
+ padding-inline-start: 0.5rem !important;
+ }
+ .rz-pe-md-2 {
+ padding-inline-end: 0.5rem !important;
+ }
+ .rz-p-md-3 {
+ padding: 0.75rem !important;
+ }
+ .rz-py-md-3,
+ .rz-pt-md-3 {
+ padding-top: 0.75rem !important;
+ }
+ .rz-px-md-3,
+ .rz-pr-md-3 {
+ padding-right: 0.75rem !important;
+ }
+ .rz-py-md-3,
+ .rz-pb-md-3 {
+ padding-bottom: 0.75rem !important;
+ }
+ .rz-px-md-3,
+ .rz-pl-md-3 {
+ padding-left: 0.75rem !important;
+ }
+ .rz-ps-md-3 {
+ padding-inline-start: 0.75rem !important;
+ }
+ .rz-pe-md-3 {
+ padding-inline-end: 0.75rem !important;
+ }
+ .rz-p-md-4 {
+ padding: 1rem !important;
+ }
+ .rz-py-md-4,
+ .rz-pt-md-4 {
+ padding-top: 1rem !important;
+ }
+ .rz-px-md-4,
+ .rz-pr-md-4 {
+ padding-right: 1rem !important;
+ }
+ .rz-py-md-4,
+ .rz-pb-md-4 {
+ padding-bottom: 1rem !important;
+ }
+ .rz-px-md-4,
+ .rz-pl-md-4 {
+ padding-left: 1rem !important;
+ }
+ .rz-ps-md-4 {
+ padding-inline-start: 1rem !important;
+ }
+ .rz-pe-md-4 {
+ padding-inline-end: 1rem !important;
+ }
+ .rz-p-md-5 {
+ padding: 1.25rem !important;
+ }
+ .rz-py-md-5,
+ .rz-pt-md-5 {
+ padding-top: 1.25rem !important;
+ }
+ .rz-px-md-5,
+ .rz-pr-md-5 {
+ padding-right: 1.25rem !important;
+ }
+ .rz-py-md-5,
+ .rz-pb-md-5 {
+ padding-bottom: 1.25rem !important;
+ }
+ .rz-px-md-5,
+ .rz-pl-md-5 {
+ padding-left: 1.25rem !important;
+ }
+ .rz-ps-md-5 {
+ padding-inline-start: 1.25rem !important;
+ }
+ .rz-pe-md-5 {
+ padding-inline-end: 1.25rem !important;
+ }
+ .rz-p-md-6 {
+ padding: 1.5rem !important;
+ }
+ .rz-py-md-6,
+ .rz-pt-md-6 {
+ padding-top: 1.5rem !important;
+ }
+ .rz-px-md-6,
+ .rz-pr-md-6 {
+ padding-right: 1.5rem !important;
+ }
+ .rz-py-md-6,
+ .rz-pb-md-6 {
+ padding-bottom: 1.5rem !important;
+ }
+ .rz-px-md-6,
+ .rz-pl-md-6 {
+ padding-left: 1.5rem !important;
+ }
+ .rz-ps-md-6 {
+ padding-inline-start: 1.5rem !important;
+ }
+ .rz-pe-md-6 {
+ padding-inline-end: 1.5rem !important;
+ }
+ .rz-p-md-7 {
+ padding: 1.75rem !important;
+ }
+ .rz-py-md-7,
+ .rz-pt-md-7 {
+ padding-top: 1.75rem !important;
+ }
+ .rz-px-md-7,
+ .rz-pr-md-7 {
+ padding-right: 1.75rem !important;
+ }
+ .rz-py-md-7,
+ .rz-pb-md-7 {
+ padding-bottom: 1.75rem !important;
+ }
+ .rz-px-md-7,
+ .rz-pl-md-7 {
+ padding-left: 1.75rem !important;
+ }
+ .rz-ps-md-7 {
+ padding-inline-start: 1.75rem !important;
+ }
+ .rz-pe-md-7 {
+ padding-inline-end: 1.75rem !important;
+ }
+ .rz-p-md-8 {
+ padding: 2rem !important;
+ }
+ .rz-py-md-8,
+ .rz-pt-md-8 {
+ padding-top: 2rem !important;
+ }
+ .rz-px-md-8,
+ .rz-pr-md-8 {
+ padding-right: 2rem !important;
+ }
+ .rz-py-md-8,
+ .rz-pb-md-8 {
+ padding-bottom: 2rem !important;
+ }
+ .rz-px-md-8,
+ .rz-pl-md-8 {
+ padding-left: 2rem !important;
+ }
+ .rz-ps-md-8 {
+ padding-inline-start: 2rem !important;
+ }
+ .rz-pe-md-8 {
+ padding-inline-end: 2rem !important;
+ }
+ .rz-p-md-9 {
+ padding: 2.25rem !important;
+ }
+ .rz-py-md-9,
+ .rz-pt-md-9 {
+ padding-top: 2.25rem !important;
+ }
+ .rz-px-md-9,
+ .rz-pr-md-9 {
+ padding-right: 2.25rem !important;
+ }
+ .rz-py-md-9,
+ .rz-pb-md-9 {
+ padding-bottom: 2.25rem !important;
+ }
+ .rz-px-md-9,
+ .rz-pl-md-9 {
+ padding-left: 2.25rem !important;
+ }
+ .rz-ps-md-9 {
+ padding-inline-start: 2.25rem !important;
+ }
+ .rz-pe-md-9 {
+ padding-inline-end: 2.25rem !important;
+ }
+ .rz-p-md-10 {
+ padding: 2.5rem !important;
+ }
+ .rz-py-md-10,
+ .rz-pt-md-10 {
+ padding-top: 2.5rem !important;
+ }
+ .rz-px-md-10,
+ .rz-pr-md-10 {
+ padding-right: 2.5rem !important;
+ }
+ .rz-py-md-10,
+ .rz-pb-md-10 {
+ padding-bottom: 2.5rem !important;
+ }
+ .rz-px-md-10,
+ .rz-pl-md-10 {
+ padding-left: 2.5rem !important;
+ }
+ .rz-ps-md-10 {
+ padding-inline-start: 2.5rem !important;
+ }
+ .rz-pe-md-10 {
+ padding-inline-end: 2.5rem !important;
+ }
+ .rz-p-md-11 {
+ padding: 2.75rem !important;
+ }
+ .rz-py-md-11,
+ .rz-pt-md-11 {
+ padding-top: 2.75rem !important;
+ }
+ .rz-px-md-11,
+ .rz-pr-md-11 {
+ padding-right: 2.75rem !important;
+ }
+ .rz-py-md-11,
+ .rz-pb-md-11 {
+ padding-bottom: 2.75rem !important;
+ }
+ .rz-px-md-11,
+ .rz-pl-md-11 {
+ padding-left: 2.75rem !important;
+ }
+ .rz-ps-md-11 {
+ padding-inline-start: 2.75rem !important;
+ }
+ .rz-pe-md-11 {
+ padding-inline-end: 2.75rem !important;
+ }
+ .rz-p-md-12 {
+ padding: 3rem !important;
+ }
+ .rz-py-md-12,
+ .rz-pt-md-12 {
+ padding-top: 3rem !important;
+ }
+ .rz-px-md-12,
+ .rz-pr-md-12 {
+ padding-right: 3rem !important;
+ }
+ .rz-py-md-12,
+ .rz-pb-md-12 {
+ padding-bottom: 3rem !important;
+ }
+ .rz-px-md-12,
+ .rz-pl-md-12 {
+ padding-left: 3rem !important;
+ }
+ .rz-ps-md-12 {
+ padding-inline-start: 3rem !important;
+ }
+ .rz-pe-md-12 {
+ padding-inline-end: 3rem !important;
+ }
+ .rz-m-md-auto {
+ margin: auto !important;
+ }
+ .rz-my-md-auto,
+ .rz-mt-md-auto {
+ margin-top: auto !important;
+ }
+ .rz-mx-md-auto,
+ .rz-mr-md-auto {
+ margin-right: auto !important;
+ }
+ .rz-my-md-auto,
+ .rz-mb-md-auto {
+ margin-bottom: auto !important;
+ }
+ .rz-mx-md-auto,
+ .rz-ml-md-auto {
+ margin-left: auto !important;
+ }
+ .rz-ms-md-auto {
+ margin-inline-start: auto !important;
+ }
+ .rz-me-md-auto {
+ margin-inline-end: auto !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-m-lg-0 {
+ margin: 0 !important;
+ }
+ .rz-my-lg-0,
+ .rz-mt-lg-0 {
+ margin-top: 0 !important;
+ }
+ .rz-mx-lg-0,
+ .rz-mr-lg-0 {
+ margin-right: 0 !important;
+ }
+ .rz-my-lg-0,
+ .rz-mb-lg-0 {
+ margin-bottom: 0 !important;
+ }
+ .rz-mx-lg-0,
+ .rz-ml-lg-0 {
+ margin-left: 0 !important;
+ }
+ .rz-ms-lg-0 {
+ margin-inline-start: 0 !important;
+ }
+ .rz-me-lg-0 {
+ margin-inline-end: 0 !important;
+ }
+ .rz-m-lg-05 {
+ margin: 0.125rem !important;
+ }
+ .rz-my-lg-05,
+ .rz-mt-lg-05 {
+ margin-top: 0.125rem !important;
+ }
+ .rz-mx-lg-05,
+ .rz-mr-lg-05 {
+ margin-right: 0.125rem !important;
+ }
+ .rz-my-lg-05,
+ .rz-mb-lg-05 {
+ margin-bottom: 0.125rem !important;
+ }
+ .rz-mx-lg-05,
+ .rz-ml-lg-05 {
+ margin-left: 0.125rem !important;
+ }
+ .rz-ms-lg-05 {
+ margin-inline-start: 0.125rem !important;
+ }
+ .rz-me-lg-05 {
+ margin-inline-end: 0.125rem !important;
+ }
+ .rz-m-lg-1 {
+ margin: 0.25rem !important;
+ }
+ .rz-my-lg-1,
+ .rz-mt-lg-1 {
+ margin-top: 0.25rem !important;
+ }
+ .rz-mx-lg-1,
+ .rz-mr-lg-1 {
+ margin-right: 0.25rem !important;
+ }
+ .rz-my-lg-1,
+ .rz-mb-lg-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .rz-mx-lg-1,
+ .rz-ml-lg-1 {
+ margin-left: 0.25rem !important;
+ }
+ .rz-ms-lg-1 {
+ margin-inline-start: 0.25rem !important;
+ }
+ .rz-me-lg-1 {
+ margin-inline-end: 0.25rem !important;
+ }
+ .rz-m-lg-2 {
+ margin: 0.5rem !important;
+ }
+ .rz-my-lg-2,
+ .rz-mt-lg-2 {
+ margin-top: 0.5rem !important;
+ }
+ .rz-mx-lg-2,
+ .rz-mr-lg-2 {
+ margin-right: 0.5rem !important;
+ }
+ .rz-my-lg-2,
+ .rz-mb-lg-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .rz-mx-lg-2,
+ .rz-ml-lg-2 {
+ margin-left: 0.5rem !important;
+ }
+ .rz-ms-lg-2 {
+ margin-inline-start: 0.5rem !important;
+ }
+ .rz-me-lg-2 {
+ margin-inline-end: 0.5rem !important;
+ }
+ .rz-m-lg-3 {
+ margin: 0.75rem !important;
+ }
+ .rz-my-lg-3,
+ .rz-mt-lg-3 {
+ margin-top: 0.75rem !important;
+ }
+ .rz-mx-lg-3,
+ .rz-mr-lg-3 {
+ margin-right: 0.75rem !important;
+ }
+ .rz-my-lg-3,
+ .rz-mb-lg-3 {
+ margin-bottom: 0.75rem !important;
+ }
+ .rz-mx-lg-3,
+ .rz-ml-lg-3 {
+ margin-left: 0.75rem !important;
+ }
+ .rz-ms-lg-3 {
+ margin-inline-start: 0.75rem !important;
+ }
+ .rz-me-lg-3 {
+ margin-inline-end: 0.75rem !important;
+ }
+ .rz-m-lg-4 {
+ margin: 1rem !important;
+ }
+ .rz-my-lg-4,
+ .rz-mt-lg-4 {
+ margin-top: 1rem !important;
+ }
+ .rz-mx-lg-4,
+ .rz-mr-lg-4 {
+ margin-right: 1rem !important;
+ }
+ .rz-my-lg-4,
+ .rz-mb-lg-4 {
+ margin-bottom: 1rem !important;
+ }
+ .rz-mx-lg-4,
+ .rz-ml-lg-4 {
+ margin-left: 1rem !important;
+ }
+ .rz-ms-lg-4 {
+ margin-inline-start: 1rem !important;
+ }
+ .rz-me-lg-4 {
+ margin-inline-end: 1rem !important;
+ }
+ .rz-m-lg-5 {
+ margin: 1.25rem !important;
+ }
+ .rz-my-lg-5,
+ .rz-mt-lg-5 {
+ margin-top: 1.25rem !important;
+ }
+ .rz-mx-lg-5,
+ .rz-mr-lg-5 {
+ margin-right: 1.25rem !important;
+ }
+ .rz-my-lg-5,
+ .rz-mb-lg-5 {
+ margin-bottom: 1.25rem !important;
+ }
+ .rz-mx-lg-5,
+ .rz-ml-lg-5 {
+ margin-left: 1.25rem !important;
+ }
+ .rz-ms-lg-5 {
+ margin-inline-start: 1.25rem !important;
+ }
+ .rz-me-lg-5 {
+ margin-inline-end: 1.25rem !important;
+ }
+ .rz-m-lg-6 {
+ margin: 1.5rem !important;
+ }
+ .rz-my-lg-6,
+ .rz-mt-lg-6 {
+ margin-top: 1.5rem !important;
+ }
+ .rz-mx-lg-6,
+ .rz-mr-lg-6 {
+ margin-right: 1.5rem !important;
+ }
+ .rz-my-lg-6,
+ .rz-mb-lg-6 {
+ margin-bottom: 1.5rem !important;
+ }
+ .rz-mx-lg-6,
+ .rz-ml-lg-6 {
+ margin-left: 1.5rem !important;
+ }
+ .rz-ms-lg-6 {
+ margin-inline-start: 1.5rem !important;
+ }
+ .rz-me-lg-6 {
+ margin-inline-end: 1.5rem !important;
+ }
+ .rz-m-lg-7 {
+ margin: 1.75rem !important;
+ }
+ .rz-my-lg-7,
+ .rz-mt-lg-7 {
+ margin-top: 1.75rem !important;
+ }
+ .rz-mx-lg-7,
+ .rz-mr-lg-7 {
+ margin-right: 1.75rem !important;
+ }
+ .rz-my-lg-7,
+ .rz-mb-lg-7 {
+ margin-bottom: 1.75rem !important;
+ }
+ .rz-mx-lg-7,
+ .rz-ml-lg-7 {
+ margin-left: 1.75rem !important;
+ }
+ .rz-ms-lg-7 {
+ margin-inline-start: 1.75rem !important;
+ }
+ .rz-me-lg-7 {
+ margin-inline-end: 1.75rem !important;
+ }
+ .rz-m-lg-8 {
+ margin: 2rem !important;
+ }
+ .rz-my-lg-8,
+ .rz-mt-lg-8 {
+ margin-top: 2rem !important;
+ }
+ .rz-mx-lg-8,
+ .rz-mr-lg-8 {
+ margin-right: 2rem !important;
+ }
+ .rz-my-lg-8,
+ .rz-mb-lg-8 {
+ margin-bottom: 2rem !important;
+ }
+ .rz-mx-lg-8,
+ .rz-ml-lg-8 {
+ margin-left: 2rem !important;
+ }
+ .rz-ms-lg-8 {
+ margin-inline-start: 2rem !important;
+ }
+ .rz-me-lg-8 {
+ margin-inline-end: 2rem !important;
+ }
+ .rz-m-lg-9 {
+ margin: 2.25rem !important;
+ }
+ .rz-my-lg-9,
+ .rz-mt-lg-9 {
+ margin-top: 2.25rem !important;
+ }
+ .rz-mx-lg-9,
+ .rz-mr-lg-9 {
+ margin-right: 2.25rem !important;
+ }
+ .rz-my-lg-9,
+ .rz-mb-lg-9 {
+ margin-bottom: 2.25rem !important;
+ }
+ .rz-mx-lg-9,
+ .rz-ml-lg-9 {
+ margin-left: 2.25rem !important;
+ }
+ .rz-ms-lg-9 {
+ margin-inline-start: 2.25rem !important;
+ }
+ .rz-me-lg-9 {
+ margin-inline-end: 2.25rem !important;
+ }
+ .rz-m-lg-10 {
+ margin: 2.5rem !important;
+ }
+ .rz-my-lg-10,
+ .rz-mt-lg-10 {
+ margin-top: 2.5rem !important;
+ }
+ .rz-mx-lg-10,
+ .rz-mr-lg-10 {
+ margin-right: 2.5rem !important;
+ }
+ .rz-my-lg-10,
+ .rz-mb-lg-10 {
+ margin-bottom: 2.5rem !important;
+ }
+ .rz-mx-lg-10,
+ .rz-ml-lg-10 {
+ margin-left: 2.5rem !important;
+ }
+ .rz-ms-lg-10 {
+ margin-inline-start: 2.5rem !important;
+ }
+ .rz-me-lg-10 {
+ margin-inline-end: 2.5rem !important;
+ }
+ .rz-m-lg-11 {
+ margin: 2.75rem !important;
+ }
+ .rz-my-lg-11,
+ .rz-mt-lg-11 {
+ margin-top: 2.75rem !important;
+ }
+ .rz-mx-lg-11,
+ .rz-mr-lg-11 {
+ margin-right: 2.75rem !important;
+ }
+ .rz-my-lg-11,
+ .rz-mb-lg-11 {
+ margin-bottom: 2.75rem !important;
+ }
+ .rz-mx-lg-11,
+ .rz-ml-lg-11 {
+ margin-left: 2.75rem !important;
+ }
+ .rz-ms-lg-11 {
+ margin-inline-start: 2.75rem !important;
+ }
+ .rz-me-lg-11 {
+ margin-inline-end: 2.75rem !important;
+ }
+ .rz-m-lg-12 {
+ margin: 3rem !important;
+ }
+ .rz-my-lg-12,
+ .rz-mt-lg-12 {
+ margin-top: 3rem !important;
+ }
+ .rz-mx-lg-12,
+ .rz-mr-lg-12 {
+ margin-right: 3rem !important;
+ }
+ .rz-my-lg-12,
+ .rz-mb-lg-12 {
+ margin-bottom: 3rem !important;
+ }
+ .rz-mx-lg-12,
+ .rz-ml-lg-12 {
+ margin-left: 3rem !important;
+ }
+ .rz-ms-lg-12 {
+ margin-inline-start: 3rem !important;
+ }
+ .rz-me-lg-12 {
+ margin-inline-end: 3rem !important;
+ }
+ .rz-p-lg-0 {
+ padding: 0 !important;
+ }
+ .rz-py-lg-0,
+ .rz-pt-lg-0 {
+ padding-top: 0 !important;
+ }
+ .rz-px-lg-0,
+ .rz-pr-lg-0 {
+ padding-right: 0 !important;
+ }
+ .rz-py-lg-0,
+ .rz-pb-lg-0 {
+ padding-bottom: 0 !important;
+ }
+ .rz-px-lg-0,
+ .rz-pl-lg-0 {
+ padding-left: 0 !important;
+ }
+ .rz-ps-lg-0 {
+ padding-inline-start: 0 !important;
+ }
+ .rz-pe-lg-0 {
+ padding-inline-end: 0 !important;
+ }
+ .rz-p-lg-05 {
+ padding: 0.125rem !important;
+ }
+ .rz-py-lg-05,
+ .rz-pt-lg-05 {
+ padding-top: 0.125rem !important;
+ }
+ .rz-px-lg-05,
+ .rz-pr-lg-05 {
+ padding-right: 0.125rem !important;
+ }
+ .rz-py-lg-05,
+ .rz-pb-lg-05 {
+ padding-bottom: 0.125rem !important;
+ }
+ .rz-px-lg-05,
+ .rz-pl-lg-05 {
+ padding-left: 0.125rem !important;
+ }
+ .rz-ps-lg-05 {
+ padding-inline-start: 0.125rem !important;
+ }
+ .rz-pe-lg-05 {
+ padding-inline-end: 0.125rem !important;
+ }
+ .rz-p-lg-1 {
+ padding: 0.25rem !important;
+ }
+ .rz-py-lg-1,
+ .rz-pt-lg-1 {
+ padding-top: 0.25rem !important;
+ }
+ .rz-px-lg-1,
+ .rz-pr-lg-1 {
+ padding-right: 0.25rem !important;
+ }
+ .rz-py-lg-1,
+ .rz-pb-lg-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .rz-px-lg-1,
+ .rz-pl-lg-1 {
+ padding-left: 0.25rem !important;
+ }
+ .rz-ps-lg-1 {
+ padding-inline-start: 0.25rem !important;
+ }
+ .rz-pe-lg-1 {
+ padding-inline-end: 0.25rem !important;
+ }
+ .rz-p-lg-2 {
+ padding: 0.5rem !important;
+ }
+ .rz-py-lg-2,
+ .rz-pt-lg-2 {
+ padding-top: 0.5rem !important;
+ }
+ .rz-px-lg-2,
+ .rz-pr-lg-2 {
+ padding-right: 0.5rem !important;
+ }
+ .rz-py-lg-2,
+ .rz-pb-lg-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .rz-px-lg-2,
+ .rz-pl-lg-2 {
+ padding-left: 0.5rem !important;
+ }
+ .rz-ps-lg-2 {
+ padding-inline-start: 0.5rem !important;
+ }
+ .rz-pe-lg-2 {
+ padding-inline-end: 0.5rem !important;
+ }
+ .rz-p-lg-3 {
+ padding: 0.75rem !important;
+ }
+ .rz-py-lg-3,
+ .rz-pt-lg-3 {
+ padding-top: 0.75rem !important;
+ }
+ .rz-px-lg-3,
+ .rz-pr-lg-3 {
+ padding-right: 0.75rem !important;
+ }
+ .rz-py-lg-3,
+ .rz-pb-lg-3 {
+ padding-bottom: 0.75rem !important;
+ }
+ .rz-px-lg-3,
+ .rz-pl-lg-3 {
+ padding-left: 0.75rem !important;
+ }
+ .rz-ps-lg-3 {
+ padding-inline-start: 0.75rem !important;
+ }
+ .rz-pe-lg-3 {
+ padding-inline-end: 0.75rem !important;
+ }
+ .rz-p-lg-4 {
+ padding: 1rem !important;
+ }
+ .rz-py-lg-4,
+ .rz-pt-lg-4 {
+ padding-top: 1rem !important;
+ }
+ .rz-px-lg-4,
+ .rz-pr-lg-4 {
+ padding-right: 1rem !important;
+ }
+ .rz-py-lg-4,
+ .rz-pb-lg-4 {
+ padding-bottom: 1rem !important;
+ }
+ .rz-px-lg-4,
+ .rz-pl-lg-4 {
+ padding-left: 1rem !important;
+ }
+ .rz-ps-lg-4 {
+ padding-inline-start: 1rem !important;
+ }
+ .rz-pe-lg-4 {
+ padding-inline-end: 1rem !important;
+ }
+ .rz-p-lg-5 {
+ padding: 1.25rem !important;
+ }
+ .rz-py-lg-5,
+ .rz-pt-lg-5 {
+ padding-top: 1.25rem !important;
+ }
+ .rz-px-lg-5,
+ .rz-pr-lg-5 {
+ padding-right: 1.25rem !important;
+ }
+ .rz-py-lg-5,
+ .rz-pb-lg-5 {
+ padding-bottom: 1.25rem !important;
+ }
+ .rz-px-lg-5,
+ .rz-pl-lg-5 {
+ padding-left: 1.25rem !important;
+ }
+ .rz-ps-lg-5 {
+ padding-inline-start: 1.25rem !important;
+ }
+ .rz-pe-lg-5 {
+ padding-inline-end: 1.25rem !important;
+ }
+ .rz-p-lg-6 {
+ padding: 1.5rem !important;
+ }
+ .rz-py-lg-6,
+ .rz-pt-lg-6 {
+ padding-top: 1.5rem !important;
+ }
+ .rz-px-lg-6,
+ .rz-pr-lg-6 {
+ padding-right: 1.5rem !important;
+ }
+ .rz-py-lg-6,
+ .rz-pb-lg-6 {
+ padding-bottom: 1.5rem !important;
+ }
+ .rz-px-lg-6,
+ .rz-pl-lg-6 {
+ padding-left: 1.5rem !important;
+ }
+ .rz-ps-lg-6 {
+ padding-inline-start: 1.5rem !important;
+ }
+ .rz-pe-lg-6 {
+ padding-inline-end: 1.5rem !important;
+ }
+ .rz-p-lg-7 {
+ padding: 1.75rem !important;
+ }
+ .rz-py-lg-7,
+ .rz-pt-lg-7 {
+ padding-top: 1.75rem !important;
+ }
+ .rz-px-lg-7,
+ .rz-pr-lg-7 {
+ padding-right: 1.75rem !important;
+ }
+ .rz-py-lg-7,
+ .rz-pb-lg-7 {
+ padding-bottom: 1.75rem !important;
+ }
+ .rz-px-lg-7,
+ .rz-pl-lg-7 {
+ padding-left: 1.75rem !important;
+ }
+ .rz-ps-lg-7 {
+ padding-inline-start: 1.75rem !important;
+ }
+ .rz-pe-lg-7 {
+ padding-inline-end: 1.75rem !important;
+ }
+ .rz-p-lg-8 {
+ padding: 2rem !important;
+ }
+ .rz-py-lg-8,
+ .rz-pt-lg-8 {
+ padding-top: 2rem !important;
+ }
+ .rz-px-lg-8,
+ .rz-pr-lg-8 {
+ padding-right: 2rem !important;
+ }
+ .rz-py-lg-8,
+ .rz-pb-lg-8 {
+ padding-bottom: 2rem !important;
+ }
+ .rz-px-lg-8,
+ .rz-pl-lg-8 {
+ padding-left: 2rem !important;
+ }
+ .rz-ps-lg-8 {
+ padding-inline-start: 2rem !important;
+ }
+ .rz-pe-lg-8 {
+ padding-inline-end: 2rem !important;
+ }
+ .rz-p-lg-9 {
+ padding: 2.25rem !important;
+ }
+ .rz-py-lg-9,
+ .rz-pt-lg-9 {
+ padding-top: 2.25rem !important;
+ }
+ .rz-px-lg-9,
+ .rz-pr-lg-9 {
+ padding-right: 2.25rem !important;
+ }
+ .rz-py-lg-9,
+ .rz-pb-lg-9 {
+ padding-bottom: 2.25rem !important;
+ }
+ .rz-px-lg-9,
+ .rz-pl-lg-9 {
+ padding-left: 2.25rem !important;
+ }
+ .rz-ps-lg-9 {
+ padding-inline-start: 2.25rem !important;
+ }
+ .rz-pe-lg-9 {
+ padding-inline-end: 2.25rem !important;
+ }
+ .rz-p-lg-10 {
+ padding: 2.5rem !important;
+ }
+ .rz-py-lg-10,
+ .rz-pt-lg-10 {
+ padding-top: 2.5rem !important;
+ }
+ .rz-px-lg-10,
+ .rz-pr-lg-10 {
+ padding-right: 2.5rem !important;
+ }
+ .rz-py-lg-10,
+ .rz-pb-lg-10 {
+ padding-bottom: 2.5rem !important;
+ }
+ .rz-px-lg-10,
+ .rz-pl-lg-10 {
+ padding-left: 2.5rem !important;
+ }
+ .rz-ps-lg-10 {
+ padding-inline-start: 2.5rem !important;
+ }
+ .rz-pe-lg-10 {
+ padding-inline-end: 2.5rem !important;
+ }
+ .rz-p-lg-11 {
+ padding: 2.75rem !important;
+ }
+ .rz-py-lg-11,
+ .rz-pt-lg-11 {
+ padding-top: 2.75rem !important;
+ }
+ .rz-px-lg-11,
+ .rz-pr-lg-11 {
+ padding-right: 2.75rem !important;
+ }
+ .rz-py-lg-11,
+ .rz-pb-lg-11 {
+ padding-bottom: 2.75rem !important;
+ }
+ .rz-px-lg-11,
+ .rz-pl-lg-11 {
+ padding-left: 2.75rem !important;
+ }
+ .rz-ps-lg-11 {
+ padding-inline-start: 2.75rem !important;
+ }
+ .rz-pe-lg-11 {
+ padding-inline-end: 2.75rem !important;
+ }
+ .rz-p-lg-12 {
+ padding: 3rem !important;
+ }
+ .rz-py-lg-12,
+ .rz-pt-lg-12 {
+ padding-top: 3rem !important;
+ }
+ .rz-px-lg-12,
+ .rz-pr-lg-12 {
+ padding-right: 3rem !important;
+ }
+ .rz-py-lg-12,
+ .rz-pb-lg-12 {
+ padding-bottom: 3rem !important;
+ }
+ .rz-px-lg-12,
+ .rz-pl-lg-12 {
+ padding-left: 3rem !important;
+ }
+ .rz-ps-lg-12 {
+ padding-inline-start: 3rem !important;
+ }
+ .rz-pe-lg-12 {
+ padding-inline-end: 3rem !important;
+ }
+ .rz-m-lg-auto {
+ margin: auto !important;
+ }
+ .rz-my-lg-auto,
+ .rz-mt-lg-auto {
+ margin-top: auto !important;
+ }
+ .rz-mx-lg-auto,
+ .rz-mr-lg-auto {
+ margin-right: auto !important;
+ }
+ .rz-my-lg-auto,
+ .rz-mb-lg-auto {
+ margin-bottom: auto !important;
+ }
+ .rz-mx-lg-auto,
+ .rz-ml-lg-auto {
+ margin-left: auto !important;
+ }
+ .rz-ms-lg-auto {
+ margin-inline-start: auto !important;
+ }
+ .rz-me-lg-auto {
+ margin-inline-end: auto !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-m-xl-0 {
+ margin: 0 !important;
+ }
+ .rz-my-xl-0,
+ .rz-mt-xl-0 {
+ margin-top: 0 !important;
+ }
+ .rz-mx-xl-0,
+ .rz-mr-xl-0 {
+ margin-right: 0 !important;
+ }
+ .rz-my-xl-0,
+ .rz-mb-xl-0 {
+ margin-bottom: 0 !important;
+ }
+ .rz-mx-xl-0,
+ .rz-ml-xl-0 {
+ margin-left: 0 !important;
+ }
+ .rz-ms-xl-0 {
+ margin-inline-start: 0 !important;
+ }
+ .rz-me-xl-0 {
+ margin-inline-end: 0 !important;
+ }
+ .rz-m-xl-05 {
+ margin: 0.125rem !important;
+ }
+ .rz-my-xl-05,
+ .rz-mt-xl-05 {
+ margin-top: 0.125rem !important;
+ }
+ .rz-mx-xl-05,
+ .rz-mr-xl-05 {
+ margin-right: 0.125rem !important;
+ }
+ .rz-my-xl-05,
+ .rz-mb-xl-05 {
+ margin-bottom: 0.125rem !important;
+ }
+ .rz-mx-xl-05,
+ .rz-ml-xl-05 {
+ margin-left: 0.125rem !important;
+ }
+ .rz-ms-xl-05 {
+ margin-inline-start: 0.125rem !important;
+ }
+ .rz-me-xl-05 {
+ margin-inline-end: 0.125rem !important;
+ }
+ .rz-m-xl-1 {
+ margin: 0.25rem !important;
+ }
+ .rz-my-xl-1,
+ .rz-mt-xl-1 {
+ margin-top: 0.25rem !important;
+ }
+ .rz-mx-xl-1,
+ .rz-mr-xl-1 {
+ margin-right: 0.25rem !important;
+ }
+ .rz-my-xl-1,
+ .rz-mb-xl-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .rz-mx-xl-1,
+ .rz-ml-xl-1 {
+ margin-left: 0.25rem !important;
+ }
+ .rz-ms-xl-1 {
+ margin-inline-start: 0.25rem !important;
+ }
+ .rz-me-xl-1 {
+ margin-inline-end: 0.25rem !important;
+ }
+ .rz-m-xl-2 {
+ margin: 0.5rem !important;
+ }
+ .rz-my-xl-2,
+ .rz-mt-xl-2 {
+ margin-top: 0.5rem !important;
+ }
+ .rz-mx-xl-2,
+ .rz-mr-xl-2 {
+ margin-right: 0.5rem !important;
+ }
+ .rz-my-xl-2,
+ .rz-mb-xl-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .rz-mx-xl-2,
+ .rz-ml-xl-2 {
+ margin-left: 0.5rem !important;
+ }
+ .rz-ms-xl-2 {
+ margin-inline-start: 0.5rem !important;
+ }
+ .rz-me-xl-2 {
+ margin-inline-end: 0.5rem !important;
+ }
+ .rz-m-xl-3 {
+ margin: 0.75rem !important;
+ }
+ .rz-my-xl-3,
+ .rz-mt-xl-3 {
+ margin-top: 0.75rem !important;
+ }
+ .rz-mx-xl-3,
+ .rz-mr-xl-3 {
+ margin-right: 0.75rem !important;
+ }
+ .rz-my-xl-3,
+ .rz-mb-xl-3 {
+ margin-bottom: 0.75rem !important;
+ }
+ .rz-mx-xl-3,
+ .rz-ml-xl-3 {
+ margin-left: 0.75rem !important;
+ }
+ .rz-ms-xl-3 {
+ margin-inline-start: 0.75rem !important;
+ }
+ .rz-me-xl-3 {
+ margin-inline-end: 0.75rem !important;
+ }
+ .rz-m-xl-4 {
+ margin: 1rem !important;
+ }
+ .rz-my-xl-4,
+ .rz-mt-xl-4 {
+ margin-top: 1rem !important;
+ }
+ .rz-mx-xl-4,
+ .rz-mr-xl-4 {
+ margin-right: 1rem !important;
+ }
+ .rz-my-xl-4,
+ .rz-mb-xl-4 {
+ margin-bottom: 1rem !important;
+ }
+ .rz-mx-xl-4,
+ .rz-ml-xl-4 {
+ margin-left: 1rem !important;
+ }
+ .rz-ms-xl-4 {
+ margin-inline-start: 1rem !important;
+ }
+ .rz-me-xl-4 {
+ margin-inline-end: 1rem !important;
+ }
+ .rz-m-xl-5 {
+ margin: 1.25rem !important;
+ }
+ .rz-my-xl-5,
+ .rz-mt-xl-5 {
+ margin-top: 1.25rem !important;
+ }
+ .rz-mx-xl-5,
+ .rz-mr-xl-5 {
+ margin-right: 1.25rem !important;
+ }
+ .rz-my-xl-5,
+ .rz-mb-xl-5 {
+ margin-bottom: 1.25rem !important;
+ }
+ .rz-mx-xl-5,
+ .rz-ml-xl-5 {
+ margin-left: 1.25rem !important;
+ }
+ .rz-ms-xl-5 {
+ margin-inline-start: 1.25rem !important;
+ }
+ .rz-me-xl-5 {
+ margin-inline-end: 1.25rem !important;
+ }
+ .rz-m-xl-6 {
+ margin: 1.5rem !important;
+ }
+ .rz-my-xl-6,
+ .rz-mt-xl-6 {
+ margin-top: 1.5rem !important;
+ }
+ .rz-mx-xl-6,
+ .rz-mr-xl-6 {
+ margin-right: 1.5rem !important;
+ }
+ .rz-my-xl-6,
+ .rz-mb-xl-6 {
+ margin-bottom: 1.5rem !important;
+ }
+ .rz-mx-xl-6,
+ .rz-ml-xl-6 {
+ margin-left: 1.5rem !important;
+ }
+ .rz-ms-xl-6 {
+ margin-inline-start: 1.5rem !important;
+ }
+ .rz-me-xl-6 {
+ margin-inline-end: 1.5rem !important;
+ }
+ .rz-m-xl-7 {
+ margin: 1.75rem !important;
+ }
+ .rz-my-xl-7,
+ .rz-mt-xl-7 {
+ margin-top: 1.75rem !important;
+ }
+ .rz-mx-xl-7,
+ .rz-mr-xl-7 {
+ margin-right: 1.75rem !important;
+ }
+ .rz-my-xl-7,
+ .rz-mb-xl-7 {
+ margin-bottom: 1.75rem !important;
+ }
+ .rz-mx-xl-7,
+ .rz-ml-xl-7 {
+ margin-left: 1.75rem !important;
+ }
+ .rz-ms-xl-7 {
+ margin-inline-start: 1.75rem !important;
+ }
+ .rz-me-xl-7 {
+ margin-inline-end: 1.75rem !important;
+ }
+ .rz-m-xl-8 {
+ margin: 2rem !important;
+ }
+ .rz-my-xl-8,
+ .rz-mt-xl-8 {
+ margin-top: 2rem !important;
+ }
+ .rz-mx-xl-8,
+ .rz-mr-xl-8 {
+ margin-right: 2rem !important;
+ }
+ .rz-my-xl-8,
+ .rz-mb-xl-8 {
+ margin-bottom: 2rem !important;
+ }
+ .rz-mx-xl-8,
+ .rz-ml-xl-8 {
+ margin-left: 2rem !important;
+ }
+ .rz-ms-xl-8 {
+ margin-inline-start: 2rem !important;
+ }
+ .rz-me-xl-8 {
+ margin-inline-end: 2rem !important;
+ }
+ .rz-m-xl-9 {
+ margin: 2.25rem !important;
+ }
+ .rz-my-xl-9,
+ .rz-mt-xl-9 {
+ margin-top: 2.25rem !important;
+ }
+ .rz-mx-xl-9,
+ .rz-mr-xl-9 {
+ margin-right: 2.25rem !important;
+ }
+ .rz-my-xl-9,
+ .rz-mb-xl-9 {
+ margin-bottom: 2.25rem !important;
+ }
+ .rz-mx-xl-9,
+ .rz-ml-xl-9 {
+ margin-left: 2.25rem !important;
+ }
+ .rz-ms-xl-9 {
+ margin-inline-start: 2.25rem !important;
+ }
+ .rz-me-xl-9 {
+ margin-inline-end: 2.25rem !important;
+ }
+ .rz-m-xl-10 {
+ margin: 2.5rem !important;
+ }
+ .rz-my-xl-10,
+ .rz-mt-xl-10 {
+ margin-top: 2.5rem !important;
+ }
+ .rz-mx-xl-10,
+ .rz-mr-xl-10 {
+ margin-right: 2.5rem !important;
+ }
+ .rz-my-xl-10,
+ .rz-mb-xl-10 {
+ margin-bottom: 2.5rem !important;
+ }
+ .rz-mx-xl-10,
+ .rz-ml-xl-10 {
+ margin-left: 2.5rem !important;
+ }
+ .rz-ms-xl-10 {
+ margin-inline-start: 2.5rem !important;
+ }
+ .rz-me-xl-10 {
+ margin-inline-end: 2.5rem !important;
+ }
+ .rz-m-xl-11 {
+ margin: 2.75rem !important;
+ }
+ .rz-my-xl-11,
+ .rz-mt-xl-11 {
+ margin-top: 2.75rem !important;
+ }
+ .rz-mx-xl-11,
+ .rz-mr-xl-11 {
+ margin-right: 2.75rem !important;
+ }
+ .rz-my-xl-11,
+ .rz-mb-xl-11 {
+ margin-bottom: 2.75rem !important;
+ }
+ .rz-mx-xl-11,
+ .rz-ml-xl-11 {
+ margin-left: 2.75rem !important;
+ }
+ .rz-ms-xl-11 {
+ margin-inline-start: 2.75rem !important;
+ }
+ .rz-me-xl-11 {
+ margin-inline-end: 2.75rem !important;
+ }
+ .rz-m-xl-12 {
+ margin: 3rem !important;
+ }
+ .rz-my-xl-12,
+ .rz-mt-xl-12 {
+ margin-top: 3rem !important;
+ }
+ .rz-mx-xl-12,
+ .rz-mr-xl-12 {
+ margin-right: 3rem !important;
+ }
+ .rz-my-xl-12,
+ .rz-mb-xl-12 {
+ margin-bottom: 3rem !important;
+ }
+ .rz-mx-xl-12,
+ .rz-ml-xl-12 {
+ margin-left: 3rem !important;
+ }
+ .rz-ms-xl-12 {
+ margin-inline-start: 3rem !important;
+ }
+ .rz-me-xl-12 {
+ margin-inline-end: 3rem !important;
+ }
+ .rz-p-xl-0 {
+ padding: 0 !important;
+ }
+ .rz-py-xl-0,
+ .rz-pt-xl-0 {
+ padding-top: 0 !important;
+ }
+ .rz-px-xl-0,
+ .rz-pr-xl-0 {
+ padding-right: 0 !important;
+ }
+ .rz-py-xl-0,
+ .rz-pb-xl-0 {
+ padding-bottom: 0 !important;
+ }
+ .rz-px-xl-0,
+ .rz-pl-xl-0 {
+ padding-left: 0 !important;
+ }
+ .rz-ps-xl-0 {
+ padding-inline-start: 0 !important;
+ }
+ .rz-pe-xl-0 {
+ padding-inline-end: 0 !important;
+ }
+ .rz-p-xl-05 {
+ padding: 0.125rem !important;
+ }
+ .rz-py-xl-05,
+ .rz-pt-xl-05 {
+ padding-top: 0.125rem !important;
+ }
+ .rz-px-xl-05,
+ .rz-pr-xl-05 {
+ padding-right: 0.125rem !important;
+ }
+ .rz-py-xl-05,
+ .rz-pb-xl-05 {
+ padding-bottom: 0.125rem !important;
+ }
+ .rz-px-xl-05,
+ .rz-pl-xl-05 {
+ padding-left: 0.125rem !important;
+ }
+ .rz-ps-xl-05 {
+ padding-inline-start: 0.125rem !important;
+ }
+ .rz-pe-xl-05 {
+ padding-inline-end: 0.125rem !important;
+ }
+ .rz-p-xl-1 {
+ padding: 0.25rem !important;
+ }
+ .rz-py-xl-1,
+ .rz-pt-xl-1 {
+ padding-top: 0.25rem !important;
+ }
+ .rz-px-xl-1,
+ .rz-pr-xl-1 {
+ padding-right: 0.25rem !important;
+ }
+ .rz-py-xl-1,
+ .rz-pb-xl-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .rz-px-xl-1,
+ .rz-pl-xl-1 {
+ padding-left: 0.25rem !important;
+ }
+ .rz-ps-xl-1 {
+ padding-inline-start: 0.25rem !important;
+ }
+ .rz-pe-xl-1 {
+ padding-inline-end: 0.25rem !important;
+ }
+ .rz-p-xl-2 {
+ padding: 0.5rem !important;
+ }
+ .rz-py-xl-2,
+ .rz-pt-xl-2 {
+ padding-top: 0.5rem !important;
+ }
+ .rz-px-xl-2,
+ .rz-pr-xl-2 {
+ padding-right: 0.5rem !important;
+ }
+ .rz-py-xl-2,
+ .rz-pb-xl-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .rz-px-xl-2,
+ .rz-pl-xl-2 {
+ padding-left: 0.5rem !important;
+ }
+ .rz-ps-xl-2 {
+ padding-inline-start: 0.5rem !important;
+ }
+ .rz-pe-xl-2 {
+ padding-inline-end: 0.5rem !important;
+ }
+ .rz-p-xl-3 {
+ padding: 0.75rem !important;
+ }
+ .rz-py-xl-3,
+ .rz-pt-xl-3 {
+ padding-top: 0.75rem !important;
+ }
+ .rz-px-xl-3,
+ .rz-pr-xl-3 {
+ padding-right: 0.75rem !important;
+ }
+ .rz-py-xl-3,
+ .rz-pb-xl-3 {
+ padding-bottom: 0.75rem !important;
+ }
+ .rz-px-xl-3,
+ .rz-pl-xl-3 {
+ padding-left: 0.75rem !important;
+ }
+ .rz-ps-xl-3 {
+ padding-inline-start: 0.75rem !important;
+ }
+ .rz-pe-xl-3 {
+ padding-inline-end: 0.75rem !important;
+ }
+ .rz-p-xl-4 {
+ padding: 1rem !important;
+ }
+ .rz-py-xl-4,
+ .rz-pt-xl-4 {
+ padding-top: 1rem !important;
+ }
+ .rz-px-xl-4,
+ .rz-pr-xl-4 {
+ padding-right: 1rem !important;
+ }
+ .rz-py-xl-4,
+ .rz-pb-xl-4 {
+ padding-bottom: 1rem !important;
+ }
+ .rz-px-xl-4,
+ .rz-pl-xl-4 {
+ padding-left: 1rem !important;
+ }
+ .rz-ps-xl-4 {
+ padding-inline-start: 1rem !important;
+ }
+ .rz-pe-xl-4 {
+ padding-inline-end: 1rem !important;
+ }
+ .rz-p-xl-5 {
+ padding: 1.25rem !important;
+ }
+ .rz-py-xl-5,
+ .rz-pt-xl-5 {
+ padding-top: 1.25rem !important;
+ }
+ .rz-px-xl-5,
+ .rz-pr-xl-5 {
+ padding-right: 1.25rem !important;
+ }
+ .rz-py-xl-5,
+ .rz-pb-xl-5 {
+ padding-bottom: 1.25rem !important;
+ }
+ .rz-px-xl-5,
+ .rz-pl-xl-5 {
+ padding-left: 1.25rem !important;
+ }
+ .rz-ps-xl-5 {
+ padding-inline-start: 1.25rem !important;
+ }
+ .rz-pe-xl-5 {
+ padding-inline-end: 1.25rem !important;
+ }
+ .rz-p-xl-6 {
+ padding: 1.5rem !important;
+ }
+ .rz-py-xl-6,
+ .rz-pt-xl-6 {
+ padding-top: 1.5rem !important;
+ }
+ .rz-px-xl-6,
+ .rz-pr-xl-6 {
+ padding-right: 1.5rem !important;
+ }
+ .rz-py-xl-6,
+ .rz-pb-xl-6 {
+ padding-bottom: 1.5rem !important;
+ }
+ .rz-px-xl-6,
+ .rz-pl-xl-6 {
+ padding-left: 1.5rem !important;
+ }
+ .rz-ps-xl-6 {
+ padding-inline-start: 1.5rem !important;
+ }
+ .rz-pe-xl-6 {
+ padding-inline-end: 1.5rem !important;
+ }
+ .rz-p-xl-7 {
+ padding: 1.75rem !important;
+ }
+ .rz-py-xl-7,
+ .rz-pt-xl-7 {
+ padding-top: 1.75rem !important;
+ }
+ .rz-px-xl-7,
+ .rz-pr-xl-7 {
+ padding-right: 1.75rem !important;
+ }
+ .rz-py-xl-7,
+ .rz-pb-xl-7 {
+ padding-bottom: 1.75rem !important;
+ }
+ .rz-px-xl-7,
+ .rz-pl-xl-7 {
+ padding-left: 1.75rem !important;
+ }
+ .rz-ps-xl-7 {
+ padding-inline-start: 1.75rem !important;
+ }
+ .rz-pe-xl-7 {
+ padding-inline-end: 1.75rem !important;
+ }
+ .rz-p-xl-8 {
+ padding: 2rem !important;
+ }
+ .rz-py-xl-8,
+ .rz-pt-xl-8 {
+ padding-top: 2rem !important;
+ }
+ .rz-px-xl-8,
+ .rz-pr-xl-8 {
+ padding-right: 2rem !important;
+ }
+ .rz-py-xl-8,
+ .rz-pb-xl-8 {
+ padding-bottom: 2rem !important;
+ }
+ .rz-px-xl-8,
+ .rz-pl-xl-8 {
+ padding-left: 2rem !important;
+ }
+ .rz-ps-xl-8 {
+ padding-inline-start: 2rem !important;
+ }
+ .rz-pe-xl-8 {
+ padding-inline-end: 2rem !important;
+ }
+ .rz-p-xl-9 {
+ padding: 2.25rem !important;
+ }
+ .rz-py-xl-9,
+ .rz-pt-xl-9 {
+ padding-top: 2.25rem !important;
+ }
+ .rz-px-xl-9,
+ .rz-pr-xl-9 {
+ padding-right: 2.25rem !important;
+ }
+ .rz-py-xl-9,
+ .rz-pb-xl-9 {
+ padding-bottom: 2.25rem !important;
+ }
+ .rz-px-xl-9,
+ .rz-pl-xl-9 {
+ padding-left: 2.25rem !important;
+ }
+ .rz-ps-xl-9 {
+ padding-inline-start: 2.25rem !important;
+ }
+ .rz-pe-xl-9 {
+ padding-inline-end: 2.25rem !important;
+ }
+ .rz-p-xl-10 {
+ padding: 2.5rem !important;
+ }
+ .rz-py-xl-10,
+ .rz-pt-xl-10 {
+ padding-top: 2.5rem !important;
+ }
+ .rz-px-xl-10,
+ .rz-pr-xl-10 {
+ padding-right: 2.5rem !important;
+ }
+ .rz-py-xl-10,
+ .rz-pb-xl-10 {
+ padding-bottom: 2.5rem !important;
+ }
+ .rz-px-xl-10,
+ .rz-pl-xl-10 {
+ padding-left: 2.5rem !important;
+ }
+ .rz-ps-xl-10 {
+ padding-inline-start: 2.5rem !important;
+ }
+ .rz-pe-xl-10 {
+ padding-inline-end: 2.5rem !important;
+ }
+ .rz-p-xl-11 {
+ padding: 2.75rem !important;
+ }
+ .rz-py-xl-11,
+ .rz-pt-xl-11 {
+ padding-top: 2.75rem !important;
+ }
+ .rz-px-xl-11,
+ .rz-pr-xl-11 {
+ padding-right: 2.75rem !important;
+ }
+ .rz-py-xl-11,
+ .rz-pb-xl-11 {
+ padding-bottom: 2.75rem !important;
+ }
+ .rz-px-xl-11,
+ .rz-pl-xl-11 {
+ padding-left: 2.75rem !important;
+ }
+ .rz-ps-xl-11 {
+ padding-inline-start: 2.75rem !important;
+ }
+ .rz-pe-xl-11 {
+ padding-inline-end: 2.75rem !important;
+ }
+ .rz-p-xl-12 {
+ padding: 3rem !important;
+ }
+ .rz-py-xl-12,
+ .rz-pt-xl-12 {
+ padding-top: 3rem !important;
+ }
+ .rz-px-xl-12,
+ .rz-pr-xl-12 {
+ padding-right: 3rem !important;
+ }
+ .rz-py-xl-12,
+ .rz-pb-xl-12 {
+ padding-bottom: 3rem !important;
+ }
+ .rz-px-xl-12,
+ .rz-pl-xl-12 {
+ padding-left: 3rem !important;
+ }
+ .rz-ps-xl-12 {
+ padding-inline-start: 3rem !important;
+ }
+ .rz-pe-xl-12 {
+ padding-inline-end: 3rem !important;
+ }
+ .rz-m-xl-auto {
+ margin: auto !important;
+ }
+ .rz-my-xl-auto,
+ .rz-mt-xl-auto {
+ margin-top: auto !important;
+ }
+ .rz-mx-xl-auto,
+ .rz-mr-xl-auto {
+ margin-right: auto !important;
+ }
+ .rz-my-xl-auto,
+ .rz-mb-xl-auto {
+ margin-bottom: auto !important;
+ }
+ .rz-mx-xl-auto,
+ .rz-ml-xl-auto {
+ margin-left: auto !important;
+ }
+ .rz-ms-xl-auto {
+ margin-inline-start: auto !important;
+ }
+ .rz-me-xl-auto {
+ margin-inline-end: auto !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-m-xx-0 {
+ margin: 0 !important;
+ }
+ .rz-my-xx-0,
+ .rz-mt-xx-0 {
+ margin-top: 0 !important;
+ }
+ .rz-mx-xx-0,
+ .rz-mr-xx-0 {
+ margin-right: 0 !important;
+ }
+ .rz-my-xx-0,
+ .rz-mb-xx-0 {
+ margin-bottom: 0 !important;
+ }
+ .rz-mx-xx-0,
+ .rz-ml-xx-0 {
+ margin-left: 0 !important;
+ }
+ .rz-ms-xx-0 {
+ margin-inline-start: 0 !important;
+ }
+ .rz-me-xx-0 {
+ margin-inline-end: 0 !important;
+ }
+ .rz-m-xx-05 {
+ margin: 0.125rem !important;
+ }
+ .rz-my-xx-05,
+ .rz-mt-xx-05 {
+ margin-top: 0.125rem !important;
+ }
+ .rz-mx-xx-05,
+ .rz-mr-xx-05 {
+ margin-right: 0.125rem !important;
+ }
+ .rz-my-xx-05,
+ .rz-mb-xx-05 {
+ margin-bottom: 0.125rem !important;
+ }
+ .rz-mx-xx-05,
+ .rz-ml-xx-05 {
+ margin-left: 0.125rem !important;
+ }
+ .rz-ms-xx-05 {
+ margin-inline-start: 0.125rem !important;
+ }
+ .rz-me-xx-05 {
+ margin-inline-end: 0.125rem !important;
+ }
+ .rz-m-xx-1 {
+ margin: 0.25rem !important;
+ }
+ .rz-my-xx-1,
+ .rz-mt-xx-1 {
+ margin-top: 0.25rem !important;
+ }
+ .rz-mx-xx-1,
+ .rz-mr-xx-1 {
+ margin-right: 0.25rem !important;
+ }
+ .rz-my-xx-1,
+ .rz-mb-xx-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .rz-mx-xx-1,
+ .rz-ml-xx-1 {
+ margin-left: 0.25rem !important;
+ }
+ .rz-ms-xx-1 {
+ margin-inline-start: 0.25rem !important;
+ }
+ .rz-me-xx-1 {
+ margin-inline-end: 0.25rem !important;
+ }
+ .rz-m-xx-2 {
+ margin: 0.5rem !important;
+ }
+ .rz-my-xx-2,
+ .rz-mt-xx-2 {
+ margin-top: 0.5rem !important;
+ }
+ .rz-mx-xx-2,
+ .rz-mr-xx-2 {
+ margin-right: 0.5rem !important;
+ }
+ .rz-my-xx-2,
+ .rz-mb-xx-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .rz-mx-xx-2,
+ .rz-ml-xx-2 {
+ margin-left: 0.5rem !important;
+ }
+ .rz-ms-xx-2 {
+ margin-inline-start: 0.5rem !important;
+ }
+ .rz-me-xx-2 {
+ margin-inline-end: 0.5rem !important;
+ }
+ .rz-m-xx-3 {
+ margin: 0.75rem !important;
+ }
+ .rz-my-xx-3,
+ .rz-mt-xx-3 {
+ margin-top: 0.75rem !important;
+ }
+ .rz-mx-xx-3,
+ .rz-mr-xx-3 {
+ margin-right: 0.75rem !important;
+ }
+ .rz-my-xx-3,
+ .rz-mb-xx-3 {
+ margin-bottom: 0.75rem !important;
+ }
+ .rz-mx-xx-3,
+ .rz-ml-xx-3 {
+ margin-left: 0.75rem !important;
+ }
+ .rz-ms-xx-3 {
+ margin-inline-start: 0.75rem !important;
+ }
+ .rz-me-xx-3 {
+ margin-inline-end: 0.75rem !important;
+ }
+ .rz-m-xx-4 {
+ margin: 1rem !important;
+ }
+ .rz-my-xx-4,
+ .rz-mt-xx-4 {
+ margin-top: 1rem !important;
+ }
+ .rz-mx-xx-4,
+ .rz-mr-xx-4 {
+ margin-right: 1rem !important;
+ }
+ .rz-my-xx-4,
+ .rz-mb-xx-4 {
+ margin-bottom: 1rem !important;
+ }
+ .rz-mx-xx-4,
+ .rz-ml-xx-4 {
+ margin-left: 1rem !important;
+ }
+ .rz-ms-xx-4 {
+ margin-inline-start: 1rem !important;
+ }
+ .rz-me-xx-4 {
+ margin-inline-end: 1rem !important;
+ }
+ .rz-m-xx-5 {
+ margin: 1.25rem !important;
+ }
+ .rz-my-xx-5,
+ .rz-mt-xx-5 {
+ margin-top: 1.25rem !important;
+ }
+ .rz-mx-xx-5,
+ .rz-mr-xx-5 {
+ margin-right: 1.25rem !important;
+ }
+ .rz-my-xx-5,
+ .rz-mb-xx-5 {
+ margin-bottom: 1.25rem !important;
+ }
+ .rz-mx-xx-5,
+ .rz-ml-xx-5 {
+ margin-left: 1.25rem !important;
+ }
+ .rz-ms-xx-5 {
+ margin-inline-start: 1.25rem !important;
+ }
+ .rz-me-xx-5 {
+ margin-inline-end: 1.25rem !important;
+ }
+ .rz-m-xx-6 {
+ margin: 1.5rem !important;
+ }
+ .rz-my-xx-6,
+ .rz-mt-xx-6 {
+ margin-top: 1.5rem !important;
+ }
+ .rz-mx-xx-6,
+ .rz-mr-xx-6 {
+ margin-right: 1.5rem !important;
+ }
+ .rz-my-xx-6,
+ .rz-mb-xx-6 {
+ margin-bottom: 1.5rem !important;
+ }
+ .rz-mx-xx-6,
+ .rz-ml-xx-6 {
+ margin-left: 1.5rem !important;
+ }
+ .rz-ms-xx-6 {
+ margin-inline-start: 1.5rem !important;
+ }
+ .rz-me-xx-6 {
+ margin-inline-end: 1.5rem !important;
+ }
+ .rz-m-xx-7 {
+ margin: 1.75rem !important;
+ }
+ .rz-my-xx-7,
+ .rz-mt-xx-7 {
+ margin-top: 1.75rem !important;
+ }
+ .rz-mx-xx-7,
+ .rz-mr-xx-7 {
+ margin-right: 1.75rem !important;
+ }
+ .rz-my-xx-7,
+ .rz-mb-xx-7 {
+ margin-bottom: 1.75rem !important;
+ }
+ .rz-mx-xx-7,
+ .rz-ml-xx-7 {
+ margin-left: 1.75rem !important;
+ }
+ .rz-ms-xx-7 {
+ margin-inline-start: 1.75rem !important;
+ }
+ .rz-me-xx-7 {
+ margin-inline-end: 1.75rem !important;
+ }
+ .rz-m-xx-8 {
+ margin: 2rem !important;
+ }
+ .rz-my-xx-8,
+ .rz-mt-xx-8 {
+ margin-top: 2rem !important;
+ }
+ .rz-mx-xx-8,
+ .rz-mr-xx-8 {
+ margin-right: 2rem !important;
+ }
+ .rz-my-xx-8,
+ .rz-mb-xx-8 {
+ margin-bottom: 2rem !important;
+ }
+ .rz-mx-xx-8,
+ .rz-ml-xx-8 {
+ margin-left: 2rem !important;
+ }
+ .rz-ms-xx-8 {
+ margin-inline-start: 2rem !important;
+ }
+ .rz-me-xx-8 {
+ margin-inline-end: 2rem !important;
+ }
+ .rz-m-xx-9 {
+ margin: 2.25rem !important;
+ }
+ .rz-my-xx-9,
+ .rz-mt-xx-9 {
+ margin-top: 2.25rem !important;
+ }
+ .rz-mx-xx-9,
+ .rz-mr-xx-9 {
+ margin-right: 2.25rem !important;
+ }
+ .rz-my-xx-9,
+ .rz-mb-xx-9 {
+ margin-bottom: 2.25rem !important;
+ }
+ .rz-mx-xx-9,
+ .rz-ml-xx-9 {
+ margin-left: 2.25rem !important;
+ }
+ .rz-ms-xx-9 {
+ margin-inline-start: 2.25rem !important;
+ }
+ .rz-me-xx-9 {
+ margin-inline-end: 2.25rem !important;
+ }
+ .rz-m-xx-10 {
+ margin: 2.5rem !important;
+ }
+ .rz-my-xx-10,
+ .rz-mt-xx-10 {
+ margin-top: 2.5rem !important;
+ }
+ .rz-mx-xx-10,
+ .rz-mr-xx-10 {
+ margin-right: 2.5rem !important;
+ }
+ .rz-my-xx-10,
+ .rz-mb-xx-10 {
+ margin-bottom: 2.5rem !important;
+ }
+ .rz-mx-xx-10,
+ .rz-ml-xx-10 {
+ margin-left: 2.5rem !important;
+ }
+ .rz-ms-xx-10 {
+ margin-inline-start: 2.5rem !important;
+ }
+ .rz-me-xx-10 {
+ margin-inline-end: 2.5rem !important;
+ }
+ .rz-m-xx-11 {
+ margin: 2.75rem !important;
+ }
+ .rz-my-xx-11,
+ .rz-mt-xx-11 {
+ margin-top: 2.75rem !important;
+ }
+ .rz-mx-xx-11,
+ .rz-mr-xx-11 {
+ margin-right: 2.75rem !important;
+ }
+ .rz-my-xx-11,
+ .rz-mb-xx-11 {
+ margin-bottom: 2.75rem !important;
+ }
+ .rz-mx-xx-11,
+ .rz-ml-xx-11 {
+ margin-left: 2.75rem !important;
+ }
+ .rz-ms-xx-11 {
+ margin-inline-start: 2.75rem !important;
+ }
+ .rz-me-xx-11 {
+ margin-inline-end: 2.75rem !important;
+ }
+ .rz-m-xx-12 {
+ margin: 3rem !important;
+ }
+ .rz-my-xx-12,
+ .rz-mt-xx-12 {
+ margin-top: 3rem !important;
+ }
+ .rz-mx-xx-12,
+ .rz-mr-xx-12 {
+ margin-right: 3rem !important;
+ }
+ .rz-my-xx-12,
+ .rz-mb-xx-12 {
+ margin-bottom: 3rem !important;
+ }
+ .rz-mx-xx-12,
+ .rz-ml-xx-12 {
+ margin-left: 3rem !important;
+ }
+ .rz-ms-xx-12 {
+ margin-inline-start: 3rem !important;
+ }
+ .rz-me-xx-12 {
+ margin-inline-end: 3rem !important;
+ }
+ .rz-p-xx-0 {
+ padding: 0 !important;
+ }
+ .rz-py-xx-0,
+ .rz-pt-xx-0 {
+ padding-top: 0 !important;
+ }
+ .rz-px-xx-0,
+ .rz-pr-xx-0 {
+ padding-right: 0 !important;
+ }
+ .rz-py-xx-0,
+ .rz-pb-xx-0 {
+ padding-bottom: 0 !important;
+ }
+ .rz-px-xx-0,
+ .rz-pl-xx-0 {
+ padding-left: 0 !important;
+ }
+ .rz-ps-xx-0 {
+ padding-inline-start: 0 !important;
+ }
+ .rz-pe-xx-0 {
+ padding-inline-end: 0 !important;
+ }
+ .rz-p-xx-05 {
+ padding: 0.125rem !important;
+ }
+ .rz-py-xx-05,
+ .rz-pt-xx-05 {
+ padding-top: 0.125rem !important;
+ }
+ .rz-px-xx-05,
+ .rz-pr-xx-05 {
+ padding-right: 0.125rem !important;
+ }
+ .rz-py-xx-05,
+ .rz-pb-xx-05 {
+ padding-bottom: 0.125rem !important;
+ }
+ .rz-px-xx-05,
+ .rz-pl-xx-05 {
+ padding-left: 0.125rem !important;
+ }
+ .rz-ps-xx-05 {
+ padding-inline-start: 0.125rem !important;
+ }
+ .rz-pe-xx-05 {
+ padding-inline-end: 0.125rem !important;
+ }
+ .rz-p-xx-1 {
+ padding: 0.25rem !important;
+ }
+ .rz-py-xx-1,
+ .rz-pt-xx-1 {
+ padding-top: 0.25rem !important;
+ }
+ .rz-px-xx-1,
+ .rz-pr-xx-1 {
+ padding-right: 0.25rem !important;
+ }
+ .rz-py-xx-1,
+ .rz-pb-xx-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .rz-px-xx-1,
+ .rz-pl-xx-1 {
+ padding-left: 0.25rem !important;
+ }
+ .rz-ps-xx-1 {
+ padding-inline-start: 0.25rem !important;
+ }
+ .rz-pe-xx-1 {
+ padding-inline-end: 0.25rem !important;
+ }
+ .rz-p-xx-2 {
+ padding: 0.5rem !important;
+ }
+ .rz-py-xx-2,
+ .rz-pt-xx-2 {
+ padding-top: 0.5rem !important;
+ }
+ .rz-px-xx-2,
+ .rz-pr-xx-2 {
+ padding-right: 0.5rem !important;
+ }
+ .rz-py-xx-2,
+ .rz-pb-xx-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .rz-px-xx-2,
+ .rz-pl-xx-2 {
+ padding-left: 0.5rem !important;
+ }
+ .rz-ps-xx-2 {
+ padding-inline-start: 0.5rem !important;
+ }
+ .rz-pe-xx-2 {
+ padding-inline-end: 0.5rem !important;
+ }
+ .rz-p-xx-3 {
+ padding: 0.75rem !important;
+ }
+ .rz-py-xx-3,
+ .rz-pt-xx-3 {
+ padding-top: 0.75rem !important;
+ }
+ .rz-px-xx-3,
+ .rz-pr-xx-3 {
+ padding-right: 0.75rem !important;
+ }
+ .rz-py-xx-3,
+ .rz-pb-xx-3 {
+ padding-bottom: 0.75rem !important;
+ }
+ .rz-px-xx-3,
+ .rz-pl-xx-3 {
+ padding-left: 0.75rem !important;
+ }
+ .rz-ps-xx-3 {
+ padding-inline-start: 0.75rem !important;
+ }
+ .rz-pe-xx-3 {
+ padding-inline-end: 0.75rem !important;
+ }
+ .rz-p-xx-4 {
+ padding: 1rem !important;
+ }
+ .rz-py-xx-4,
+ .rz-pt-xx-4 {
+ padding-top: 1rem !important;
+ }
+ .rz-px-xx-4,
+ .rz-pr-xx-4 {
+ padding-right: 1rem !important;
+ }
+ .rz-py-xx-4,
+ .rz-pb-xx-4 {
+ padding-bottom: 1rem !important;
+ }
+ .rz-px-xx-4,
+ .rz-pl-xx-4 {
+ padding-left: 1rem !important;
+ }
+ .rz-ps-xx-4 {
+ padding-inline-start: 1rem !important;
+ }
+ .rz-pe-xx-4 {
+ padding-inline-end: 1rem !important;
+ }
+ .rz-p-xx-5 {
+ padding: 1.25rem !important;
+ }
+ .rz-py-xx-5,
+ .rz-pt-xx-5 {
+ padding-top: 1.25rem !important;
+ }
+ .rz-px-xx-5,
+ .rz-pr-xx-5 {
+ padding-right: 1.25rem !important;
+ }
+ .rz-py-xx-5,
+ .rz-pb-xx-5 {
+ padding-bottom: 1.25rem !important;
+ }
+ .rz-px-xx-5,
+ .rz-pl-xx-5 {
+ padding-left: 1.25rem !important;
+ }
+ .rz-ps-xx-5 {
+ padding-inline-start: 1.25rem !important;
+ }
+ .rz-pe-xx-5 {
+ padding-inline-end: 1.25rem !important;
+ }
+ .rz-p-xx-6 {
+ padding: 1.5rem !important;
+ }
+ .rz-py-xx-6,
+ .rz-pt-xx-6 {
+ padding-top: 1.5rem !important;
+ }
+ .rz-px-xx-6,
+ .rz-pr-xx-6 {
+ padding-right: 1.5rem !important;
+ }
+ .rz-py-xx-6,
+ .rz-pb-xx-6 {
+ padding-bottom: 1.5rem !important;
+ }
+ .rz-px-xx-6,
+ .rz-pl-xx-6 {
+ padding-left: 1.5rem !important;
+ }
+ .rz-ps-xx-6 {
+ padding-inline-start: 1.5rem !important;
+ }
+ .rz-pe-xx-6 {
+ padding-inline-end: 1.5rem !important;
+ }
+ .rz-p-xx-7 {
+ padding: 1.75rem !important;
+ }
+ .rz-py-xx-7,
+ .rz-pt-xx-7 {
+ padding-top: 1.75rem !important;
+ }
+ .rz-px-xx-7,
+ .rz-pr-xx-7 {
+ padding-right: 1.75rem !important;
+ }
+ .rz-py-xx-7,
+ .rz-pb-xx-7 {
+ padding-bottom: 1.75rem !important;
+ }
+ .rz-px-xx-7,
+ .rz-pl-xx-7 {
+ padding-left: 1.75rem !important;
+ }
+ .rz-ps-xx-7 {
+ padding-inline-start: 1.75rem !important;
+ }
+ .rz-pe-xx-7 {
+ padding-inline-end: 1.75rem !important;
+ }
+ .rz-p-xx-8 {
+ padding: 2rem !important;
+ }
+ .rz-py-xx-8,
+ .rz-pt-xx-8 {
+ padding-top: 2rem !important;
+ }
+ .rz-px-xx-8,
+ .rz-pr-xx-8 {
+ padding-right: 2rem !important;
+ }
+ .rz-py-xx-8,
+ .rz-pb-xx-8 {
+ padding-bottom: 2rem !important;
+ }
+ .rz-px-xx-8,
+ .rz-pl-xx-8 {
+ padding-left: 2rem !important;
+ }
+ .rz-ps-xx-8 {
+ padding-inline-start: 2rem !important;
+ }
+ .rz-pe-xx-8 {
+ padding-inline-end: 2rem !important;
+ }
+ .rz-p-xx-9 {
+ padding: 2.25rem !important;
+ }
+ .rz-py-xx-9,
+ .rz-pt-xx-9 {
+ padding-top: 2.25rem !important;
+ }
+ .rz-px-xx-9,
+ .rz-pr-xx-9 {
+ padding-right: 2.25rem !important;
+ }
+ .rz-py-xx-9,
+ .rz-pb-xx-9 {
+ padding-bottom: 2.25rem !important;
+ }
+ .rz-px-xx-9,
+ .rz-pl-xx-9 {
+ padding-left: 2.25rem !important;
+ }
+ .rz-ps-xx-9 {
+ padding-inline-start: 2.25rem !important;
+ }
+ .rz-pe-xx-9 {
+ padding-inline-end: 2.25rem !important;
+ }
+ .rz-p-xx-10 {
+ padding: 2.5rem !important;
+ }
+ .rz-py-xx-10,
+ .rz-pt-xx-10 {
+ padding-top: 2.5rem !important;
+ }
+ .rz-px-xx-10,
+ .rz-pr-xx-10 {
+ padding-right: 2.5rem !important;
+ }
+ .rz-py-xx-10,
+ .rz-pb-xx-10 {
+ padding-bottom: 2.5rem !important;
+ }
+ .rz-px-xx-10,
+ .rz-pl-xx-10 {
+ padding-left: 2.5rem !important;
+ }
+ .rz-ps-xx-10 {
+ padding-inline-start: 2.5rem !important;
+ }
+ .rz-pe-xx-10 {
+ padding-inline-end: 2.5rem !important;
+ }
+ .rz-p-xx-11 {
+ padding: 2.75rem !important;
+ }
+ .rz-py-xx-11,
+ .rz-pt-xx-11 {
+ padding-top: 2.75rem !important;
+ }
+ .rz-px-xx-11,
+ .rz-pr-xx-11 {
+ padding-right: 2.75rem !important;
+ }
+ .rz-py-xx-11,
+ .rz-pb-xx-11 {
+ padding-bottom: 2.75rem !important;
+ }
+ .rz-px-xx-11,
+ .rz-pl-xx-11 {
+ padding-left: 2.75rem !important;
+ }
+ .rz-ps-xx-11 {
+ padding-inline-start: 2.75rem !important;
+ }
+ .rz-pe-xx-11 {
+ padding-inline-end: 2.75rem !important;
+ }
+ .rz-p-xx-12 {
+ padding: 3rem !important;
+ }
+ .rz-py-xx-12,
+ .rz-pt-xx-12 {
+ padding-top: 3rem !important;
+ }
+ .rz-px-xx-12,
+ .rz-pr-xx-12 {
+ padding-right: 3rem !important;
+ }
+ .rz-py-xx-12,
+ .rz-pb-xx-12 {
+ padding-bottom: 3rem !important;
+ }
+ .rz-px-xx-12,
+ .rz-pl-xx-12 {
+ padding-left: 3rem !important;
+ }
+ .rz-ps-xx-12 {
+ padding-inline-start: 3rem !important;
+ }
+ .rz-pe-xx-12 {
+ padding-inline-end: 3rem !important;
+ }
+ .rz-m-xx-auto {
+ margin: auto !important;
+ }
+ .rz-my-xx-auto,
+ .rz-mt-xx-auto {
+ margin-top: auto !important;
+ }
+ .rz-mx-xx-auto,
+ .rz-mr-xx-auto {
+ margin-right: auto !important;
+ }
+ .rz-my-xx-auto,
+ .rz-mb-xx-auto {
+ margin-bottom: auto !important;
+ }
+ .rz-mx-xx-auto,
+ .rz-ml-xx-auto {
+ margin-left: auto !important;
+ }
+ .rz-ms-xx-auto {
+ margin-inline-start: auto !important;
+ }
+ .rz-me-xx-auto {
+ margin-inline-end: auto !important;
+ }
+}
+@keyframes rz-open {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+@keyframes rz-close {
+ from {
+ opacity: 1;
+ }
+ to {
+ opacity: 0;
+ }
+}
+.rz-open {
+ animation: var(--rz-expander-transition) rz-open;
+}
+
+.rz-close {
+ animation: var(--rz-expander-transition) rz-close;
+}
+
+@keyframes rz-pulse {
+ 0%, 100% {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0.5;
+ }
+}
+@keyframes rz-pulse-subtle {
+ 0%, 100% {
+ opacity: 0.1;
+ }
+ 50% {
+ opacity: 1;
+ }
+}
+@keyframes rz-wave {
+ 0% {
+ background-position: 200% 0;
+ }
+ 100% {
+ background-position: -200% 0;
+ }
+}
+h1.rz-heading {
+ font-size: 2rem;
+ line-height: 1.1875em;
+ font-weight: 700;
+ letter-spacing: -0.04em;
+ color: var(--rz-text-title-color);
+ margin-block-start: 0;
+ margin-block-end: 1rem;
+}
+
+h2.rz-heading {
+ font-size: 1.5rem;
+ line-height: 1.25em;
+ font-weight: 700;
+ letter-spacing: -0.03em;
+ color: var(--rz-text-title-color);
+ margin-block-start: 0;
+ margin-block-end: 1rem;
+}
+
+h3.rz-heading {
+ font-size: 1.125rem;
+ line-height: 1.25em;
+ font-weight: 700;
+ letter-spacing: -0.02em;
+ color: var(--rz-text-title-color);
+ margin-block-start: 0;
+ margin-block-end: 0.75rem;
+}
+
+h4.rz-heading {
+ font-size: 1rem;
+ line-height: 1.25em;
+ font-weight: 700;
+ letter-spacing: -0.02em;
+ color: var(--rz-text-title-color);
+ margin-block-start: 0;
+ margin-block-end: 0.5rem;
+}
+
+h5.rz-heading {
+ font-size: 0.875rem;
+ line-height: 1.25em;
+ font-weight: 700;
+ letter-spacing: -0.02em;
+ color: var(--rz-text-title-color);
+ margin-block-start: 0;
+ margin-block-end: 0.5rem;
+}
+
+h6.rz-heading {
+ font-size: 0.75rem;
+ line-height: 1.25em;
+ font-weight: 700;
+ letter-spacing: -0.02em;
+ color: var(--rz-text-title-color);
+ margin-block-start: 0;
+ margin-block-end: 0.5rem;
+}
+
+h1,
+.h1 {
+ font-size: 2rem;
+ line-height: 1.1875em;
+ font-weight: 700;
+ letter-spacing: -0.04em;
+ color: var(--rz-text-title-color);
+ margin-block-start: 0;
+ margin-block-end: 1rem;
+}
+
+h2,
+.h2 {
+ font-size: 1.5rem;
+ line-height: 1.25em;
+ font-weight: 700;
+ letter-spacing: -0.03em;
+ color: var(--rz-text-title-color);
+ margin-block-start: 0;
+ margin-block-end: 1rem;
+}
+
+h3,
+.h3 {
+ font-size: 1.125rem;
+ line-height: 1.25em;
+ font-weight: 700;
+ letter-spacing: -0.02em;
+ color: var(--rz-text-title-color);
+ margin-block-start: 0;
+ margin-block-end: 0.75rem;
+}
+
+h4,
+.h4 {
+ font-size: 1rem;
+ line-height: 1.25em;
+ font-weight: 700;
+ letter-spacing: -0.02em;
+ color: var(--rz-text-title-color);
+ margin-block-start: 0;
+ margin-block-end: 0.5rem;
+}
+
+h5,
+.h5 {
+ font-size: 0.875rem;
+ line-height: 1.25em;
+ font-weight: 700;
+ letter-spacing: -0.02em;
+ color: var(--rz-text-title-color);
+ margin-block-start: 0;
+ margin-block-end: 0.5rem;
+}
+
+h6,
+.h6 {
+ font-size: 0.75rem;
+ line-height: 1.25em;
+ font-weight: 700;
+ letter-spacing: -0.02em;
+ color: var(--rz-text-title-color);
+ margin-block-start: 0;
+ margin-block-end: 0.5rem;
+}
+
+h1.text-thin,
+.h1.text-thin {
+ font-size: 3rem;
+ font-weight: 300;
+}
+
+h2.text-thin,
+.h2.text-thin {
+ font-size: 2rem;
+ font-weight: 300;
+}
+
+h3.text-thin,
+.h3.text-thin {
+ font-size: 1.25rem;
+ font-weight: 300;
+}
+
+h4.text-thin,
+.h4.text-thin {
+ font-size: 1rem;
+ font-weight: 300;
+}
+
+h5.text-thin,
+.h5.text-thin {
+ font-size: 0.875rem;
+ font-weight: 300;
+}
+
+h6.text-thin,
+.h6.text-thin {
+ font-size: 0.75rem;
+ font-weight: 300;
+}
+
+.rz-text-display-h1 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-display-h1-font-size);
+ line-height: var(--rz-text-display-h1-line-height);
+ font-weight: var(--rz-text-display-h1-font-weight);
+ letter-spacing: var(--rz-text-display-h1-letter-spacing);
+ color: var(--rz-text-display-h1-color);
+ margin-block-start: var(--rz-text-display-h1-margin-block-start);
+ margin-block-end: var(--rz-text-display-h1-margin-block-end);
+}
+
+.rz-stack > .rz-text-display-h1 {
+ margin-block: 0;
+}
+
+.rz-text-display-h2 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-display-h2-font-size);
+ line-height: var(--rz-text-display-h2-line-height);
+ font-weight: var(--rz-text-display-h2-font-weight);
+ letter-spacing: var(--rz-text-display-h2-letter-spacing);
+ color: var(--rz-text-display-h2-color);
+ margin-block-start: var(--rz-text-display-h2-margin-block-start);
+ margin-block-end: var(--rz-text-display-h2-margin-block-end);
+}
+
+.rz-stack > .rz-text-display-h2 {
+ margin-block: 0;
+}
+
+.rz-text-display-h3 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-display-h3-font-size);
+ line-height: var(--rz-text-display-h3-line-height);
+ font-weight: var(--rz-text-display-h3-font-weight);
+ letter-spacing: var(--rz-text-display-h3-letter-spacing);
+ color: var(--rz-text-display-h3-color);
+ margin-block-start: var(--rz-text-display-h3-margin-block-start);
+ margin-block-end: var(--rz-text-display-h3-margin-block-end);
+}
+
+.rz-stack > .rz-text-display-h3 {
+ margin-block: 0;
+}
+
+.rz-text-display-h4 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-display-h4-font-size);
+ line-height: var(--rz-text-display-h4-line-height);
+ font-weight: var(--rz-text-display-h4-font-weight);
+ letter-spacing: var(--rz-text-display-h4-letter-spacing);
+ color: var(--rz-text-display-h4-color);
+ margin-block-start: var(--rz-text-display-h4-margin-block-start);
+ margin-block-end: var(--rz-text-display-h4-margin-block-end);
+}
+
+.rz-stack > .rz-text-display-h4 {
+ margin-block: 0;
+}
+
+.rz-text-display-h5 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-display-h5-font-size);
+ line-height: var(--rz-text-display-h5-line-height);
+ font-weight: var(--rz-text-display-h5-font-weight);
+ letter-spacing: var(--rz-text-display-h5-letter-spacing);
+ color: var(--rz-text-display-h5-color);
+ margin-block-start: var(--rz-text-display-h5-margin-block-start);
+ margin-block-end: var(--rz-text-display-h5-margin-block-end);
+}
+
+.rz-stack > .rz-text-display-h5 {
+ margin-block: 0;
+}
+
+.rz-text-display-h6 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-display-h6-font-size);
+ line-height: var(--rz-text-display-h6-line-height);
+ font-weight: var(--rz-text-display-h6-font-weight);
+ letter-spacing: var(--rz-text-display-h6-letter-spacing);
+ color: var(--rz-text-display-h6-color);
+ margin-block-start: var(--rz-text-display-h6-margin-block-start);
+ margin-block-end: var(--rz-text-display-h6-margin-block-end);
+}
+
+.rz-stack > .rz-text-display-h6 {
+ margin-block: 0;
+}
+
+.rz-text-h1 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-h1-font-size);
+ line-height: var(--rz-text-h1-line-height);
+ font-weight: var(--rz-text-h1-font-weight);
+ letter-spacing: var(--rz-text-h1-letter-spacing);
+ color: var(--rz-text-h1-color);
+ margin-block-start: var(--rz-text-h1-margin-block-start);
+ margin-block-end: var(--rz-text-h1-margin-block-end);
+}
+
+.rz-stack > .rz-text-h1 {
+ margin-block: 0;
+}
+
+.rz-text-h2 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-h2-font-size);
+ line-height: var(--rz-text-h2-line-height);
+ font-weight: var(--rz-text-h2-font-weight);
+ letter-spacing: var(--rz-text-h2-letter-spacing);
+ color: var(--rz-text-h2-color);
+ margin-block-start: var(--rz-text-h2-margin-block-start);
+ margin-block-end: var(--rz-text-h2-margin-block-end);
+}
+
+.rz-stack > .rz-text-h2 {
+ margin-block: 0;
+}
+
+.rz-text-h3 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-h3-font-size);
+ line-height: var(--rz-text-h3-line-height);
+ font-weight: var(--rz-text-h3-font-weight);
+ letter-spacing: var(--rz-text-h3-letter-spacing);
+ color: var(--rz-text-h3-color);
+ margin-block-start: var(--rz-text-h3-margin-block-start);
+ margin-block-end: var(--rz-text-h3-margin-block-end);
+}
+
+.rz-stack > .rz-text-h3 {
+ margin-block: 0;
+}
+
+.rz-text-h4 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-h4-font-size);
+ line-height: var(--rz-text-h4-line-height);
+ font-weight: var(--rz-text-h4-font-weight);
+ letter-spacing: var(--rz-text-h4-letter-spacing);
+ color: var(--rz-text-h4-color);
+ margin-block-start: var(--rz-text-h4-margin-block-start);
+ margin-block-end: var(--rz-text-h4-margin-block-end);
+}
+
+.rz-stack > .rz-text-h4 {
+ margin-block: 0;
+}
+
+.rz-text-h5 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-h5-font-size);
+ line-height: var(--rz-text-h5-line-height);
+ font-weight: var(--rz-text-h5-font-weight);
+ letter-spacing: var(--rz-text-h5-letter-spacing);
+ color: var(--rz-text-h5-color);
+ margin-block-start: var(--rz-text-h5-margin-block-start);
+ margin-block-end: var(--rz-text-h5-margin-block-end);
+}
+
+.rz-stack > .rz-text-h5 {
+ margin-block: 0;
+}
+
+.rz-text-h6 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-h6-font-size);
+ line-height: var(--rz-text-h6-line-height);
+ font-weight: var(--rz-text-h6-font-weight);
+ letter-spacing: var(--rz-text-h6-letter-spacing);
+ color: var(--rz-text-h6-color);
+ margin-block-start: var(--rz-text-h6-margin-block-start);
+ margin-block-end: var(--rz-text-h6-margin-block-end);
+}
+
+.rz-stack > .rz-text-h6 {
+ margin-block: 0;
+}
+
+.rz-text-subtitle1 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-subtitle1-font-size);
+ line-height: var(--rz-text-subtitle1-line-height);
+ font-weight: var(--rz-text-subtitle1-font-weight);
+ letter-spacing: var(--rz-text-subtitle1-letter-spacing);
+ color: var(--rz-text-subtitle1-color);
+ margin-block-start: var(--rz-text-subtitle1-margin-block-start);
+ margin-block-end: var(--rz-text-subtitle1-margin-block-end);
+}
+
+.rz-stack > .rz-text-subtitle1 {
+ margin-block: 0;
+}
+
+.rz-text-subtitle2 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-subtitle2-font-size);
+ line-height: var(--rz-text-subtitle2-line-height);
+ font-weight: var(--rz-text-subtitle2-font-weight);
+ letter-spacing: var(--rz-text-subtitle2-letter-spacing);
+ color: var(--rz-text-subtitle2-color);
+ margin-block-start: var(--rz-text-subtitle2-margin-block-start);
+ margin-block-end: var(--rz-text-subtitle2-margin-block-end);
+}
+
+.rz-stack > .rz-text-subtitle2 {
+ margin-block: 0;
+}
+
+.rz-text-body1 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-body1-font-size);
+ line-height: var(--rz-text-body1-line-height);
+ font-weight: var(--rz-text-body1-font-weight);
+ letter-spacing: var(--rz-text-body1-letter-spacing);
+ color: var(--rz-text-body1-color);
+ margin-block-start: var(--rz-text-body1-margin-block-start);
+ margin-block-end: var(--rz-text-body1-margin-block-end);
+}
+
+.rz-stack > .rz-text-body1 {
+ margin-block: 0;
+}
+
+.rz-text-body2 {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-body2-font-size);
+ line-height: var(--rz-text-body2-line-height);
+ font-weight: var(--rz-text-body2-font-weight);
+ letter-spacing: var(--rz-text-body2-letter-spacing);
+ color: var(--rz-text-body2-color);
+ margin-block-start: var(--rz-text-body2-margin-block-start);
+ margin-block-end: var(--rz-text-body2-margin-block-end);
+}
+
+.rz-stack > .rz-text-body2 {
+ margin-block: 0;
+}
+
+.rz-text-button {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-button-font-size);
+ line-height: var(--rz-text-button-line-height);
+ font-weight: var(--rz-text-button-font-weight);
+ letter-spacing: var(--rz-text-button-letter-spacing);
+ color: var(--rz-text-button-color);
+ margin-block-start: var(--rz-text-button-margin-block-start);
+ margin-block-end: var(--rz-text-button-margin-block-end);
+}
+
+.rz-stack > .rz-text-button {
+ margin-block: 0;
+}
+
+.rz-text-caption {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-caption-font-size);
+ line-height: var(--rz-text-caption-line-height);
+ font-weight: var(--rz-text-caption-font-weight);
+ letter-spacing: var(--rz-text-caption-letter-spacing);
+ color: var(--rz-text-caption-color);
+ margin-block-start: var(--rz-text-caption-margin-block-start);
+ margin-block-end: var(--rz-text-caption-margin-block-end);
+}
+
+.rz-stack > .rz-text-caption {
+ margin-block: 0;
+}
+
+.rz-text-overline {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-overline-font-size);
+ line-height: var(--rz-text-overline-line-height);
+ font-weight: var(--rz-text-overline-font-weight);
+ letter-spacing: var(--rz-text-overline-letter-spacing);
+ text-transform: var(--rz-text-overline-text-transform);
+ color: var(--rz-text-overline-color);
+ margin-block-start: var(--rz-text-overline-margin-block-start);
+ margin-block-end: var(--rz-text-overline-margin-block-end);
+}
+
+.rz-stack > .rz-text-overline {
+ margin-block: 0;
+}
+
+.rz-text-align-start {
+ text-align: start;
+}
+
+.rz-text-align-end {
+ text-align: end;
+}
+
+.rz-text-align-left {
+ text-align: left;
+}
+
+.rz-text-align-right {
+ text-align: right;
+}
+
+.rz-text-align-center {
+ text-align: center;
+}
+
+.rz-text-align-justify {
+ text-align: justify;
+}
+
+.rz-text-align-justify-all {
+ text-align: justify-all;
+}
+
+.rz-text-align-match-parent {
+ text-align: match-parent;
+}
+
+@media (min-width: 576px) {
+ .rz-text-align-xs-start {
+ text-align: start !important;
+ }
+ .rz-text-align-xs-end {
+ text-align: end !important;
+ }
+ .rz-text-align-xs-left {
+ text-align: left !important;
+ }
+ .rz-text-align-xs-right {
+ text-align: right !important;
+ }
+ .rz-text-align-xs-center {
+ text-align: center !important;
+ }
+ .rz-text-align-xs-justify {
+ text-align: justify !important;
+ }
+ .rz-text-align-xs-justify-all {
+ text-align: justify-all !important;
+ }
+ .rz-text-align-xs-match-parent {
+ text-align: match-parent !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-text-align-sm-start {
+ text-align: start !important;
+ }
+ .rz-text-align-sm-end {
+ text-align: end !important;
+ }
+ .rz-text-align-sm-left {
+ text-align: left !important;
+ }
+ .rz-text-align-sm-right {
+ text-align: right !important;
+ }
+ .rz-text-align-sm-center {
+ text-align: center !important;
+ }
+ .rz-text-align-sm-justify {
+ text-align: justify !important;
+ }
+ .rz-text-align-sm-justify-all {
+ text-align: justify-all !important;
+ }
+ .rz-text-align-sm-match-parent {
+ text-align: match-parent !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-text-align-md-start {
+ text-align: start !important;
+ }
+ .rz-text-align-md-end {
+ text-align: end !important;
+ }
+ .rz-text-align-md-left {
+ text-align: left !important;
+ }
+ .rz-text-align-md-right {
+ text-align: right !important;
+ }
+ .rz-text-align-md-center {
+ text-align: center !important;
+ }
+ .rz-text-align-md-justify {
+ text-align: justify !important;
+ }
+ .rz-text-align-md-justify-all {
+ text-align: justify-all !important;
+ }
+ .rz-text-align-md-match-parent {
+ text-align: match-parent !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-text-align-lg-start {
+ text-align: start !important;
+ }
+ .rz-text-align-lg-end {
+ text-align: end !important;
+ }
+ .rz-text-align-lg-left {
+ text-align: left !important;
+ }
+ .rz-text-align-lg-right {
+ text-align: right !important;
+ }
+ .rz-text-align-lg-center {
+ text-align: center !important;
+ }
+ .rz-text-align-lg-justify {
+ text-align: justify !important;
+ }
+ .rz-text-align-lg-justify-all {
+ text-align: justify-all !important;
+ }
+ .rz-text-align-lg-match-parent {
+ text-align: match-parent !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-text-align-xl-start {
+ text-align: start !important;
+ }
+ .rz-text-align-xl-end {
+ text-align: end !important;
+ }
+ .rz-text-align-xl-left {
+ text-align: left !important;
+ }
+ .rz-text-align-xl-right {
+ text-align: right !important;
+ }
+ .rz-text-align-xl-center {
+ text-align: center !important;
+ }
+ .rz-text-align-xl-justify {
+ text-align: justify !important;
+ }
+ .rz-text-align-xl-justify-all {
+ text-align: justify-all !important;
+ }
+ .rz-text-align-xl-match-parent {
+ text-align: match-parent !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-text-align-xx-start {
+ text-align: start !important;
+ }
+ .rz-text-align-xx-end {
+ text-align: end !important;
+ }
+ .rz-text-align-xx-left {
+ text-align: left !important;
+ }
+ .rz-text-align-xx-right {
+ text-align: right !important;
+ }
+ .rz-text-align-xx-center {
+ text-align: center !important;
+ }
+ .rz-text-align-xx-justify {
+ text-align: justify !important;
+ }
+ .rz-text-align-xx-justify-all {
+ text-align: justify-all !important;
+ }
+ .rz-text-align-xx-match-parent {
+ text-align: match-parent !important;
+ }
+}
+.rz-text-wrap {
+ white-space: normal !important;
+}
+
+.rz-text-nowrap {
+ white-space: nowrap !important;
+}
+
+.rz-text-truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.rz-text-capitalize {
+ text-transform: capitalize;
+}
+
+.rz-text-uppercase {
+ text-transform: uppercase;
+}
+
+.rz-text-lowercase {
+ text-transform: lowercase;
+}
+
+:root {
+ font-size: var(--rz-root-font-size);
+}
+
+body {
+ font-size: var(--rz-body-font-size);
+ line-height: var(--rz-body-line-height);
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+p {
+ line-height: var(--rz-body-line-height);
+}
+
+.rz-label {
+ vertical-align: middle;
+ margin-block-start: 0;
+ margin-block-end: 0;
+}
+
+.rz-form .row .rz-label {
+ min-height: var(--rz-input-height);
+ line-height: var(--rz-input-line-height);
+ padding-block: var(--rz-input-padding-block);
+ padding-inline: var(--rz-input-padding-inline);
+ padding-inline-start: 0;
+ border-top: var(--rz-input-border);
+ border-bottom: var(--rz-input-border);
+ border-color: transparent;
+}
+
+label {
+ margin-block-start: 0;
+ margin-block-end: 0;
+}
+
+::selection {
+ background-color: var(--rz-text-selection-background-color);
+ color: var(--rz-text-selection-color);
+}
+
+.rz-layout ::selection {
+ background-color: var(--rz-text-selection-background-color);
+ color: var(--rz-text-selection-color);
+}
+
+.rz-column-drag, .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-header .rzi-plus, .rz-sortable-column .rzi-grid-sort, .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rzi-chevron-circle-right, .rz-fileupload-row .rz-button .rzi-close,
+.rz-fileupload-row .rz-button .rzi-times,
+.rz-fileupload-row .rz-button .rz-icon-trash, .rz-menuitem .rz-menuitem-icon, .rzi {
+ box-sizing: border-box;
+ font-family: var(--rz-icon-font-family);
+ font-weight: var(--rz-icon-weight, inherit);
+ font-style: normal;
+ font-size: var(--rz-icon-size);
+ display: inline-block;
+ width: 1em;
+ height: 1em;
+ line-height: 1;
+ text-transform: none;
+ letter-spacing: normal;
+ word-wrap: normal;
+ white-space: nowrap;
+ font-variation-settings: "FILL" var(--rz-icon-fill), "GRAD" var(--rz-icon-grade), "opsz" var(--rz-icon-optical-size);
+ /* Support for all WebKit browsers. */
+ -webkit-font-smoothing: antialiased;
+ /* Support for Safari and Chrome. */
+ text-rendering: optimizeLegibility;
+ /* Support for Firefox. */
+ -moz-osx-font-smoothing: grayscale;
+ /* Support for IE. */
+ font-feature-settings: "liga";
+}
+
+i.rzi {
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.rzi-primary {
+ color: var(--rz-primary);
+}
+
+.rzi-secondary {
+ color: var(--rz-secondary);
+}
+
+.rzi-info {
+ color: var(--rz-info);
+}
+
+.rzi-warning {
+ color: var(--rz-warning);
+}
+
+.rzi-error {
+ color: var(--rz-danger);
+}
+
+.rzi-danger {
+ color: var(--rz-danger);
+}
+
+.rzi-success {
+ color: var(--rz-success);
+}
+
+.rzi-base {
+ color: var(--rz-base-700);
+}
+
+.rzi-light {
+ color: var(--rz-base-700);
+}
+
+.rzi-dark {
+ color: var(--rz-base-900);
+}
+
+.rz-icons-loading .rzi {
+ color: transparent !important;
+ user-select: none;
+}
+
+[class^=rz-] img,
+[class^=rz-] svg {
+ vertical-align: middle;
+}
+
+.rz-helper-hidden-accessible {
+ opacity: 0;
+ height: 0;
+}
+.rz-helper-hidden-accessible input {
+ width: 100%;
+ height: 0;
+ padding: 0;
+ margin: 0;
+ border: 0;
+}
+
+.rz-helper-hidden {
+ display: none;
+}
+
+.rz-scrollbar-measure {
+ width: 100px;
+ height: 100px;
+ overflow: scroll;
+ position: absolute;
+ top: -9999px;
+}
+
+.rz-pager-element, .rz-button {
+ box-sizing: border-box;
+ display: inline-block;
+ margin: 0;
+ color: var(--rz-button-base-color);
+ background-color: var(--rz-button-base-background-color);
+ background-size: var(--rz-button-background-size);
+ background-repeat: no-repeat;
+ border: none;
+ border-radius: var(--rz-button-border-radius);
+ outline: none;
+ box-shadow: var(--rz-button-shadow);
+ font-size: 1.0625rem;
+ font-family: inherit;
+ line-height: var(--rz-button-line-height);
+ text-decoration: none;
+ transition: var(--rz-button-transition);
+ -webkit-appearance: none;
+}
+.rz-pager-element:focus, .rz-button:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-pager-element:focus-visible, .rz-button:focus-visible {
+ outline: var(--rz-button-focus-outline);
+ outline-offset: var(--rz-button-focus-outline-offset);
+}
+.rz-pager-element:not(.rz-state-disabled), .rz-button:not(.rz-state-disabled) {
+ cursor: pointer;
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-pager-element:not(.rz-state-disabled):not(:active):hover, .rz-button:not(.rz-state-disabled):not(:active):hover {
+ text-decoration: none;
+ background-image: var(--rz-button-hover-gradient);
+ background-size: var(--rz-button-hover-background-size);
+ box-shadow: var(--rz-button-hover-shadow);
+ }
+}
+.rz-pager-element:not(.rz-state-disabled):not(:active):focus-visible, .rz-button:not(.rz-state-disabled):not(:active):focus-visible {
+ text-decoration: none;
+ background-image: var(--rz-button-focus-gradient);
+ background-size: var(--rz-button-focus-background-size);
+ box-shadow: var(--rz-button-focus-shadow);
+}
+.rz-pager-element:not(.rz-state-disabled):active, .rz-button:not(.rz-state-disabled):active {
+ text-decoration: none;
+ background-image: var(--rz-button-active-gradient);
+ background-size: var(--rz-button-active-background-size);
+ box-shadow: var(--rz-button-active-shadow);
+}
+.rz-state-disabled.rz-pager-element, .rz-button.rz-state-disabled {
+ opacity: var(--rz-button-disabled-opacity);
+ cursor: initial;
+}
+.rz-state-empty.rz-pager-element, .rz-button.rz-state-empty {
+ opacity: var(--rz-button-empty-opacity);
+ cursor: initial;
+}
+.rz-pager-element .rz-button-box, .rz-button .rz-button-box {
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+ vertical-align: var(--rz-button-vertical-align);
+ line-height: var(--rz-button-line-height);
+}
+.rz-pager-element .rz-button-text, .rz-button .rz-button-text {
+ vertical-align: var(--rz-button-vertical-align);
+}
+.rz-pager-element .rzi, .rz-button .rzi {
+ vertical-align: var(--rz-button-vertical-align);
+}
+
+.rz-button.rz-primary:focus-visible {
+ outline-color: var(--rz-primary);
+}
+
+.rz-button.rz-secondary:focus-visible {
+ outline-color: var(--rz-secondary);
+}
+
+.rz-button.rz-info:focus-visible {
+ outline-color: var(--rz-info);
+}
+
+.rz-button.rz-warning:focus-visible {
+ outline-color: var(--rz-warning);
+}
+
+.rz-button.rz-error:focus-visible {
+ outline-color: var(--rz-error);
+}
+
+.rz-button.rz-danger:focus-visible {
+ outline-color: var(--rz-danger);
+}
+
+.rz-button.rz-success:focus-visible {
+ outline-color: var(--rz-success);
+}
+
+.rz-button.rz-base:focus-visible {
+ outline-color: var(--rz-base);
+}
+
+.rz-button.rz-light:focus-visible {
+ outline-color: var(--rz-outline-color);
+}
+
+.rz-button.rz-dark:focus-visible {
+ outline-color: var(--rz-outline-color);
+}
+
+.rz-button.rz-primary {
+ background-color: var(--rz-primary);
+ color: var(--rz-on-primary);
+}
+.rz-button.rz-primary.rz-shade-lighter {
+ background-color: var(--rz-primary-lighter);
+ color: var(--rz-on-primary-lighter);
+}
+.rz-button.rz-primary.rz-shade-light {
+ background-color: var(--rz-primary-light);
+ color: var(--rz-on-primary-light);
+}
+.rz-button.rz-primary.rz-shade-default {
+ background-color: var(--rz-primary);
+ color: var(--rz-on-primary);
+}
+.rz-button.rz-primary.rz-shade-dark {
+ background-color: var(--rz-primary-dark);
+ color: var(--rz-on-primary-dark);
+}
+.rz-button.rz-primary.rz-shade-darker {
+ background-color: var(--rz-primary-darker);
+ color: var(--rz-on-primary-darker);
+}
+.rz-button.rz-primary.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-primary.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-primary);
+}
+
+.rz-button.rz-secondary {
+ background-color: var(--rz-secondary);
+ color: var(--rz-on-secondary);
+}
+.rz-button.rz-secondary.rz-shade-lighter {
+ background-color: var(--rz-secondary-lighter);
+ color: var(--rz-on-secondary-lighter);
+}
+.rz-button.rz-secondary.rz-shade-light {
+ background-color: var(--rz-secondary-light);
+ color: var(--rz-on-secondary-light);
+}
+.rz-button.rz-secondary.rz-shade-default {
+ background-color: var(--rz-secondary);
+ color: var(--rz-on-secondary);
+}
+.rz-button.rz-secondary.rz-shade-dark {
+ background-color: var(--rz-secondary-dark);
+ color: var(--rz-on-secondary-dark);
+}
+.rz-button.rz-secondary.rz-shade-darker {
+ background-color: var(--rz-secondary-darker);
+ color: var(--rz-on-secondary-darker);
+}
+.rz-button.rz-secondary.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-secondary.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-secondary);
+}
+
+.rz-button.rz-info {
+ background-color: var(--rz-info);
+ color: var(--rz-on-info);
+}
+.rz-button.rz-info.rz-shade-lighter {
+ background-color: var(--rz-info-lighter);
+ color: var(--rz-on-info-lighter);
+}
+.rz-button.rz-info.rz-shade-light {
+ background-color: var(--rz-info-light);
+ color: var(--rz-on-info-light);
+}
+.rz-button.rz-info.rz-shade-default {
+ background-color: var(--rz-info);
+ color: var(--rz-on-info);
+}
+.rz-button.rz-info.rz-shade-dark {
+ background-color: var(--rz-info-dark);
+ color: var(--rz-on-info-dark);
+}
+.rz-button.rz-info.rz-shade-darker {
+ background-color: var(--rz-info-darker);
+ color: var(--rz-on-info-darker);
+}
+.rz-button.rz-info.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-info.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-info);
+}
+
+.rz-button.rz-warning {
+ background-color: var(--rz-warning);
+ color: var(--rz-on-warning);
+}
+.rz-button.rz-warning.rz-shade-lighter {
+ background-color: var(--rz-warning-lighter);
+ color: var(--rz-on-warning-lighter);
+}
+.rz-button.rz-warning.rz-shade-light {
+ background-color: var(--rz-warning-light);
+ color: var(--rz-on-warning-light);
+}
+.rz-button.rz-warning.rz-shade-default {
+ background-color: var(--rz-warning);
+ color: var(--rz-on-warning);
+}
+.rz-button.rz-warning.rz-shade-dark {
+ background-color: var(--rz-warning-dark);
+ color: var(--rz-on-warning-dark);
+}
+.rz-button.rz-warning.rz-shade-darker {
+ background-color: var(--rz-warning-darker);
+ color: var(--rz-on-warning-darker);
+}
+.rz-button.rz-warning.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-warning.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-warning);
+}
+
+.rz-button.rz-error {
+ background-color: var(--rz-danger);
+ color: var(--rz-on-danger);
+}
+.rz-button.rz-error.rz-shade-lighter {
+ background-color: var(--rz-error-lighter);
+ color: var(--rz-on-error-lighter);
+}
+.rz-button.rz-error.rz-shade-light {
+ background-color: var(--rz-error-light);
+ color: var(--rz-on-error-light);
+}
+.rz-button.rz-error.rz-shade-default {
+ background-color: var(--rz-error);
+ color: var(--rz-on-error);
+}
+.rz-button.rz-error.rz-shade-dark {
+ background-color: var(--rz-error-dark);
+ color: var(--rz-on-error-dark);
+}
+.rz-button.rz-error.rz-shade-darker {
+ background-color: var(--rz-error-darker);
+ color: var(--rz-on-error-darker);
+}
+.rz-button.rz-error.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-error.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-error);
+}
+
+.rz-button.rz-danger {
+ background-color: var(--rz-danger);
+ color: var(--rz-on-danger);
+}
+.rz-button.rz-danger.rz-shade-lighter {
+ background-color: var(--rz-danger-lighter);
+ color: var(--rz-on-danger-lighter);
+}
+.rz-button.rz-danger.rz-shade-light {
+ background-color: var(--rz-danger-light);
+ color: var(--rz-on-danger-light);
+}
+.rz-button.rz-danger.rz-shade-default {
+ background-color: var(--rz-danger);
+ color: var(--rz-on-danger);
+}
+.rz-button.rz-danger.rz-shade-dark {
+ background-color: var(--rz-danger-dark);
+ color: var(--rz-on-danger-dark);
+}
+.rz-button.rz-danger.rz-shade-darker {
+ background-color: var(--rz-danger-darker);
+ color: var(--rz-on-danger-darker);
+}
+.rz-button.rz-danger.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-danger.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-danger);
+}
+
+.rz-button.rz-success {
+ background-color: var(--rz-success);
+ color: var(--rz-on-success);
+}
+.rz-button.rz-success.rz-shade-lighter {
+ background-color: var(--rz-success-lighter);
+ color: var(--rz-on-success-lighter);
+}
+.rz-button.rz-success.rz-shade-light {
+ background-color: var(--rz-success-light);
+ color: var(--rz-on-success-light);
+}
+.rz-button.rz-success.rz-shade-default {
+ background-color: var(--rz-success);
+ color: var(--rz-on-success);
+}
+.rz-button.rz-success.rz-shade-dark {
+ background-color: var(--rz-success-dark);
+ color: var(--rz-on-success-dark);
+}
+.rz-button.rz-success.rz-shade-darker {
+ background-color: var(--rz-success-darker);
+ color: var(--rz-on-success-darker);
+}
+.rz-button.rz-success.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-success.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-success);
+}
+
+.rz-button.rz-base {
+ background-color: var(--rz-base-700);
+ color: var(--rz-text-contrast-color);
+}
+.rz-button.rz-base.rz-shade-lighter {
+ background-color: var(--rz-base-lighter);
+ color: var(--rz-on-base-lighter);
+}
+.rz-button.rz-base.rz-shade-light {
+ background-color: var(--rz-base-light);
+ color: var(--rz-on-base-light);
+}
+.rz-button.rz-base.rz-shade-default {
+ background-color: var(--rz-base);
+ color: var(--rz-on-base);
+}
+.rz-button.rz-base.rz-shade-dark {
+ background-color: var(--rz-base-dark);
+ color: var(--rz-on-base-dark);
+}
+.rz-button.rz-base.rz-shade-darker {
+ background-color: var(--rz-base-darker);
+ color: var(--rz-on-base-darker);
+}
+.rz-button.rz-base.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-base.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-base);
+}
+
+.rz-button.rz-light {
+ background-color: var(--rz-base-700);
+ color: var(--rz-text-contrast-color);
+}
+.rz-button.rz-light.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-light.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-outline-color);
+}
+
+.rz-button.rz-dark {
+ background-color: var(--rz-base-900);
+ color: var(--rz-text-contrast-color);
+}
+.rz-button.rz-dark.rz-variant-flat {
+ box-shadow: none !important;
+}
+.rz-button.rz-dark.rz-variant-flat:focus-visible {
+ outline-color: var(--rz-outline-color);
+}
+
+.rz-button.rz-variant-outlined.rz-primary {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-primary.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter);
+ color: var(--rz-primary-light);
+}
+.rz-button.rz-variant-outlined.rz-primary.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light);
+ color: var(--rz-primary-light);
+}
+.rz-button.rz-variant-outlined.rz-primary.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary);
+ color: var(--rz-primary);
+}
+.rz-button.rz-variant-outlined.rz-primary.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark);
+ color: var(--rz-primary-dark);
+}
+.rz-button.rz-variant-outlined.rz-primary.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker);
+ color: var(--rz-primary-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover {
+ background-color: var(--rz-primary-lighter);
+ color: var(--rz-on-primary-lighter);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):active {
+ background-color: var(--rz-primary-lighter);
+ color: var(--rz-on-primary-lighter);
+ background-image: none;
+}
+
+.rz-button.rz-variant-outlined.rz-secondary {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-secondary.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter);
+ color: var(--rz-secondary-light);
+}
+.rz-button.rz-variant-outlined.rz-secondary.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light);
+ color: var(--rz-secondary-light);
+}
+.rz-button.rz-variant-outlined.rz-secondary.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary);
+ color: var(--rz-secondary);
+}
+.rz-button.rz-variant-outlined.rz-secondary.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark);
+ color: var(--rz-secondary-dark);
+}
+.rz-button.rz-variant-outlined.rz-secondary.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker);
+ color: var(--rz-secondary-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover {
+ background-color: var(--rz-secondary-lighter);
+ color: var(--rz-on-secondary-lighter);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):active {
+ background-color: var(--rz-secondary-lighter);
+ color: var(--rz-on-secondary-lighter);
+ background-image: none;
+}
+
+.rz-button.rz-variant-outlined.rz-info {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-info.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter);
+ color: var(--rz-info-light);
+}
+.rz-button.rz-variant-outlined.rz-info.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light);
+ color: var(--rz-info-light);
+}
+.rz-button.rz-variant-outlined.rz-info.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info);
+ color: var(--rz-info);
+}
+.rz-button.rz-variant-outlined.rz-info.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark);
+ color: var(--rz-info-dark);
+}
+.rz-button.rz-variant-outlined.rz-info.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker);
+ color: var(--rz-info-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):hover {
+ background-color: var(--rz-info-lighter);
+ color: var(--rz-on-info-lighter);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-info:not(.rz-state-disabled):active {
+ background-color: var(--rz-info-lighter);
+ color: var(--rz-on-info-lighter);
+ background-image: none;
+}
+
+.rz-button.rz-variant-outlined.rz-warning {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-warning.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter);
+ color: var(--rz-warning-light);
+}
+.rz-button.rz-variant-outlined.rz-warning.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light);
+ color: var(--rz-warning-light);
+}
+.rz-button.rz-variant-outlined.rz-warning.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning);
+ color: var(--rz-warning);
+}
+.rz-button.rz-variant-outlined.rz-warning.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark);
+ color: var(--rz-warning-dark);
+}
+.rz-button.rz-variant-outlined.rz-warning.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker);
+ color: var(--rz-warning-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):hover {
+ background-color: var(--rz-warning-lighter);
+ color: var(--rz-on-warning-lighter);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-warning:not(.rz-state-disabled):active {
+ background-color: var(--rz-warning-lighter);
+ color: var(--rz-on-warning-lighter);
+ background-image: none;
+}
+
+.rz-button.rz-variant-outlined.rz-error {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-error.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter);
+ color: var(--rz-error-light);
+}
+.rz-button.rz-variant-outlined.rz-error.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light);
+ color: var(--rz-error-light);
+}
+.rz-button.rz-variant-outlined.rz-error.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error);
+ color: var(--rz-error);
+}
+.rz-button.rz-variant-outlined.rz-error.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark);
+ color: var(--rz-error-dark);
+}
+.rz-button.rz-variant-outlined.rz-error.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker);
+ color: var(--rz-error-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):hover {
+ background-color: var(--rz-error-lighter);
+ color: var(--rz-on-error-lighter);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-error:not(.rz-state-disabled):active {
+ background-color: var(--rz-error-lighter);
+ color: var(--rz-on-error-lighter);
+ background-image: none;
+}
+
+.rz-button.rz-variant-outlined.rz-danger {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-danger.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter);
+ color: var(--rz-danger-light);
+}
+.rz-button.rz-variant-outlined.rz-danger.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light);
+ color: var(--rz-danger-light);
+}
+.rz-button.rz-variant-outlined.rz-danger.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger);
+ color: var(--rz-danger);
+}
+.rz-button.rz-variant-outlined.rz-danger.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark);
+ color: var(--rz-danger-dark);
+}
+.rz-button.rz-variant-outlined.rz-danger.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker);
+ color: var(--rz-danger-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover {
+ background-color: var(--rz-danger-lighter);
+ color: var(--rz-on-danger-lighter);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):active {
+ background-color: var(--rz-danger-lighter);
+ color: var(--rz-on-danger-lighter);
+ background-image: none;
+}
+
+.rz-button.rz-variant-outlined.rz-success {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-success.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter);
+ color: var(--rz-success-light);
+}
+.rz-button.rz-variant-outlined.rz-success.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light);
+ color: var(--rz-success-light);
+}
+.rz-button.rz-variant-outlined.rz-success.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success);
+ color: var(--rz-success);
+}
+.rz-button.rz-variant-outlined.rz-success.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark);
+ color: var(--rz-success-dark);
+}
+.rz-button.rz-variant-outlined.rz-success.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker);
+ color: var(--rz-success-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):hover {
+ background-color: var(--rz-success-lighter);
+ color: var(--rz-on-success-lighter);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-success:not(.rz-state-disabled):active {
+ background-color: var(--rz-success-lighter);
+ color: var(--rz-on-success-lighter);
+ background-image: none;
+}
+
+.rz-button.rz-variant-outlined.rz-base {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-base.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-lighter);
+ color: var(--rz-base-light);
+}
+.rz-button.rz-variant-outlined.rz-base.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-light);
+ color: var(--rz-base-light);
+}
+.rz-button.rz-variant-outlined.rz-base.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-color);
+ color: var(--rz-text-color);
+}
+.rz-button.rz-variant-outlined.rz-base.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-dark);
+ color: var(--rz-base-dark);
+}
+.rz-button.rz-variant-outlined.rz-base.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-darker);
+ color: var(--rz-base-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover {
+ background-color: var(--rz-base-darker);
+ color: var(--rz-on-base-darker);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active {
+ background-color: var(--rz-base-darker);
+ color: var(--rz-on-base-darker);
+ background-image: none;
+}
+
+.rz-button.rz-variant-outlined.rz-light {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-light.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-contrast-color);
+ color: var(--rz-text-contrast-color);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):active {
+ background-color: rgba(255, 255, 255, 0.12);
+ background-image: none;
+}
+
+.rz-button.rz-variant-outlined.rz-dark {
+ background-color: transparent;
+}
+.rz-button.rz-variant-outlined.rz-dark.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900);
+ color: var(--rz-base-900);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):hover {
+ background-color: rgba(0, 0, 0, 0.12);
+ background-image: none;
+ }
+}
+.rz-button.rz-variant-outlined.rz-dark:not(.rz-state-disabled):active {
+ background-color: rgba(0, 0, 0, 0.12);
+ background-image: none;
+}
+
+.rz-button.rz-variant-text.rz-primary {
+ background-color: transparent;
+ box-shadow: none;
+}
+.rz-button.rz-variant-text.rz-primary.rz-shade-lighter {
+ color: var(--rz-primary-lighter);
+}
+.rz-button.rz-variant-text.rz-primary.rz-shade-light {
+ color: var(--rz-primary-light);
+}
+.rz-button.rz-variant-text.rz-primary.rz-shade-default {
+ color: var(--rz-primary);
+}
+.rz-button.rz-variant-text.rz-primary.rz-shade-dark {
+ color: var(--rz-primary-dark);
+}
+.rz-button.rz-variant-text.rz-primary.rz-shade-darker {
+ color: var(--rz-primary-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):hover {
+ background-color: var(--rz-primary-lighter);
+ color: var(--rz-on-primary-lighter);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-primary:not(.rz-state-disabled):active {
+ background-color: var(--rz-primary-lighter);
+ color: var(--rz-on-primary-lighter);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button.rz-variant-text.rz-secondary {
+ background-color: transparent;
+ box-shadow: none;
+}
+.rz-button.rz-variant-text.rz-secondary.rz-shade-lighter {
+ color: var(--rz-secondary-lighter);
+}
+.rz-button.rz-variant-text.rz-secondary.rz-shade-light {
+ color: var(--rz-secondary-light);
+}
+.rz-button.rz-variant-text.rz-secondary.rz-shade-default {
+ color: var(--rz-secondary);
+}
+.rz-button.rz-variant-text.rz-secondary.rz-shade-dark {
+ color: var(--rz-secondary-dark);
+}
+.rz-button.rz-variant-text.rz-secondary.rz-shade-darker {
+ color: var(--rz-secondary-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover {
+ background-color: var(--rz-secondary-lighter);
+ color: var(--rz-on-secondary-lighter);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):active {
+ background-color: var(--rz-secondary-lighter);
+ color: var(--rz-on-secondary-lighter);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button.rz-variant-text.rz-info {
+ background-color: transparent;
+ box-shadow: none;
+}
+.rz-button.rz-variant-text.rz-info.rz-shade-lighter {
+ color: var(--rz-info-lighter);
+}
+.rz-button.rz-variant-text.rz-info.rz-shade-light {
+ color: var(--rz-info-light);
+}
+.rz-button.rz-variant-text.rz-info.rz-shade-default {
+ color: var(--rz-info);
+}
+.rz-button.rz-variant-text.rz-info.rz-shade-dark {
+ color: var(--rz-info-dark);
+}
+.rz-button.rz-variant-text.rz-info.rz-shade-darker {
+ color: var(--rz-info-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):hover {
+ background-color: var(--rz-info-lighter);
+ color: var(--rz-on-info-lighter);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-info:not(.rz-state-disabled):active {
+ background-color: var(--rz-info-lighter);
+ color: var(--rz-on-info-lighter);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button.rz-variant-text.rz-warning {
+ background-color: transparent;
+ box-shadow: none;
+}
+.rz-button.rz-variant-text.rz-warning.rz-shade-lighter {
+ color: var(--rz-warning-lighter);
+}
+.rz-button.rz-variant-text.rz-warning.rz-shade-light {
+ color: var(--rz-warning-light);
+}
+.rz-button.rz-variant-text.rz-warning.rz-shade-default {
+ color: var(--rz-warning);
+}
+.rz-button.rz-variant-text.rz-warning.rz-shade-dark {
+ color: var(--rz-warning-dark);
+}
+.rz-button.rz-variant-text.rz-warning.rz-shade-darker {
+ color: var(--rz-warning-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):hover {
+ background-color: var(--rz-warning-lighter);
+ color: var(--rz-on-warning-lighter);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-warning:not(.rz-state-disabled):active {
+ background-color: var(--rz-warning-lighter);
+ color: var(--rz-on-warning-lighter);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button.rz-variant-text.rz-error {
+ background-color: transparent;
+ box-shadow: none;
+}
+.rz-button.rz-variant-text.rz-error.rz-shade-lighter {
+ color: var(--rz-error-lighter);
+}
+.rz-button.rz-variant-text.rz-error.rz-shade-light {
+ color: var(--rz-error-light);
+}
+.rz-button.rz-variant-text.rz-error.rz-shade-default {
+ color: var(--rz-error);
+}
+.rz-button.rz-variant-text.rz-error.rz-shade-dark {
+ color: var(--rz-error-dark);
+}
+.rz-button.rz-variant-text.rz-error.rz-shade-darker {
+ color: var(--rz-error-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):hover {
+ background-color: var(--rz-error-lighter);
+ color: var(--rz-on-error-lighter);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-error:not(.rz-state-disabled):active {
+ background-color: var(--rz-error-lighter);
+ color: var(--rz-on-error-lighter);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button.rz-variant-text.rz-danger {
+ background-color: transparent;
+ box-shadow: none;
+}
+.rz-button.rz-variant-text.rz-danger.rz-shade-lighter {
+ color: var(--rz-danger-lighter);
+}
+.rz-button.rz-variant-text.rz-danger.rz-shade-light {
+ color: var(--rz-danger-light);
+}
+.rz-button.rz-variant-text.rz-danger.rz-shade-default {
+ color: var(--rz-danger);
+}
+.rz-button.rz-variant-text.rz-danger.rz-shade-dark {
+ color: var(--rz-danger-dark);
+}
+.rz-button.rz-variant-text.rz-danger.rz-shade-darker {
+ color: var(--rz-danger-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):hover {
+ background-color: var(--rz-danger-lighter);
+ color: var(--rz-on-danger-lighter);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-danger:not(.rz-state-disabled):active {
+ background-color: var(--rz-danger-lighter);
+ color: var(--rz-on-danger-lighter);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button.rz-variant-text.rz-success {
+ background-color: transparent;
+ box-shadow: none;
+}
+.rz-button.rz-variant-text.rz-success.rz-shade-lighter {
+ color: var(--rz-success-lighter);
+}
+.rz-button.rz-variant-text.rz-success.rz-shade-light {
+ color: var(--rz-success-light);
+}
+.rz-button.rz-variant-text.rz-success.rz-shade-default {
+ color: var(--rz-success);
+}
+.rz-button.rz-variant-text.rz-success.rz-shade-dark {
+ color: var(--rz-success-dark);
+}
+.rz-button.rz-variant-text.rz-success.rz-shade-darker {
+ color: var(--rz-success-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):hover {
+ background-color: var(--rz-success-lighter);
+ color: var(--rz-on-success-lighter);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-success:not(.rz-state-disabled):active {
+ background-color: var(--rz-success-lighter);
+ color: var(--rz-on-success-lighter);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button.rz-variant-text.rz-base {
+ background-color: transparent;
+ box-shadow: none;
+}
+.rz-button.rz-variant-text.rz-base.rz-shade-lighter {
+ color: var(--rz-base-lighter);
+}
+.rz-button.rz-variant-text.rz-base.rz-shade-light {
+ color: var(--rz-base-light);
+}
+.rz-button.rz-variant-text.rz-base.rz-shade-default {
+ color: inherit;
+}
+.rz-button.rz-variant-text.rz-base.rz-shade-dark {
+ color: var(--rz-base-dark);
+}
+.rz-button.rz-variant-text.rz-base.rz-shade-darker {
+ color: var(--rz-base-darker);
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover {
+ background-color: var(--rz-base-darker);
+ color: var(--rz-on-base-darker);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active {
+ background-color: var(--rz-base-darker);
+ color: var(--rz-on-base-darker);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button.rz-variant-text.rz-light {
+ color: var(--rz-text-contrast-color);
+ background-color: transparent;
+ box-shadow: none;
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-light:not(.rz-state-disabled):active {
+ background-color: rgba(255, 255, 255, 0.12);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button.rz-variant-text.rz-dark {
+ color: var(--rz-base-900);
+ background-color: transparent;
+ box-shadow: none;
+}
+@media (hover: hover) and (pointer: fine) {
+ .rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):hover {
+ background-color: rgba(0, 0, 0, 0.12);
+ background-image: none;
+ box-shadow: none;
+ }
+}
+.rz-button.rz-variant-text.rz-dark:not(.rz-state-disabled):active {
+ background-color: rgba(0, 0, 0, 0.12);
+ background-image: none;
+ box-shadow: none;
+}
+
+.rz-button-lg {
+ padding: 0.875rem 1.5rem;
+ height: auto;
+ line-height: 1.5rem;
+ min-height: 3.25rem;
+ min-width: 3.25rem;
+ border-radius: calc(2 * var(--rz-border-radius));
+ font-size: 1rem;
+ font-weight: 600;
+}
+.rz-button-lg .rz-button-box {
+ line-height: 1.5rem;
+ gap: 0.25rem;
+}
+.rz-button-lg.rz-button-icon-left {
+ padding: 0 1.375rem;
+}
+.rz-button-lg.rz-button-icon-only, .rz-button-lg.rz-pager-element {
+ padding: 0.875rem;
+}
+.rz-button-lg .rzi {
+ font-size: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+ width: 1.5rem;
+}
+
+.rz-pager-element, .rz-button-md {
+ padding: 0.5rem 1rem;
+ height: auto;
+ line-height: 1.25rem;
+ min-height: 2.25rem;
+ min-width: 2.25rem;
+ font-size: var(--rz-body-font-size);
+ font-weight: 600;
+}
+.rz-pager-element .rz-button-box, .rz-button-md .rz-button-box {
+ line-height: 1.25rem;
+ gap: 0.25rem;
+}
+.rz-button-icon-left.rz-pager-element, .rz-button-md.rz-button-icon-left {
+ padding: 0.5rem 1rem 0.5rem 0.5rem;
+}
+.rz-pager-element, .rz-button-md.rz-button-icon-only {
+ padding: 0.5rem;
+}
+.rz-pager-element .rzi, .rz-button-md .rzi {
+ font-size: var(--rz-icon-size);
+ line-height: var(--rz-icon-size);
+ width: var(--rz-icon-size);
+ height: var(--rz-icon-size);
+}
+
+.rz-pager.rz-density-compact .rz-pager-element, .rz-fileupload .rz-button, .rz-button-sm {
+ padding: 0.25rem 0.75rem;
+ height: auto;
+ line-height: 1.25rem;
+ min-height: 1.75rem;
+ min-width: 1.75rem;
+ font-size: var(--rz-body-font-size);
+}
+.rz-pager.rz-density-compact .rz-pager-element .rz-button-box, .rz-fileupload .rz-button .rz-button-box, .rz-button-sm .rz-button-box {
+ line-height: 1.25rem;
+ gap: 0.25rem;
+}
+.rz-pager.rz-density-compact .rz-button-icon-left.rz-pager-element, .rz-fileupload .rz-button-icon-left.rz-button, .rz-button-sm.rz-button-icon-left {
+ padding: 0.25rem 0.75rem 0.25rem 0.25rem;
+}
+.rz-pager.rz-density-compact .rz-pager-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-pager-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-pager-element {
+ padding: 0.25rem;
+}
+.rz-pager.rz-density-compact .rz-pager-element .rzi, .rz-fileupload .rz-button .rzi, .rz-button-sm .rzi {
+ font-size: var(--rz-icon-size);
+ line-height: var(--rz-icon-size);
+ width: var(--rz-icon-size);
+ height: var(--rz-icon-size);
+}
+
+.rz-button-xs {
+ padding: 0.125rem 0.25rem;
+ height: auto;
+ line-height: 1rem;
+ min-height: 1.25rem;
+ min-width: 1.25rem;
+ font-size: 0.75rem;
+ font-weight: 600;
+}
+.rz-button-xs .rz-button-box {
+ line-height: 1rem;
+ gap: 0.125rem;
+}
+.rz-button-xs.rz-button-icon-left {
+ padding: 0.125rem 0.5rem 0.125rem 0.125rem;
+}
+.rz-button-xs.rz-button-icon-only, .rz-button-xs.rz-pager-element {
+ padding: 0.125rem;
+}
+.rz-button-xs .rzi {
+ font-size: calc(0.8 * var(--rz-icon-size));
+ line-height: calc(0.8 * var(--rz-icon-size));
+ width: calc(0.8 * var(--rz-icon-size));
+ height: calc(0.8 * var(--rz-icon-size));
+}
+
+@keyframes button-icon-spin {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
+.rz-badge {
+ box-sizing: border-box;
+ color: var(--rz-text-contrast-color);
+ display: inline-block;
+ padding: var(--rz-badge-padding);
+ font-size: var(--rz-badge-font-size);
+ font-weight: var(--rz-badge-font-weight);
+ line-height: var(--rz-badge-line-height);
+ text-align: center;
+ text-transform: var(--rz-badge-text-transform);
+ white-space: nowrap;
+ border-radius: var(--rz-badge-border-radius);
+ letter-spacing: var(--rz-badge-letter-spacing);
+}
+.rz-button .rz-badge {
+ vertical-align: top;
+}
+
+.rz-badge-primary {
+ background-color: var(--rz-primary);
+ color: var(--rz-on-primary);
+}
+.rz-badge-primary.rz-shade-lighter {
+ background-color: var(--rz-primary-lighter);
+ color: var(--rz-on-primary-lighter);
+}
+.rz-badge-primary.rz-shade-light {
+ background-color: var(--rz-primary-light);
+ color: var(--rz-on-primary-light);
+}
+.rz-badge-primary.rz-shade-default {
+ background-color: var(--rz-primary);
+ color: var(--rz-on-primary);
+}
+.rz-badge-primary.rz-shade-dark {
+ background-color: var(--rz-primary-dark);
+ color: var(--rz-on-primary-dark);
+}
+.rz-badge-primary.rz-shade-darker {
+ background-color: var(--rz-primary-darker);
+ color: var(--rz-on-primary-darker);
+}
+
+.rz-badge-secondary {
+ background-color: var(--rz-secondary);
+ color: var(--rz-on-secondary);
+}
+.rz-badge-secondary.rz-shade-lighter {
+ background-color: var(--rz-secondary-lighter);
+ color: var(--rz-on-secondary-lighter);
+}
+.rz-badge-secondary.rz-shade-light {
+ background-color: var(--rz-secondary-light);
+ color: var(--rz-on-secondary-light);
+}
+.rz-badge-secondary.rz-shade-default {
+ background-color: var(--rz-secondary);
+ color: var(--rz-on-secondary);
+}
+.rz-badge-secondary.rz-shade-dark {
+ background-color: var(--rz-secondary-dark);
+ color: var(--rz-on-secondary-dark);
+}
+.rz-badge-secondary.rz-shade-darker {
+ background-color: var(--rz-secondary-darker);
+ color: var(--rz-on-secondary-darker);
+}
+
+.rz-badge-info {
+ background-color: var(--rz-info);
+ color: var(--rz-on-info);
+}
+.rz-badge-info.rz-shade-lighter {
+ background-color: var(--rz-info-lighter);
+ color: var(--rz-on-info-lighter);
+}
+.rz-badge-info.rz-shade-light {
+ background-color: var(--rz-info-light);
+ color: var(--rz-on-info-light);
+}
+.rz-badge-info.rz-shade-default {
+ background-color: var(--rz-info);
+ color: var(--rz-on-info);
+}
+.rz-badge-info.rz-shade-dark {
+ background-color: var(--rz-info-dark);
+ color: var(--rz-on-info-dark);
+}
+.rz-badge-info.rz-shade-darker {
+ background-color: var(--rz-info-darker);
+ color: var(--rz-on-info-darker);
+}
+
+.rz-badge-warning {
+ background-color: var(--rz-warning);
+ color: var(--rz-on-warning);
+}
+.rz-badge-warning.rz-shade-lighter {
+ background-color: var(--rz-warning-lighter);
+ color: var(--rz-on-warning-lighter);
+}
+.rz-badge-warning.rz-shade-light {
+ background-color: var(--rz-warning-light);
+ color: var(--rz-on-warning-light);
+}
+.rz-badge-warning.rz-shade-default {
+ background-color: var(--rz-warning);
+ color: var(--rz-on-warning);
+}
+.rz-badge-warning.rz-shade-dark {
+ background-color: var(--rz-warning-dark);
+ color: var(--rz-on-warning-dark);
+}
+.rz-badge-warning.rz-shade-darker {
+ background-color: var(--rz-warning-darker);
+ color: var(--rz-on-warning-darker);
+}
+
+.rz-badge-error {
+ background-color: var(--rz-danger);
+ color: var(--rz-on-danger);
+}
+.rz-badge-error.rz-shade-lighter {
+ background-color: var(--rz-error-lighter);
+ color: var(--rz-on-error-lighter);
+}
+.rz-badge-error.rz-shade-light {
+ background-color: var(--rz-error-light);
+ color: var(--rz-on-error-light);
+}
+.rz-badge-error.rz-shade-default {
+ background-color: var(--rz-error);
+ color: var(--rz-on-error);
+}
+.rz-badge-error.rz-shade-dark {
+ background-color: var(--rz-error-dark);
+ color: var(--rz-on-error-dark);
+}
+.rz-badge-error.rz-shade-darker {
+ background-color: var(--rz-error-darker);
+ color: var(--rz-on-error-darker);
+}
+
+.rz-badge-danger {
+ background-color: var(--rz-danger);
+ color: var(--rz-on-danger);
+}
+.rz-badge-danger.rz-shade-lighter {
+ background-color: var(--rz-danger-lighter);
+ color: var(--rz-on-danger-lighter);
+}
+.rz-badge-danger.rz-shade-light {
+ background-color: var(--rz-danger-light);
+ color: var(--rz-on-danger-light);
+}
+.rz-badge-danger.rz-shade-default {
+ background-color: var(--rz-danger);
+ color: var(--rz-on-danger);
+}
+.rz-badge-danger.rz-shade-dark {
+ background-color: var(--rz-danger-dark);
+ color: var(--rz-on-danger-dark);
+}
+.rz-badge-danger.rz-shade-darker {
+ background-color: var(--rz-danger-darker);
+ color: var(--rz-on-danger-darker);
+}
+
+.rz-badge-success {
+ background-color: var(--rz-success);
+ color: var(--rz-on-success);
+}
+.rz-badge-success.rz-shade-lighter {
+ background-color: var(--rz-success-lighter);
+ color: var(--rz-on-success-lighter);
+}
+.rz-badge-success.rz-shade-light {
+ background-color: var(--rz-success-light);
+ color: var(--rz-on-success-light);
+}
+.rz-badge-success.rz-shade-default {
+ background-color: var(--rz-success);
+ color: var(--rz-on-success);
+}
+.rz-badge-success.rz-shade-dark {
+ background-color: var(--rz-success-dark);
+ color: var(--rz-on-success-dark);
+}
+.rz-badge-success.rz-shade-darker {
+ background-color: var(--rz-success-darker);
+ color: var(--rz-on-success-darker);
+}
+
+.rz-badge-base {
+ background-color: var(--rz-base-700);
+ color: var(--rz-text-contrast-color);
+}
+.rz-badge-base.rz-shade-lighter {
+ background-color: var(--rz-base-lighter);
+ color: var(--rz-on-base-lighter);
+}
+.rz-badge-base.rz-shade-light {
+ background-color: var(--rz-base-light);
+ color: var(--rz-on-base-light);
+}
+.rz-badge-base.rz-shade-default {
+ background-color: var(--rz-base);
+ color: var(--rz-on-base);
+}
+.rz-badge-base.rz-shade-dark {
+ background-color: var(--rz-base-dark);
+ color: var(--rz-on-base-dark);
+}
+.rz-badge-base.rz-shade-darker {
+ background-color: var(--rz-base-darker);
+ color: var(--rz-on-base-darker);
+}
+
+.rz-badge-light {
+ background-color: var(--rz-base-700);
+ color: var(--rz-text-contrast-color);
+}
+
+.rz-badge-dark {
+ background-color: var(--rz-base-900);
+ color: var(--rz-text-contrast-color);
+}
+
+.rz-variant-outlined.rz-badge-primary {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-primary.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter);
+ color: var(--rz-primary-lighter);
+}
+.rz-variant-outlined.rz-badge-primary.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light);
+ color: var(--rz-primary-light);
+}
+.rz-variant-outlined.rz-badge-primary.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary);
+ color: var(--rz-primary);
+}
+.rz-variant-outlined.rz-badge-primary.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark);
+ color: var(--rz-primary-dark);
+}
+.rz-variant-outlined.rz-badge-primary.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker);
+ color: var(--rz-primary-darker);
+}
+
+.rz-variant-outlined.rz-badge-secondary {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-secondary.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter);
+ color: var(--rz-secondary-lighter);
+}
+.rz-variant-outlined.rz-badge-secondary.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light);
+ color: var(--rz-secondary-light);
+}
+.rz-variant-outlined.rz-badge-secondary.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary);
+ color: var(--rz-secondary);
+}
+.rz-variant-outlined.rz-badge-secondary.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark);
+ color: var(--rz-secondary-dark);
+}
+.rz-variant-outlined.rz-badge-secondary.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker);
+ color: var(--rz-secondary-darker);
+}
+
+.rz-variant-outlined.rz-badge-info {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-info.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter);
+ color: var(--rz-info-lighter);
+}
+.rz-variant-outlined.rz-badge-info.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light);
+ color: var(--rz-info-light);
+}
+.rz-variant-outlined.rz-badge-info.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info);
+ color: var(--rz-info);
+}
+.rz-variant-outlined.rz-badge-info.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark);
+ color: var(--rz-info-dark);
+}
+.rz-variant-outlined.rz-badge-info.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker);
+ color: var(--rz-info-darker);
+}
+
+.rz-variant-outlined.rz-badge-warning {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-warning.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter);
+ color: var(--rz-warning-lighter);
+}
+.rz-variant-outlined.rz-badge-warning.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light);
+ color: var(--rz-warning-light);
+}
+.rz-variant-outlined.rz-badge-warning.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning);
+ color: var(--rz-warning);
+}
+.rz-variant-outlined.rz-badge-warning.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark);
+ color: var(--rz-warning-dark);
+}
+.rz-variant-outlined.rz-badge-warning.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker);
+ color: var(--rz-warning-darker);
+}
+
+.rz-variant-outlined.rz-badge-error {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-error.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter);
+ color: var(--rz-error-lighter);
+}
+.rz-variant-outlined.rz-badge-error.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light);
+ color: var(--rz-error-light);
+}
+.rz-variant-outlined.rz-badge-error.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error);
+ color: var(--rz-error);
+}
+.rz-variant-outlined.rz-badge-error.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark);
+ color: var(--rz-error-dark);
+}
+.rz-variant-outlined.rz-badge-error.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker);
+ color: var(--rz-error-darker);
+}
+
+.rz-variant-outlined.rz-badge-danger {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-danger.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter);
+ color: var(--rz-danger-lighter);
+}
+.rz-variant-outlined.rz-badge-danger.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light);
+ color: var(--rz-danger-light);
+}
+.rz-variant-outlined.rz-badge-danger.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger);
+ color: var(--rz-danger);
+}
+.rz-variant-outlined.rz-badge-danger.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark);
+ color: var(--rz-danger-dark);
+}
+.rz-variant-outlined.rz-badge-danger.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker);
+ color: var(--rz-danger-darker);
+}
+
+.rz-variant-outlined.rz-badge-success {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-success.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter);
+ color: var(--rz-success-lighter);
+}
+.rz-variant-outlined.rz-badge-success.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light);
+ color: var(--rz-success-light);
+}
+.rz-variant-outlined.rz-badge-success.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success);
+ color: var(--rz-success);
+}
+.rz-variant-outlined.rz-badge-success.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark);
+ color: var(--rz-success-dark);
+}
+.rz-variant-outlined.rz-badge-success.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker);
+ color: var(--rz-success-darker);
+}
+
+.rz-variant-outlined.rz-badge-base {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-base.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-lighter);
+ color: var(--rz-base-lighter);
+}
+.rz-variant-outlined.rz-badge-base.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-light);
+ color: var(--rz-base-light);
+}
+.rz-variant-outlined.rz-badge-base.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base);
+ color: var(--rz-base);
+}
+.rz-variant-outlined.rz-badge-base.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-dark);
+ color: var(--rz-base-dark);
+}
+.rz-variant-outlined.rz-badge-base.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-darker);
+ color: var(--rz-base-darker);
+}
+
+.rz-variant-outlined.rz-badge-light {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-light.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-700);
+ color: var(--rz-base-700);
+}
+
+.rz-variant-outlined.rz-badge-dark {
+ background-color: transparent;
+}
+.rz-variant-outlined.rz-badge-dark.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900);
+ color: var(--rz-base-900);
+}
+
+.rz-variant-text.rz-badge-primary {
+ background-color: transparent;
+}
+.rz-variant-text.rz-badge-primary.rz-shade-lighter {
+ color: var(--rz-primary-lighter);
+}
+.rz-variant-text.rz-badge-primary.rz-shade-light {
+ color: var(--rz-primary-light);
+}
+.rz-variant-text.rz-badge-primary.rz-shade-default {
+ color: var(--rz-primary);
+}
+.rz-variant-text.rz-badge-primary.rz-shade-dark {
+ color: var(--rz-primary-dark);
+}
+.rz-variant-text.rz-badge-primary.rz-shade-darker {
+ color: var(--rz-primary-darker);
+}
+
+.rz-variant-text.rz-badge-secondary {
+ background-color: transparent;
+}
+.rz-variant-text.rz-badge-secondary.rz-shade-lighter {
+ color: var(--rz-secondary-lighter);
+}
+.rz-variant-text.rz-badge-secondary.rz-shade-light {
+ color: var(--rz-secondary-light);
+}
+.rz-variant-text.rz-badge-secondary.rz-shade-default {
+ color: var(--rz-secondary);
+}
+.rz-variant-text.rz-badge-secondary.rz-shade-dark {
+ color: var(--rz-secondary-dark);
+}
+.rz-variant-text.rz-badge-secondary.rz-shade-darker {
+ color: var(--rz-secondary-darker);
+}
+
+.rz-variant-text.rz-badge-info {
+ background-color: transparent;
+}
+.rz-variant-text.rz-badge-info.rz-shade-lighter {
+ color: var(--rz-info-lighter);
+}
+.rz-variant-text.rz-badge-info.rz-shade-light {
+ color: var(--rz-info-light);
+}
+.rz-variant-text.rz-badge-info.rz-shade-default {
+ color: var(--rz-info);
+}
+.rz-variant-text.rz-badge-info.rz-shade-dark {
+ color: var(--rz-info-dark);
+}
+.rz-variant-text.rz-badge-info.rz-shade-darker {
+ color: var(--rz-info-darker);
+}
+
+.rz-variant-text.rz-badge-warning {
+ background-color: transparent;
+}
+.rz-variant-text.rz-badge-warning.rz-shade-lighter {
+ color: var(--rz-warning-lighter);
+}
+.rz-variant-text.rz-badge-warning.rz-shade-light {
+ color: var(--rz-warning-light);
+}
+.rz-variant-text.rz-badge-warning.rz-shade-default {
+ color: var(--rz-warning);
+}
+.rz-variant-text.rz-badge-warning.rz-shade-dark {
+ color: var(--rz-warning-dark);
+}
+.rz-variant-text.rz-badge-warning.rz-shade-darker {
+ color: var(--rz-warning-darker);
+}
+
+.rz-variant-text.rz-badge-error {
+ background-color: transparent;
+}
+.rz-variant-text.rz-badge-error.rz-shade-lighter {
+ color: var(--rz-error-lighter);
+}
+.rz-variant-text.rz-badge-error.rz-shade-light {
+ color: var(--rz-error-light);
+}
+.rz-variant-text.rz-badge-error.rz-shade-default {
+ color: var(--rz-error);
+}
+.rz-variant-text.rz-badge-error.rz-shade-dark {
+ color: var(--rz-error-dark);
+}
+.rz-variant-text.rz-badge-error.rz-shade-darker {
+ color: var(--rz-error-darker);
+}
+
+.rz-variant-text.rz-badge-danger {
+ background-color: transparent;
+}
+.rz-variant-text.rz-badge-danger.rz-shade-lighter {
+ color: var(--rz-danger-lighter);
+}
+.rz-variant-text.rz-badge-danger.rz-shade-light {
+ color: var(--rz-danger-light);
+}
+.rz-variant-text.rz-badge-danger.rz-shade-default {
+ color: var(--rz-danger);
+}
+.rz-variant-text.rz-badge-danger.rz-shade-dark {
+ color: var(--rz-danger-dark);
+}
+.rz-variant-text.rz-badge-danger.rz-shade-darker {
+ color: var(--rz-danger-darker);
+}
+
+.rz-variant-text.rz-badge-success {
+ background-color: transparent;
+}
+.rz-variant-text.rz-badge-success.rz-shade-lighter {
+ color: var(--rz-success-lighter);
+}
+.rz-variant-text.rz-badge-success.rz-shade-light {
+ color: var(--rz-success-light);
+}
+.rz-variant-text.rz-badge-success.rz-shade-default {
+ color: var(--rz-success);
+}
+.rz-variant-text.rz-badge-success.rz-shade-dark {
+ color: var(--rz-success-dark);
+}
+.rz-variant-text.rz-badge-success.rz-shade-darker {
+ color: var(--rz-success-darker);
+}
+
+.rz-variant-text.rz-badge-base {
+ background-color: transparent;
+}
+.rz-variant-text.rz-badge-base.rz-shade-lighter {
+ color: var(--rz-base-lighter);
+}
+.rz-variant-text.rz-badge-base.rz-shade-light {
+ color: var(--rz-base-light);
+}
+.rz-variant-text.rz-badge-base.rz-shade-default {
+ color: var(--rz-base);
+}
+.rz-variant-text.rz-badge-base.rz-shade-dark {
+ color: var(--rz-base-dark);
+}
+.rz-variant-text.rz-badge-base.rz-shade-darker {
+ color: var(--rz-base-darker);
+}
+
+.rz-variant-text.rz-badge-light {
+ color: var(--rz-base-700);
+ background-color: transparent;
+}
+
+.rz-variant-text.rz-badge-dark {
+ color: var(--rz-base-900);
+ background-color: transparent;
+}
+
+.rz-badge-pill {
+ border-radius: var(--rz-badge-pill-border-radius);
+ padding: var(--rz-badge-pill-padding);
+}
+
+.rz-dropzone {
+ user-select: none;
+}
+
+.rz-dropzone-item {
+ user-select: none;
+ cursor: grab;
+}
+
+.rz-dragging {
+ cursor: grabbing;
+}
+
+.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-timespanpicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-numeric:not(:disabled):not(.rz-state-disabled):hover, .rz-datepicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover {
+ box-shadow: var(--rz-input-hover-shadow);
+ background-color: var(--rz-input-hover-background-color);
+ border: var(--rz-input-hover-border);
+ border-block-end: var(--rz-input-hover-border-block-end);
+}
+
+.rz-form-field.rz-state-focused .rz-form-field-content, .rz-numeric:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-timespanpicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-numeric:not(:disabled):not(.rz-state-disabled):focus, .rz-datepicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
+ box-shadow: var(--rz-input-focus-shadow);
+ background-color: var(--rz-input-focus-background-color);
+ border: var(--rz-input-focus-border);
+ border-block-end: var(--rz-input-focus-border-block-end);
+ outline: var(--rz-input-focus-outline);
+ outline-offset: var(--rz-input-focus-outline-offset);
+}
+
+:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled, :not(.rz-form-field-content) > .rz-numeric.rz-state-disabled, :not(.rz-form-field-content) > .rz-listbox.rz-state-disabled, :not(.rz-form-field-content) > .rz-autocomplete-input:disabled, :not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete, :not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect, :not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown, .rz-timespanpicker:not(.rz-form-field-content) > .rz-inputtext:disabled, :not(.rz-form-field-content) > .rz-colorpicker:disabled, .rz-lookup-search :not(.rz-form-field-content) > input:disabled, :not(.rz-form-field-content) > .rz-numeric:disabled, .rz-datepicker:not(.rz-form-field-content) > .rz-inputtext:disabled, :not(.rz-form-field-content) > .rz-multiselect:disabled, :not(.rz-form-field-content) > .rz-dropdown:disabled, :not(.rz-form-field-content) > .mask:disabled, :not(.rz-form-field-content) > .rz-textarea:disabled, :not(.rz-form-field-content) > .rz-textbox:disabled {
+ color: var(--rz-input-disabled-color);
+ box-shadow: var(--rz-input-disabled-shadow);
+ background-color: var(--rz-input-disabled-background-color);
+ border: var(--rz-input-disabled-border);
+ border-block-end: var(--rz-input-disabled-border-block-end);
+ opacity: var(--rz-input-disabled-opacity);
+}
+:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled::placeholder, :not(.rz-form-field-content) > .rz-numeric.rz-state-disabled::placeholder, :not(.rz-form-field-content) > .rz-listbox.rz-state-disabled::placeholder, :not(.rz-form-field-content) > .rz-autocomplete-input:disabled::placeholder, :not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete::placeholder, :not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect::placeholder, :not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown::placeholder, .rz-timespanpicker:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, :not(.rz-form-field-content) > .rz-colorpicker:disabled::placeholder, .rz-lookup-search :not(.rz-form-field-content) > input:disabled::placeholder, :not(.rz-form-field-content) > .rz-numeric:disabled::placeholder, .rz-datepicker:not(.rz-form-field-content) > .rz-inputtext:disabled::placeholder, :not(.rz-form-field-content) > .rz-multiselect:disabled::placeholder, :not(.rz-form-field-content) > .rz-dropdown:disabled::placeholder, :not(.rz-form-field-content) > .mask:disabled::placeholder, :not(.rz-form-field-content) > .rz-textarea:disabled::placeholder, :not(.rz-form-field-content) > .rz-textbox:disabled::placeholder {
+ color: var(--rz-input-disabled-placeholder-color);
+}
+:not(.rz-form-field-content) > .rz-colorpicker.rz-state-disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-numeric.rz-state-disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-listbox.rz-state-disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-autocomplete-input:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-state-disabled.rz-autocomplete .rz-inputtext, :not(.rz-form-field-content) > .rz-state-disabled.rz-multiselect .rz-inputtext, :not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown .rz-inputtext, .rz-timespanpicker:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-colorpicker:disabled .rz-inputtext, .rz-lookup-search :not(.rz-form-field-content) > input:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-numeric:disabled .rz-inputtext, .rz-datepicker:not(.rz-form-field-content) > .rz-inputtext:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-multiselect:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-dropdown:disabled .rz-inputtext, :not(.rz-form-field-content) > .mask:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-textarea:disabled .rz-inputtext, :not(.rz-form-field-content) > .rz-textbox:disabled .rz-inputtext {
+ background-color: var(--rz-input-disabled-background-color);
+ color: var(--rz-input-disabled-color);
+ border: none;
+}
+
+input {
+ color: var(--rz-input-value-color);
+ font-size: var(--rz-input-font-size);
+}
+input::placeholder {
+ color: var(--rz-input-placeholder-color);
+}
+
+.rz-timespanpicker > .rz-inputtext, .rz-colorpicker, .rz-lookup-search input, .rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
+ padding-block: var(--rz-input-padding-block);
+ padding-inline: var(--rz-input-padding-inline);
+}
+
+.rz-form-field-content, .rz-timespanpicker > .rz-inputtext, .rz-colorpicker, .rz-lookup-search input, .rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
+ box-sizing: border-box;
+ border: var(--rz-input-border);
+ border-block-end: var(--rz-input-border-block-end);
+ border-radius: var(--rz-input-border-radius);
+ box-shadow: var(--rz-input-shadow);
+ background-color: var(--rz-input-background-color);
+}
+
+.rz-timespanpicker > .rz-inputtext, .rz-colorpicker, .rz-lookup-search input, .rz-numeric, .rz-datepicker > .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
+ height: var(--rz-input-height);
+ line-height: var(--rz-input-line-height);
+ color: var(--rz-input-value-color);
+ font-family: inherit;
+ font-size: var(--rz-input-font-size);
+ transition: var(--rz-input-transition);
+}
+.rz-timespanpicker > .rz-inputtext:not(.invalid), .rz-colorpicker:not(.invalid), .rz-lookup-search input:not(.invalid), .rz-numeric:not(.invalid), .rz-datepicker > .rz-inputtext:not(.invalid), .rz-multiselect:not(.invalid), .rz-dropdown:not(.invalid), .mask:not(.invalid), .rz-textarea:not(.invalid), .rz-textbox:not(.invalid) {
+ outline: none;
+}
+.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content > .rz-autocomplete.rz-state-disabled > .rz-inputtext, .rz-form-field-content input, .rz-form-field-content .rz-inputtext, .rz-form-field-content .rz-inputtext.rz-state-disabled, .rz-form-field-content .rz-datepicker.rz-state-disabled > .rz-inputtext {
+ box-shadow: none;
+ background-color: transparent;
+ --rz-input-hover-background-color: transparent;
+ --rz-input-focus-background-color: transparent;
+ outline: none;
+ border: none;
+}
+.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover {
+ border: none;
+ box-shadow: none;
+}
+.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus {
+ border: none;
+ box-shadow: none;
+}
+.rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within {
+ border: none;
+ box-shadow: none;
+}
+
+.rz-header {
+ background-color: var(--rz-header-background-color);
+ min-height: var(--rz-header-min-height);
+ border-bottom: var(--rz-header-border);
+ color: var(--rz-header-color);
+ box-shadow: var(--rz-header-shadow);
+}
+.rz-header.fixed {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ z-index: var(--rz-header-z);
+}
+.rz-header a {
+ text-decoration: none;
+}
+
+.rz-footer {
+ padding: var(--rz-footer-padding);
+ border-top: var(--rz-footer-border);
+ background-color: var(--rz-footer-background-color);
+ color: var(--rz-footer-color);
+}
+.rz-footer.fixed {
+ position: fixed;
+ z-index: var(--rz-footer-z);
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+
+.rz-sidebar {
+ background-color: var(--rz-sidebar-background-color);
+ color: var(--rz-sidebar-color);
+ border-inline-end: var(--rz-sidebar-border-inline-end);
+ position: fixed;
+ overflow: auto;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ z-index: var(--rz-sidebar-z);
+ width: var(--rz-sidebar-width);
+ opacity: 1;
+ transition: width var(--rz-transition), opacity var(--rz-transition);
+}
+
+@media (max-width: 768px) {
+ .rz-sidebar-responsive {
+ width: 0;
+ opacity: 0;
+ }
+}
+.rz-sidebar-expanded {
+ width: var(--rz-sidebar-width);
+ opacity: 1;
+}
+
+.rz-sidebar-collapsed {
+ width: 0 !important;
+ opacity: 0;
+}
+
+.rz-card {
+ box-sizing: border-box;
+ padding: var(--rz-card-padding);
+ border-radius: var(--rz-card-border-radius);
+ background-color: var(--rz-card-background-color);
+}
+.rz-card.rz-variant-filled {
+ box-shadow: var(--rz-card-shadow);
+}
+.rz-card.rz-variant-flat {
+ background-color: var(--rz-card-flat-background-color);
+}
+.rz-card.rz-variant-outlined {
+ background: transparent;
+ border: var(--rz-card-border);
+}
+.rz-card.rz-variant-text {
+ background: transparent;
+}
+.rz-card > h1,
+.rz-card > h2,
+.rz-card > h3,
+.rz-card > h4,
+.rz-card > h5,
+.rz-card > h6 {
+ margin-bottom: var(--rz-card-heading-margin-bottom);
+}
+.rz-card > p {
+ margin-bottom: 0;
+}
+
+.rz-card-group {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ gap: 0;
+}
+.rz-card-group > .rz-card {
+ flex: 1;
+ border-radius: 0;
+}
+.rz-card-group > .rz-card:first-of-type {
+ border-start-start-radius: var(--rz-card-border-radius);
+ border-end-start-radius: var(--rz-card-border-radius);
+}
+.rz-card-group > .rz-card:last-of-type {
+ border-start-end-radius: var(--rz-card-border-radius);
+ border-end-end-radius: var(--rz-card-border-radius);
+}
+.rz-card-group > .rz-variant-outlined + .rz-variant-outlined {
+ border-inline-start: 0;
+}
+.rz-card-group > .rz-variant-flat + .rz-variant-flat {
+ margin-inline-start: var(--rz-border-width);
+}
+.rz-card-group > .rz-variant-text + .rz-variant-text {
+ border-inline-start: var(--rz-card-border);
+}
+
+@media (max-width: 576px) {
+ .rz-card-group.rz-card-group-responsive {
+ flex-direction: column;
+ }
+ .rz-card-group.rz-card-group-responsive > .rz-card {
+ flex: 1;
+ border-radius: 0;
+ }
+ .rz-card-group.rz-card-group-responsive > .rz-card:first-of-type {
+ border-start-start-radius: var(--rz-card-border-radius);
+ border-start-end-radius: var(--rz-card-border-radius);
+ }
+ .rz-card-group.rz-card-group-responsive > .rz-card:last-of-type {
+ border-end-start-radius: var(--rz-card-border-radius);
+ border-end-end-radius: var(--rz-card-border-radius);
+ }
+ .rz-card-group.rz-card-group-responsive > .rz-variant-flat + .rz-variant-flat {
+ margin: 0;
+ margin-top: var(--rz-border-width);
+ }
+ .rz-card-group.rz-card-group-responsive > .rz-variant-outlined + .rz-variant-outlined {
+ border-top: 0;
+ border-inline-start: var(--rz-card-border);
+ }
+ .rz-card-group.rz-card-group-responsive > .rz-variant-text + .rz-variant-text {
+ border: 0;
+ border-top: var(--rz-card-border);
+ }
+}
+.rz-body {
+ margin: var(--rz-layout-body-margin);
+ padding: var(--rz-layout-body-padding);
+ border-radius: var(--rz-layout-body-border-radius);
+ background-color: var(--rz-layout-body-background-color);
+}
+.rz-body:only-child {
+ background-color: transparent;
+}
+.rz-layout .rz-body {
+ transform: translateZ(0);
+}
+
+.rz-accordion {
+ box-sizing: border-box;
+ border-radius: var(--rz-accordion-border-radius);
+ box-shadow: var(--rz-accordion-shadow);
+ overflow: hidden;
+}
+.rz-accordion > div:first-child {
+ border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0;
+}
+.rz-accordion > div:nth-last-child(2):has(+ .rz-state-collapsed), .rz-accordion > div:nth-last-child(2):has(+ .rz-state-collapsed) > div {
+ border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius);
+}
+.rz-accordion > div:last-child .rz-accordion-content {
+ border-radius: 0 0 var(--rz-accordion-border-radius) var(--rz-accordion-border-radius);
+}
+.rz-accordion > div:only-child {
+ border-radius: var(--rz-accordion-border-radius);
+}
+.rz-accordion:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-accordion:focus-visible {
+ outline: var(--rz-accordion-item-focus-outline);
+}
+.rz-accordion .rz-accordion-header {
+ background-color: var(--rz-accordion-item-background-color);
+ margin: var(--rz-accordion-item-margin);
+}
+.rz-accordion .rz-accordion-header:not(:first-child) {
+ border-top: var(--rz-accordion-item-border);
+}
+.rz-accordion .rz-accordion-header > a {
+ padding-block: var(--rz-accordion-item-padding-block);
+ padding-inline: var(--rz-accordion-item-padding-inline);
+ color: var(--rz-accordion-item-color);
+ line-height: var(--rz-accordion-item-line-height);
+ text-decoration: none;
+ display: flex;
+ align-items: center;
+ font-size: var(--rz-accordion-item-font-size);
+ font-weight: var(--rz-accordion-item-font-weight);
+ cursor: pointer;
+}
+.rz-accordion .rz-accordion-header > a:hover {
+ color: var(--rz-accordion-hover-color);
+}
+.rz-accordion .rz-accordion-header > a span:not(.rz-accordion-toggle-icon) {
+ flex-grow: 1;
+}
+.rz-accordion .rz-accordion-header > a > .rzi {
+ font-size: var(--rz-accordion-icon-font-size);
+ margin-inline: var(--rz-accordion-icon-margin-inline);
+}
+:focus-visible .rz-accordion .rz-accordion-header.rz-state-focused {
+ outline: var(--rz-accordion-item-focus-outline);
+ outline-offset: var(--rz-accordion-item-focus-outline-offset);
+}
+.rz-accordion > .rz-expander {
+ background-color: var(--rz-accordion-item-background-color);
+}
+
+.rz-accordion-toggle-icon {
+ width: var(--rz-accordion-icon-width);
+ height: var(--rz-accordion-icon-height);
+ font-size: var(--rz-accordion-icon-font-size);
+ order: var(--rz-accordion-toggle-icon-order);
+}
+.rz-accordion-toggle-icon.rzi {
+ margin-inline: var(--rz-accordion-toggle-icon-margin-inline);
+}
+.rz-accordion-toggle-icon.rz-state-expanded {
+ transform: rotate(180deg);
+ transition: transform var(--rz-transition);
+}
+.rz-accordion-toggle-icon.rz-state-collapsed {
+ transform: rotate(0);
+ transition: transform var(--rz-transition);
+}
+
+.rz-accordion-content {
+ font-size: var(--rz-accordion-content-font-size);
+ background-color: var(--rz-accordion-item-background-color);
+ padding-block: var(--rz-accordion-content-padding-block);
+ padding-inline: var(--rz-accordion-content-padding-inline);
+}
+
+/* Right-to-left toggle icons */
+*[dir=rtl] .rz-accordion-toggle-icon.rzi-chevron-right:before {
+ content: "arrow_left";
+}
+*[dir=rtl] .rz-accordion-toggle-icon.rzi-chevron-down:before {
+ content: "arrow_drop_down";
+}
+
+.rz-panel {
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ padding: var(--rz-panel-padding);
+ background: var(--rz-panel-background-color);
+ border-radius: var(--rz-panel-border-radius);
+ box-shadow: var(--rz-panel-shadow);
+}
+
+.rz-panel-titlebar {
+ display: flex;
+ justify-content: space-between;
+}
+
+.rz-panel-content {
+ margin: var(--rz-panel-content-margin);
+}
+
+.rz-panel-title {
+ line-height: var(--rz-panel-title-line-height);
+ font-weight: var(--rz-panel-title-font-weight);
+}
+
+.rz-panel-titlebar-toggler {
+ width: var(--rz-panel-toggle-icon-width);
+ height: var(--rz-panel-toggle-icon-height);
+ font-size: var(--rz-panel-toggle-icon-font-size);
+ border-radius: var(--rz-panel-toggle-icon-border-radius);
+ background-color: var(--rz-panel-toggle-icon-background-color);
+ color: inherit;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ text-decoration: none;
+}
+.rz-panel-titlebar-toggler:hover {
+ text-decoration: none;
+ color: var(--rz-panel-hover-color);
+}
+.rz-panel-titlebar-toggler:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-panel-titlebar-toggler:focus-visible {
+ outline: var(--rz-panel-toggle-icon-focus-outline);
+ outline-offset: var(--rz-panel-toggle-icon-focus-outline-offset);
+}
+.rz-panel-titlebar-toggler .rzi-minus:before {
+ content: "remove";
+}
+.rz-panel-titlebar-toggler .rzi-plus:before {
+ content: "add";
+}
+
+.rz-sidebar-toggle {
+ appearance: none;
+ cursor: pointer;
+ border: none;
+ padding: var(--rz-sidebar-toggle-padding);
+ margin-inline-end: var(--rz-sidebar-toggle-margin-inline-end);
+ border-inline-end: var(--rz-sidebar-toggle-border);
+ background-color: var(--rz-sidebar-toggle-background-color);
+ color: var(--rz-sidebar-toggle-color);
+}
+.rz-justify-content-flex-end .rz-sidebar-toggle {
+ border-inline-start: var(--rz-sidebar-toggle-border);
+ border-inline-end: none;
+}
+.rz-sidebar-toggle:focus {
+ outline: none;
+}
+.rz-sidebar-toggle:focus-visible {
+ outline: var(--rz-sidebar-toggle-focus-outline);
+ outline-offset: var(--rz-sidebar-toggle-focus-outline-offset);
+}
+.rz-sidebar-toggle:focus-visible, .rz-sidebar-toggle:hover {
+ color: var(--rz-sidebar-toggle-hover-color);
+ background: var(--rz-sidebar-toggle-hover-background-color);
+ border-radius: var(--rz-sidebar-toggle-hover-border-radius);
+}
+.rz-sidebar-toggle .rzi {
+ width: var(--rz-sidebar-toggle-icon-width);
+ height: var(--rz-sidebar-toggle-icon-height);
+ font-size: var(--rz-sidebar-toggle-icon-width);
+}
+
+.rz-navigation-item-link {
+ display: flex;
+ align-items: center;
+ cursor: pointer;
+ text-decoration: none;
+}
+.rz-navigation-item-link:hover {
+ text-decoration: none;
+}
+
+.rz-navigation-item-text {
+ flex: auto;
+}
+
+.rz-context-menu {
+ box-sizing: border-box;
+}
+.rz-context-menu .rz-menu {
+ flex-direction: column;
+}
+
+.rz-context-menu .rz-menu, .rz-context-menu .rz-navigation-menu {
+ box-shadow: var(--rz-context-menu-box-shadow);
+ border: var(--rz-menu-border);
+ border-radius: var(--rz-menu-border-radius);
+}
+
+.rz-context-menu .rz-menu:not(.rz-profile-menu) {
+ align-items: stretch;
+ background-color: var(--rz-menu-background-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link {
+ color: var(--rz-menu-item-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-item-icon-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper {
+ border-radius: var(--rz-menu-item-border-radius);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link {
+ padding-block: var(--rz-menu-item-padding-block);
+ padding-inline: var(--rz-menu-item-padding-inline);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover {
+ background-color: var(--rz-menu-item-hover-background-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
+ color: var(--rz-menu-item-hover-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-item-icon-hover-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active {
+ background-color: var(--rz-menu-item-selected-background-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link {
+ color: var(--rz-menu-item-selected-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-item-selected-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) > .rz-navigation-item > .rz-navigation-item-wrapper-active:before {
+ display: none;
+}
+
+.rz-menu:not(.rz-profile-menu) {
+ box-sizing: border-box;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ align-items: center;
+ background-color: var(--rz-menu-top-item-background-color);
+}
+.rz-context-menu .rz-menu:not(.rz-profile-menu) {
+ padding-block: var(--rz-context-menu-padding-block);
+ padding-inline: var(--rz-context-menu-padding-inline);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link {
+ padding-block: var(--rz-menu-top-item-padding-block);
+ padding-inline: var(--rz-menu-top-item-padding-inline);
+ color: var(--rz-menu-top-item-color);
+ white-space: nowrap;
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-top-item-icon-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link.active {
+ color: var(--rz-menu-top-item-selected-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link.active .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-top-item-selected-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-navigation-item-icon-children.rz-state-expanded {
+ transform: rotate(180deg);
+ transition: transform var(--rz-expander-transition);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-navigation-item-icon-children.rz-state-collapsed {
+ transform: rotate(0);
+ transition: transform var(--rz-expander-transition);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper {
+ border-radius: var(--rz-menu-top-item-border-radius);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:has(> .active) {
+ background-color: var(--rz-menu-top-item-selected-background-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover, .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:has(> .active):hover {
+ background-color: var(--rz-menu-top-item-hover-background-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link, .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:has(> .active):hover .rz-navigation-item-link {
+ color: var(--rz-menu-top-item-hover-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:has(> .active):hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-top-item-icon-hover-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active {
+ background-color: var(--rz-menu-top-item-selected-background-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link {
+ color: var(--rz-menu-top-item-selected-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-top-item-selected-color);
+}
+.rz-menu:not(.rz-profile-menu):focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-menu:not(.rz-profile-menu):focus-visible {
+ outline: var(--rz-menu-item-focus-outline);
+}
+.rz-menu:not(.rz-profile-menu):focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper {
+ outline: var(--rz-menu-item-focus-outline);
+ outline-offset: var(--rz-menu-item-focus-outline-offset);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-item {
+ position: relative;
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu {
+ list-style: none;
+ overflow: hidden;
+ position: absolute;
+ padding-block: var(--rz-context-menu-padding-block);
+ padding-inline: var(--rz-context-menu-padding-inline);
+ margin: 0;
+ min-width: 100%;
+ box-shadow: var(--rz-context-menu-box-shadow);
+ z-index: 3;
+ border-radius: var(--rz-menu-border-radius);
+ background-color: var(--rz-menu-background-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper {
+ border-radius: var(--rz-menu-item-border-radius);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:has(> .active) {
+ background-color: var(--rz-menu-item-selected-background-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover, .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:has(> .active):hover {
+ background-color: var(--rz-menu-item-hover-background-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link, .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:has(> .active):hover .rz-navigation-item-link {
+ color: var(--rz-menu-item-hover-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:has(> .active):hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-item-icon-hover-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper-active {
+ background-color: var(--rz-menu-item-selected-background-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper-active .rz-navigation-item-link {
+ color: var(--rz-menu-item-selected-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper-active .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-item-selected-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link {
+ padding-block: var(--rz-menu-item-padding-block);
+ padding-inline: var(--rz-menu-item-padding-inline);
+ color: var(--rz-menu-item-color);
+ white-space: nowrap;
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-item-icon-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link.active {
+ color: var(--rz-menu-item-selected-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link.active .rzi:not(.rz-navigation-item-icon-children) {
+ color: var(--rz-menu-item-selected-color);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu {
+ position: static;
+ box-shadow: none;
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link {
+ margin-inline-start: var(--rz-menu-item-offset);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link {
+ margin-inline-start: calc(var(--rz-menu-item-offset) * 2);
+}
+.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-link {
+ margin-inline-start: calc(var(--rz-menu-item-offset) * 3);
+}
+.rz-menu:not(.rz-profile-menu) .rzi:not(.rz-navigation-item-icon-children) {
+ margin-inline: var(--rz-menu-item-icon-margin-inline);
+}
+
+.rz-navigation-item-wrapper,
+.rz-navigation-item-link,
+.rz-navigation-item-text {
+ transition: var(--rz-menu-item-transition);
+}
+
+li.rz-navigation-item.rz-state-disabled {
+ opacity: var(--rz-menu-item-disabled-opacity);
+ cursor: initial;
+ pointer-events: none;
+}
+
+.rz-menu-toggle-item {
+ display: none;
+ padding-block: var(--rz-menu-top-item-padding-block);
+ padding-inline: var(--rz-menu-top-item-padding-inline);
+ justify-content: end;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+}
+
+.rz-menu-toggle {
+ appearance: none;
+ background-color: transparent;
+ border: none;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0;
+ color: var(--rz-menu-top-item-color);
+}
+.rz-menu-toggle:hover {
+ background-color: transparent;
+ color: var(--rz-menu-top-item-hover-color);
+}
+.rz-menu-toggle:active {
+ background-color: transparent;
+ color: var(--rz-menu-top-item-color);
+}
+.rz-context-menu .rz-menu-toggle {
+ color: var(--rz-menu-item-color);
+}
+.rz-context-menu .rz-menu-toggle:hover {
+ color: var(--rz-menu-item-hover-color);
+}
+.rz-context-menu .rz-menu-toggle:active {
+ color: var(--rz-menu-item-color);
+}
+
+@media (max-width: 768px) {
+ .rz-menu:not(.rz-profile-menu).rz-menu-closed .rz-navigation-item {
+ display: none;
+ }
+ .rz-menu:not(.rz-profile-menu) .rz-menu-toggle .rzi {
+ margin: 0;
+ }
+ .rz-menu:not(.rz-profile-menu).rz-menu-open {
+ display: block;
+ }
+ .rz-menu:not(.rz-profile-menu).rz-menu-open .rz-navigation-item {
+ background-color: inherit;
+ }
+ .rz-menu:not(.rz-profile-menu).rz-menu-open .rz-navigation-menu {
+ position: static;
+ box-shadow: none;
+ border-radius: 0;
+ }
+ .rz-menu:not(.rz-profile-menu) .rz-menu-toggle-item {
+ display: flex;
+ }
+ .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active:before {
+ display: none !important;
+ }
+}
+.rz-panel-menu {
+ box-sizing: border-box;
+ list-style: none;
+ padding-block: var(--rz-panel-menu-padding-block);
+ padding-inline: var(--rz-panel-menu-padding-inline);
+ margin-block-start: 0;
+ margin-block-end: 0;
+ overflow: auto;
+ font-size: var(--rz-panel-menu-font-size);
+ font-weight: var(--rz-panel-menu-font-weight);
+ color: var(--rz-panel-menu-item-color);
+ background-color: var(--rz-panel-menu-item-background-color);
+ /* First level items */
+ /* Second level items */
+}
+.rz-panel-menu:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-panel-menu:focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper {
+ outline: var(--rz-panel-menu-focus-outline);
+ outline-offset: var(--rz-panel-menu-focus-outline-offset);
+}
+.rz-panel-menu > .rz-navigation-item {
+ margin-block: var(--rz-panel-menu-item-margin-block);
+ margin-inline: var(--rz-panel-menu-item-margin-inline);
+}
+.rz-panel-menu .rz-navigation-item {
+ border-block-end: var(--rz-panel-menu-item-border);
+ border-radius: var(--rz-panel-menu-item-border-radius);
+ overflow: hidden;
+ /* Do not show expand arrow if there are no child items */
+}
+.rz-panel-menu .rz-navigation-item:not(:has(> .rz-expander .rz-navigation-item)) > .rz-navigation-item-wrapper .rz-navigation-item-icon-children {
+ display: none;
+}
+.rz-panel-menu .rz-navigation-item-wrapper {
+ position: relative;
+ line-height: var(--rz-panel-menu-item-line-height);
+ transition: var(--rz-panel-menu-item-transition);
+ border-radius: var(--rz-panel-menu-item-border-radius);
+ overflow: hidden;
+}
+.rz-panel-menu .rz-navigation-item-wrapper:hover {
+ background-color: var(--rz-panel-menu-item-hover-background-color);
+ color: var(--rz-panel-menu-item-hover-color);
+}
+.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon {
+ color: var(--rz-panel-menu-item-hover-color);
+}
+.rz-panel-menu .rz-navigation-item-active,
+.rz-panel-menu .rz-navigation-item-wrapper-active {
+ background-color: var(--rz-panel-menu-item-active-background-color);
+ color: var(--rz-panel-menu-item-active-color);
+}
+.rz-panel-menu .rz-navigation-item-active:before,
+.rz-panel-menu .rz-navigation-item-wrapper-active:before {
+ position: absolute;
+ content: "";
+ inset-block-start: 0;
+ inset-block-end: 0;
+ width: 4px;
+ background-color: var(--rz-panel-menu-item-active-indicator);
+}
+.rz-panel-menu .rz-navigation-item-active .rz-navigation-item-icon,
+.rz-panel-menu .rz-navigation-item-wrapper-active .rz-navigation-item-icon {
+ color: var(--rz-panel-menu-item-active-color);
+}
+.rz-panel-menu .rz-navigation-item-link {
+ padding-block: var(--rz-panel-menu-item-padding-block);
+ padding-inline: var(--rz-panel-menu-item-padding-inline);
+ color: inherit;
+ cursor: pointer;
+ text-decoration: none;
+}
+.rz-panel-menu a.rz-navigation-item-link {
+ cursor: pointer;
+ text-decoration: none;
+}
+.rz-panel-menu .rz-navigation-item-text {
+ flex: auto;
+}
+.rz-panel-menu .rz-navigation-item-icon-children {
+ margin-inline-start: auto;
+ font-size: var(--rz-panel-menu-toggle-icon-font-size);
+ opacity: var(--rz-panel-menu-toggle-icon-opacity);
+ z-index: 1;
+}
+.rz-panel-menu .rz-navigation-item-icon-children.rz-state-expanded {
+ transform: rotate(180deg);
+ transition: transform var(--rz-expander-transition);
+}
+.rz-panel-menu .rz-navigation-item-icon-children.rz-state-collapsed {
+ transform: rotate(0);
+ transition: transform var(--rz-expander-transition);
+}
+.rz-panel-menu .rz-navigation-item-icon {
+ height: var(--rz-panel-menu-icon-height);
+ width: var(--rz-panel-menu-icon-width);
+ color: var(--rz-panel-menu-icon-color);
+ margin-inline: var(--rz-panel-menu-icon-margin-inline);
+ font-size: var(--rz-panel-menu-icon-font-size);
+ transition: var(--rz-panel-menu-item-transition);
+}
+.rz-panel-menu .rz-navigation-menu {
+ list-style: none;
+ padding: 0;
+ margin-block-end: 0;
+ overflow: hidden;
+ /* Third level items */
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper {
+ margin-block: var(--rz-panel-menu-item-2nd-level-margin-block);
+ margin-inline: var(--rz-panel-menu-item-2nd-level-margin-inline);
+ border-radius: var(--rz-panel-menu-item-2nd-level-border-radius);
+ background-color: var(--rz-panel-menu-item-2nd-level-background-color);
+ overflow: hidden;
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
+ background-color: var(--rz-panel-menu-item-2nd-level-hover-background-color);
+ color: var(--rz-panel-menu-item-2nd-level-hover-color);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon {
+ color: var(--rz-panel-menu-item-2nd-level-hover-color);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item-active,
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
+ background-color: var(--rz-panel-menu-item-2nd-level-active-background-color);
+ color: var(--rz-panel-menu-item-2nd-level-active-color);
+ font-weight: var(--rz-panel-menu-item-2nd-level-active-font-weight);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item-active .rz-navigation-item-icon,
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active .rz-navigation-item-icon {
+ color: var(--rz-panel-menu-item-2nd-level-active-color);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item-icon {
+ height: var(--rz-panel-menu-icon-2nd-level-icon-size);
+ width: var(--rz-panel-menu-icon-2nd-level-icon-size);
+ font-size: var(--rz-panel-menu-icon-2nd-level-icon-size);
+ margin-inline: var(--rz-panel-menu-icon-2nd-level-margin-inline);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item {
+ border-block-end: none;
+ color: var(--rz-panel-menu-item-2nd-level-color);
+ font-size: var(--rz-panel-menu-item-2nd-level-font-size);
+ font-weight: var(--rz-panel-menu-item-2nd-level-font-weight);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item:first-child {
+ margin-block-start: var(--rz-panel-menu-2nd-level-vertical-offset);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item:last-child {
+ margin-block-end: var(--rz-panel-menu-2nd-level-vertical-offset);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link {
+ padding-block: var(--rz-panel-menu-item-2nd-level-padding-block);
+ padding-inline: var(--rz-panel-menu-item-2nd-level-padding-inline);
+ padding-inline-start: var(--rz-panel-menu-item-2nd-level-offset);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-menu {
+ margin: 0;
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper {
+ color: var(--rz-panel-menu-item-3rd-level-color);
+ background-color: var(--rz-panel-menu-item-3rd-level-background-color);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
+ color: var(--rz-panel-menu-item-3rd-level-hover-color);
+ background-color: var(--rz-panel-menu-item-3rd-level-hover-background-color);
+}
+.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active,
+.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
+ background-color: var(--rz-panel-menu-item-3rd-level-active-background-color);
+ color: var(--rz-panel-menu-item-3rd-level-active-color);
+}
+
+ul.rz-profile-menu {
+ box-sizing: border-box;
+ list-style: none;
+ margin-block-start: 0;
+ margin-block-end: 0;
+ padding-block: var(--rz-profile-menu-padding-block);
+ padding-inline: var(--rz-profile-menu-padding-inline);
+ display: inline-block;
+ background-color: var(--rz-profile-menu-top-item-background-color);
+ border-inline-start: var(--rz-profile-menu-border);
+ position: relative;
+ z-index: 3;
+}
+ul.rz-profile-menu:focus {
+ outline: var(--rz-outline-normal);
+}
+ul.rz-profile-menu:focus-visible {
+ outline: var(--rz-menu-item-focus-outline);
+}
+ul.rz-profile-menu:focus-visible .rz-navigation-item.rz-state-focused > .rz-navigation-item-wrapper {
+ outline: var(--rz-profile-menu-item-focus-outline);
+ outline-offset: var(--rz-profile-menu-item-focus-outline-offset);
+}
+ul.rz-profile-menu .rz-navigation-item-icon-children {
+ color: var(--rz-profile-menu-toggle-button-color);
+}
+ul.rz-profile-menu .rz-navigation-item-icon-children.rz-state-expanded {
+ transform: rotate(180deg);
+ transition: transform var(--rz-expander-transition);
+}
+ul.rz-profile-menu .rz-navigation-item-icon-children.rz-state-collapsed {
+ transform: rotate(0);
+ transition: transform var(--rz-expander-transition);
+}
+ul.rz-profile-menu .rz-navigation-menu {
+ list-style: none;
+ overflow: hidden;
+ position: absolute;
+ margin-block-start: 0;
+ margin-block-end: 0;
+ padding-block: var(--rz-context-menu-padding-block);
+ padding-inline: var(--rz-context-menu-padding-inline);
+ border-radius: var(--rz-profile-menu-border-radius);
+ background-color: var(--rz-profile-menu-background-color);
+ box-shadow: var(--rz-context-menu-box-shadow);
+ text-align: start;
+ inset-block-start: calc(100% - 2px);
+ inset-inline-end: 0;
+ min-width: 100%;
+ white-space: nowrap;
+}
+ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link {
+ padding-block: var(--rz-menu-item-padding-block);
+ padding-inline: var(--rz-menu-item-padding-inline);
+}
+ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
+ background-color: var(--rz-profile-menu-item-hover-background-color);
+ color: var(--rz-menu-item-hover-color);
+}
+ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
+ color: var(--rz-menu-item-hover-color);
+}
+ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-text {
+ color: var(--rz-menu-item-hover-color);
+}
+ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-link,
+ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-text {
+ color: var(--rz-menu-item-color);
+}
+ul.rz-profile-menu .rz-navigation-menu .rzi {
+ width: var(--rz-profile-menu-item-icon-width);
+ height: var(--rz-profile-menu-item-icon-height);
+ font-size: var(--rz-profile-menu-item-icon-font-size);
+ margin-inline: var(--rz-profile-menu-item-icon-margin-inline);
+}
+
+.rz-gravatar {
+ box-sizing: border-box;
+ width: var(--rz-gravatar-width);
+ height: var(--rz-gravatar-height);
+ display: inline-block;
+ border-radius: var(--rz-gravatar-border-radius);
+ box-shadow: var(--rz-gravatar-box-shadow);
+}
+
+.rz-steps {
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+}
+.rz-steps .rz-widget-content {
+ flex: 1;
+ overflow-x: hidden;
+ overflow-y: auto;
+}
+.rz-steps ul {
+ list-style: none;
+ padding: 0;
+}
+.rz-steps .rz-menuitem-link {
+ display: inline-flex;
+ align-items: center;
+ color: var(--rz-steps-color);
+ cursor: pointer;
+ text-decoration: none;
+}
+.rz-steps .rz-menuitem-link:hover {
+ text-decoration: none;
+ color: var(--rz-steps-title-selected-color) !important;
+}
+.rz-steps .rz-state-disabled .rz-menuitem-link {
+ color: var(--rz-text-disabled-color);
+ cursor: default;
+}
+.rz-steps .rz-state-disabled .rz-menuitem-link:hover {
+ color: var(--rz-text-disabled-color) !important;
+}
+.rz-steps .rz-state-highlight .rz-steps-title {
+ color: var(--rz-steps-title-selected-color);
+}
+.rz-steps .rz-state-highlight .rz-steps-number {
+ background: var(--rz-steps-number-selected-background);
+ color: var(--rz-steps-number-selected-color);
+}
+
+.rz-steps-item {
+ display: inline-block;
+}
+.rz-steps-item:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-steps-item:focus-visible {
+ outline: var(--rz-outline-normal);
+}
+.rz-steps-item:focus-visible .rz-steps-number {
+ outline: var(--rz-steps-number-focus-outline);
+ outline-offset: var(--rz-steps-number-focus-outline-offset);
+}
+
+.rz-steps-title {
+ margin-block: var(--rz-steps-title-margin-block);
+ margin-inline: var(--rz-steps-title-margin-inline);
+}
+
+.rz-steps-number {
+ text-align: center;
+ line-height: var(--rz-steps-number-line-height);
+ color: var(--rz-steps-number-color);
+ padding-block: var(--rz-steps-number-padding-block);
+ padding-inline: var(--rz-steps-number-padding-inline);
+ width: var(--rz-steps-number-width);
+ height: var(--rz-steps-number-height);
+ background-color: var(--rz-steps-number-background-color);
+ border-radius: var(--rz-steps-number-border-radius);
+}
+
+.rz-steps-buttons {
+ display: flex;
+ justify-content: space-between;
+ padding-block: var(--rz-steps-buttons-padding-block);
+ padding-inline: var(--rz-steps-buttons-padding-inline);
+}
+
+.rz-steps-next,
+.rz-steps-prev {
+ display: inline-flex;
+ align-items: center;
+ color: var(--rz-steps-button-color) !important;
+ text-decoration: none;
+}
+.rz-steps-next:not(.rz-state-disabled):hover,
+.rz-steps-prev:not(.rz-state-disabled):hover {
+ cursor: pointer;
+ color: var(--rz-steps-title-selected-color) !important;
+}
+.rz-steps-next:hover,
+.rz-steps-prev:hover {
+ text-decoration: none;
+}
+.rz-steps-next.rz-state-disabled,
+.rz-steps-prev.rz-state-disabled {
+ opacity: 0.5 !important;
+}
+
+.rz-steps-prev .rzi:before {
+ content: "navigate_before";
+}
+
+.rz-steps-next .rzi:before {
+ content: "navigate_next";
+}
+
+*[dir=rtl] .rz-steps-prev .rzi:before {
+ content: "navigate_next";
+}
+*[dir=rtl] .rz-steps-next .rzi:before {
+ content: "navigate_before";
+}
+
+.rz-textarea {
+ padding-block: var(--rz-text-area-padding-block);
+ padding-inline: var(--rz-text-area-padding-inline);
+ height: auto;
+}
+
+.rz-checkbox-list {
+ box-sizing: border-box;
+ border-radius: var(--rz-border-radius);
+}
+.rz-checkbox-list .rz-checkbox {
+ display: inline-flex;
+ align-items: center;
+ margin-block: var(--rz-checkbox-margin-block);
+ margin-inline: var(--rz-checkbox-margin-inline);
+ cursor: pointer;
+}
+.rz-checkbox-list:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-checkbox-list:focus-visible {
+ outline: var(--rz-checkbox-focus-outline);
+ outline-offset: var(--rz-checkbox-focus-outline-offset);
+}
+
+.rz-checkbox-list-horizontal {
+ --rz-gap: 0;
+}
+
+.rz-checkbox-list-vertical {
+ --rz-gap: 1rem;
+}
+
+.rz-state-disabled .rz-checkbox {
+ cursor: initial;
+}
+
+.rz-chkbox-label,
+.rz-chkbox-template {
+ margin-block: var(--rz-checkbox-label-margin-block);
+ margin-inline: var(--rz-checkbox-label-margin-inline);
+}
+
+.rz-chkbox {
+ box-sizing: border-box;
+ display: inline-block;
+ vertical-align: middle;
+ position: relative;
+ width: var(--rz-checkbox-width);
+ min-width: var(--rz-checkbox-width);
+ height: var(--rz-checkbox-height);
+ border-radius: var(--rz-checkbox-border-radius);
+}
+
+.rz-chkbox-box {
+ position: absolute;
+ cursor: pointer;
+ inset: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border: var(--rz-input-border-block-end);
+ border-width: var(--rz-checkbox-border-width);
+ border-radius: var(--rz-checkbox-border-radius);
+ box-shadow: var(--rz-input-shadow);
+ background-color: var(--rz-input-background-color);
+ transition: var(--rz-transition-all);
+}
+.rz-chkbox-box:hover:not(.rz-state-disabled) {
+ box-shadow: var(--rz-input-hover-shadow);
+ background-color: var(--rz-input-hover-background-color);
+ border: var(--rz-input-hover-border);
+ border-width: var(--rz-checkbox-border-width);
+}
+.rz-chkbox-box.rz-state-disabled {
+ cursor: initial;
+ color: var(--rz-input-disabled-color);
+ box-shadow: var(--rz-input-disabled-shadow);
+ background-color: var(--rz-input-disabled-background-color);
+ border: var(--rz-input-disabled-border);
+ border-width: var(--rz-checkbox-border-width);
+ opacity: var(--rz-input-disabled-opacity);
+}
+.rz-chkbox-box .rzi {
+ width: var(--rz-checkbox-icon-width);
+ height: var(--rz-checkbox-icon-height);
+ font-size: var(--rz-checkbox-icon-font-size);
+ color: var(--rz-checkbox-checked-color);
+ vertical-align: middle;
+ background-color: var(--rz-checkbox-checked-icon-background-color);
+ border-radius: var(--rz-checkbox-checked-icon-border-radius);
+}
+.rz-chkbox-box .rzi-check:before {
+ content: "check";
+}
+.rz-chkbox-box .rzi-times {
+ width: var(--rz-checkbox-tri-icon-width);
+ height: var(--rz-checkbox-tri-icon-height);
+ font-size: var(--rz-checkbox-tri-icon-font-size);
+}
+.rz-chkbox-box .rzi-times:before {
+ content: "remove";
+}
+.rz-chkbox-box.rz-state-active {
+ background-color: var(--rz-checkbox-checked-background-color);
+ border: var(--rz-checkbox-checked-border);
+}
+.rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) {
+ background-color: var(--rz-checkbox-checked-hover-background-color);
+ border: var(--rz-checkbox-checked-hover-border);
+}
+.rz-chkbox-box.rz-state-active.rz-state-disabled {
+ background-color: var(--rz-checkbox-checked-disabled-background-color);
+ border: var(--rz-checkbox-checked-disabled-border);
+ opacity: 0.5;
+}
+:focus-visible .rz-chkbox-box.rz-state-focused:not(.rz-state-disabled) {
+ outline: var(--rz-checkbox-focus-outline);
+ outline-offset: var(--rz-checkbox-focus-outline-offset);
+}
+
+.rz-switch {
+ box-sizing: border-box;
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ width: 3rem;
+ min-width: 3rem;
+ height: 1.8rem;
+ border-radius: calc(5 * var(--rz-border-radius));
+}
+.rz-switch:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-switch:focus-visible {
+ outline: var(--rz-switch-focus-outline);
+ outline-offset: var(--rz-switch-focus-outline-offset);
+}
+
+.rz-switch-circle {
+ position: absolute;
+ cursor: pointer;
+ inset-block-start: 0;
+ inset-inline-start: 0;
+ inset-inline-end: 0;
+ inset-block-end: 0;
+}
+
+.rz-switch-circle.rz-disabled {
+ opacity: 0.5;
+ cursor: initial;
+}
+
+.rz-switch-circle.rz-readonly {
+ cursor: initial;
+}
+
+.rz-switch .rz-switch-circle {
+ background: var(--rz-switch-background-color);
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: calc(5 * var(--rz-border-radius));
+}
+
+.rz-switch.rz-switch-checked .rz-switch-circle {
+ background: var(--rz-switch-checked-background-color);
+}
+
+.rz-switch .rz-switch-circle:before {
+ background: var(--rz-switch-circle-background-color);
+ width: 1.26rem;
+ height: 1.26rem;
+ inset-inline-start: 0.27rem;
+ margin-block-start: -0.63rem;
+ border-radius: calc(5 * var(--rz-border-radius) - 3px);
+ transition: transform 0.2s linear;
+ box-shadow: var(--rz-switch-box-shadow);
+}
+
+.rz-switch-circle:before {
+ position: absolute;
+ content: "";
+ inset-block-start: 50%;
+}
+
+.rz-switch-circle.rz-disabled:before {
+ box-shadow: none;
+}
+
+.rz-switch.rz-switch-checked .rz-switch-circle:before {
+ background: var(--rz-switch-checked-circle-background-color);
+ transform: translateX(1.2rem);
+}
+
+*[dir=rtl] .rz-switch.rz-switch-checked .rz-switch-circle:before {
+ transform: translateX(-1.2rem);
+}
+
+.rz-radio-button-list {
+ box-sizing: border-box;
+ border-radius: var(--rz-border-radius);
+}
+.rz-radio-button-list .rz-radio-btn {
+ display: inline-flex;
+ align-items: center;
+ margin-block: var(--rz-radio-margin-block);
+ margin-inline: var(--rz-radio-margin-inline);
+ cursor: pointer;
+}
+.rz-radio-button-list .rz-radio-btn.rz-state-disabled {
+ cursor: initial;
+}
+.rz-radio-button-list:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-radio-button-list:focus-visible {
+ outline: var(--rz-radio-focus-outline);
+ outline-offset: var(--rz-radio-focus-outline-offset);
+}
+
+.rz-radio-button-list-horizontal {
+ --rz-gap: 0;
+}
+
+.rz-radio-button-list-vertical {
+ --rz-gap: 1rem;
+}
+
+.rz-state-disabled .rz-radiobutton {
+ cursor: initial;
+}
+
+.rz-radiobutton-label,
+.rz-radiobutton-template {
+ margin-block: var(--rz-radio-label-margin-block);
+ margin-inline: var(--rz-radio-label-margin-inline);
+}
+.rz-radiobutton-label.rz-state-disabled,
+.rz-radiobutton-template.rz-state-disabled {
+ cursor: initial;
+ opacity: 0.5;
+}
+
+.rz-radiobutton {
+ position: relative;
+ vertical-align: middle;
+ white-space: nowrap;
+ cursor: pointer;
+ width: var(--rz-radio-width);
+ height: var(--rz-radio-height);
+ border-radius: var(--rz-radio-border-radius);
+}
+
+.rz-radiobutton-box {
+ position: absolute;
+ inset: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: inherit;
+ border: var(--rz-input-border-block-end);
+ border-width: var(--rz-radio-border-width);
+ border-radius: var(--rz-radio-border-radius);
+ box-shadow: var(--rz-input-shadow);
+ background-color: var(--rz-input-background-color);
+ transition: var(--rz-transition-all);
+}
+.rz-radiobutton-box:hover:not(.rz-state-disabled) {
+ box-shadow: var(--rz-input-hover-shadow);
+ background-color: var(--rz-input-hover-background-color);
+ border: var(--rz-input-hover-border);
+ border-width: var(--rz-radio-border-width);
+}
+.rz-radiobutton-box:active:not(.rz-state-disabled) {
+ background-color: var(--rz-radio-active-background-color);
+ box-shadow: var(--rz-radio-active-shadow);
+ border-width: var(--rz-radio-border-width);
+}
+.rz-radiobutton-box.rz-state-disabled {
+ cursor: initial;
+ box-shadow: var(--rz-input-disabled-shadow);
+ background-color: var(--rz-input-disabled-background-color);
+ border: var(--rz-input-disabled-border);
+ border-width: var(--rz-radio-border-width);
+ opacity: var(--rz-input-disabled-opacity);
+}
+.rz-radiobutton-box .rzi {
+ width: var(--rz-radio-icon-width);
+ height: var(--rz-radio-icon-height);
+ color: var(--rz-radio-checked-color);
+}
+.rz-radiobutton-box .rzi-circle-on {
+ border-radius: var(--rz-radio-border-radius);
+ vertical-align: middle;
+ background-color: var(--rz-radio-circle-background-color);
+ box-shadow: var(--rz-radio-circle-shadow);
+}
+.rz-radiobutton-box .rzi-circle-on:hover:not(.rz-state-disabled) {
+ background-color: var(--rz-radio-circle-hover-background-color);
+}
+.rz-radiobutton-box.rz-state-active {
+ background-color: var(--rz-radio-checked-background-color);
+ border: var(--rz-radio-checked-border);
+ border-width: var(--rz-radio-border-width);
+}
+.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) {
+ background-color: var(--rz-radio-checked-hover-background-color);
+ border: var(--rz-radio-checked-border);
+ box-shadow: var(--rz-radio-checked-hover-shadow);
+ border-width: var(--rz-radio-border-width);
+}
+.rz-radiobutton-box.rz-state-active.rz-state-disabled {
+ background-color: var(--rz-radio-checked-background-color);
+ border: var(--rz-radio-checked-border);
+ border-width: var(--rz-radio-border-width);
+ opacity: 0.5;
+}
+.rz-radio-button-list:focus-visible .rz-radiobutton-box.rz-state-focused:not(.rz-state-disabled) {
+ outline: var(--rz-radio-focus-outline);
+ outline-offset: var(--rz-radio-focus-outline-offset);
+}
+
+.rz-fieldset {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ min-width: 0;
+ border: var(--rz-fieldset-border);
+ border-radius: var(--rz-fieldset-border-radius);
+}
+
+.rz-fieldset-content {
+ padding: var(--rz-fieldset-padding);
+}
+
+.rz-fieldset-content-wrapper {
+ overflow: hidden;
+}
+
+.rz-fieldset-legend-text {
+ vertical-align: middle;
+}
+
+.rz-fieldset-toggler {
+ vertical-align: middle;
+ width: var(--rz-fieldset-toggle-width);
+ height: var(--rz-fieldset-toggle-height);
+ background-color: var(--rz-fieldset-toggle-background-color);
+ color: var(--rz-fieldset-toggle-color);
+ border: var(--rz-fieldset-toggle-border);
+}
+.rz-fieldset-toggler.rzi {
+ text-align: center;
+ font-size: var(--rz-fieldset-toggle-font-size);
+ line-height: var(--rz-fieldset-toggle-height);
+ margin-block: var(--rz-fieldset-toggle-margin-block);
+ margin-inline: var(--rz-fieldset-toggle-margin-inline);
+}
+.rz-fieldset-toggler.rzi-minus:before {
+ content: "remove";
+}
+.rz-fieldset-toggler.rzi-plus:before {
+ content: "add";
+}
+a:focus .rz-fieldset-toggler {
+ outline: var(--rz-outline-normal);
+}
+a:focus-visible .rz-fieldset-toggler {
+ outline: var(--rz-fieldset-toggle-focus-outline);
+ outline-offset: var(--rz-fieldset-toggle-focus-outline-offset);
+}
+
+.rz-fieldset-legend {
+ float: none;
+ margin-block: var(--rz-fieldset-legend-margin-block);
+ margin-inline: var(--rz-fieldset-legend-margin-inline);
+ padding-block: var(--rz-fieldset-legend-padding-block);
+ padding-inline: var(--rz-fieldset-legend-padding-inline);
+ width: auto;
+ color: var(--rz-fieldset-legend-color);
+ font-size: var(--rz-fieldset-legend-font-size);
+}
+.rz-fieldset-legend a {
+ display: inline-flex;
+ align-items: center;
+ color: inherit;
+ text-decoration: none;
+}
+.rz-fieldset-legend a:focus {
+ outline: var(--rz-outline-normal);
+}
+
+.rz-multiselect, .rz-dropdown {
+ box-sizing: border-box;
+ display: inline-flex;
+ flex-direction: column;
+ position: relative;
+ overflow: hidden;
+ text-align: start;
+}
+.rz-multiselect .rz-placeholder, .rz-dropdown .rz-placeholder {
+ color: var(--rz-input-placeholder-color);
+}
+
+.rz-dropdown.rz-dropdown-open {
+ background-color: var(--rz-dropdown-open-background-color);
+ border: var(--rz-dropdown-open-border);
+}
+
+.rz-multiselect.rz-state-focus {
+ background-color: var(--rz-dropdown-open-background-color);
+ border: var(--rz-dropdown-open-border);
+}
+
+.rz-multiselect-trigger, .rz-dropdown-trigger {
+ position: absolute;
+ display: flex;
+ align-items: center;
+ inset-inline-end: 0;
+ inset-block-start: 0;
+ inset-block-end: 0;
+}
+.rz-multiselect-trigger .rzi, .rz-dropdown-trigger .rzi {
+ width: var(--rz-dropdown-trigger-icon-width);
+ height: var(--rz-dropdown-trigger-icon-height);
+ font-size: var(--rz-dropdown-trigger-icon-height);
+ margin-block: var(--rz-dropdown-trigger-icon-margin-block);
+ margin-inline: var(--rz-dropdown-trigger-icon-margin-inline);
+}
+.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before {
+ content: "arrow_drop_down";
+}
+
+.rz-dropdown-clear-icon {
+ position: absolute;
+ inset-inline-end: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem);
+ inset-block-start: 0;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ font-size: var(--rz-dropdown-trigger-icon-height);
+ opacity: 0.4;
+}
+.rz-dropdown-clear-icon:before {
+ content: "close";
+}
+.rz-dropdown-clear-icon:hover {
+ opacity: 1;
+}
+.rz-state-disabled > .rz-dropdown-clear-icon {
+ display: none;
+}
+
+.rz-html-editor-dropdown-items, .rz-splitbutton-menu, .rz-autocomplete-panel, .rz-multiselect-panel, .rz-dropdown-panel {
+ position: absolute;
+ background-color: var(--rz-dropdown-open-background-color);
+ border-radius: var(--rz-input-border-radius);
+ border: var(--rz-dropdown-panel-border);
+ box-shadow: var(--rz-dropdown-panel-shadow);
+}
+
+.rz-dropdown-panel {
+ box-sizing: content-box;
+ padding: var(--rz-dropdown-panel-padding);
+}
+
+.rz-multiselect-panel {
+ box-sizing: content-box;
+ padding: var(--rz-dropdown-panel-padding);
+}
+.rz-multiselect-panel .rz-chkbox {
+ margin-block: var(--rz-multiselect-checkbox-margin-block);
+ margin-inline: var(--rz-multiselect-checkbox-margin-inline);
+}
+
+.rz-autocomplete-items, .rz-multiselect-items, .rz-dropdown-items {
+ list-style: none;
+ padding: var(--rz-dropdown-items-padding);
+ margin: 0;
+}
+.rz-autocomplete-items li, .rz-multiselect-items li, .rz-dropdown-items li {
+ /* The 'No results found' item has no CSS class */
+}
+
+.rz-dropdown-items-wrapper,
+.rz-multiselect-items-wrapper {
+ overflow: auto;
+ margin: var(--rz-dropdown-items-margin);
+ border-radius: var(--rz-input-border-radius);
+}
+
+.rz-multiselect-items-wrapper {
+ overflow: auto;
+}
+
+.rz-dropdown-filter-container {
+ padding: var(--rz-dropdown-filter-padding);
+ border-bottom: var(--rz-dropdown-filter-border);
+}
+
+.rz-multiselect-filter-container .rz-inputtext, .rz-dropdown-filter {
+ background-color: transparent;
+ color: var(--rz-text-color);
+ font-family: inherit;
+}
+
+.rz-multiselect-header {
+ display: flex;
+ align-items: center;
+ padding: var(--rz-dropdown-item-padding);
+ margin: var(--rz-dropdown-items-margin);
+}
+
+.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-autocomplete-items li, .rz-dropdown-items li, .rz-multiselect-items li, .rz-dropdown-item {
+ padding: var(--rz-dropdown-item-padding);
+ transition: var(--rz-dropdown-item-transition);
+ cursor: default;
+ font-size: var(--rz-dropdown-item-font-size);
+}
+.rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-autocomplete-items li.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight {
+ background-color: var(--rz-dropdown-item-selected-background-color);
+ color: var(--rz-dropdown-item-selected-color);
+ box-shadow: var(--rz-dropdown-item-selected-shadow);
+ border-radius: 0;
+}
+.rz-state-highlight.rz-menuitem:hover, .rz-state-highlight.rz-autocomplete-list-item:hover, .rz-state-highlight.rz-multiselect-item:hover, .rz-autocomplete-items li.rz-state-highlight:hover, .rz-dropdown-items li.rz-state-highlight:hover, .rz-multiselect-items li.rz-state-highlight:hover, .rz-dropdown-item.rz-state-highlight:hover {
+ background-color: var(--rz-dropdown-item-selected-hover-background-color);
+ color: var(--rz-dropdown-item-selected-hover-color);
+}
+.rz-state-disabled.rz-menuitem, .rz-state-disabled.rz-autocomplete-list-item, .rz-state-disabled.rz-multiselect-item, .rz-autocomplete-items li.rz-state-disabled, .rz-dropdown-items li.rz-state-disabled, .rz-multiselect-items li.rz-state-disabled, .rz-dropdown-item.rz-state-disabled {
+ opacity: var(--rz-dropdown-item-disabled-opacity);
+ cursor: initial;
+}
+.rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-autocomplete-items li:hover, .rz-dropdown-items li:hover, .rz-multiselect-items li:hover, .rz-dropdown-item:hover {
+ background-color: var(--rz-dropdown-item-hover-background-color);
+ color: var(--rz-dropdown-item-hover-color);
+ border-radius: 0;
+}
+
+.rz-multiselect-close {
+ display: none;
+}
+
+.rz-multiselect-filter-container {
+ flex: auto;
+ border-bottom: var(--rz-dropdown-filter-border);
+}
+.rz-multiselect-filter-container .rz-inputtext {
+ padding: 0;
+}
+
+.rz-multiselect-item {
+ display: flex;
+ align-items: center;
+}
+
+.rz-multiselect-item-content {
+ flex: 1;
+}
+
+.rz-multiselect-label-container,
+.rz-dropdown-label {
+ display: block;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ padding-block: var(--rz-dropdown-label-padding-block);
+ padding-inline: var(--rz-dropdown-label-padding-inline);
+ margin: 0;
+}
+
+.rz-dropdown-chips {
+ height: inherit;
+ padding-block: var(--rz-dropdown-chips-padding-block);
+ padding-inline: var(--rz-dropdown-chips-padding-inline);
+}
+.rz-dropdown-chips .rz-dropdown-chips-wrapper {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.25rem;
+ margin-inline-end: 3rem;
+}
+.rz-dropdown-chips .rz-chip {
+ box-sizing: border-box;
+ display: inline-flex;
+ align-items: center;
+ gap: var(--rz-chip-gap);
+ padding-block: var(--rz-chip-padding-block);
+ padding-inline: var(--rz-chip-padding-inline);
+ color: var(--rz-chip-color);
+ background-color: var(--rz-chip-background-color);
+ border-radius: var(--rz-chip-border-radius);
+}
+.rz-dropdown-chips .rz-chip .rz-chip-text {
+ font-size: var(--rz-chip-font-size);
+}
+.rz-dropdown-chips .rz-chip .rz-button {
+ border-radius: var(--rz-chip-border-radius);
+ box-shadow: none;
+ align-self: stretch;
+}
+.rz-dropdown-chips .rz-chip .rzi {
+ vertical-align: middle;
+ font-size: 1rem;
+}
+
+.rz-clear .rz-multiselect-label-container,
+.rz-clear .rz-dropdown-label {
+ padding-inline-end: calc(2 * var(--rz-dropdown-trigger-icon-width));
+}
+
+.rz-autocomplete {
+ box-sizing: border-box;
+ display: inline-block;
+ border: var(--rz-input-border);
+ border-radius: var(--rz-input-border-radius);
+ background-color: var(--rz-input-background-color);
+ transition: var(--rz-input-transition);
+ overflow: hidden;
+}
+.rz-autocomplete-input {
+ padding-block: var(--rz-input-padding-block);
+ padding-inline: var(--rz-input-padding-inline);
+ background-color: transparent;
+ color: var(--rz-input-value-color);
+ font-family: inherit;
+ box-shadow: var(--rz-input-shadow);
+ border: none;
+ height: var(--rz-input-height);
+ line-height: var(--rz-input-line-height);
+ width: 100%;
+ transition: var(--rz-input-transition);
+}
+.rz-autocomplete-input:focus {
+ outline: none;
+}
+.rz-autocomplete-input:disabled {
+ border: none;
+}
+
+.rz-autocomplete-panel {
+ overflow: auto;
+ box-sizing: content-box;
+}
+
+.rz-listbox {
+ box-sizing: border-box;
+ display: inline-flex;
+ flex-direction: column;
+ overflow: hidden;
+ background-color: var(--rz-listbox-background-color);
+ border: var(--rz-listbox-border);
+ border-radius: var(--rz-listbox-border-radius);
+ text-align: start;
+}
+.rz-listbox .rz-chkbox {
+ margin-block: var(--rz-listbox-checkbox-margin-block);
+ margin-inline: var(--rz-listbox-checkbox-margin-inline);
+}
+.rz-listbox:not(.rz-state-disabled) .rz-listbox-item:hover:hover {
+ background-color: var(--rz-dropdown-item-hover-background-color);
+ color: var(--rz-dropdown-item-hover-color);
+ border-radius: 0;
+}
+.rz-listbox:focus, .rz-listbox:focus-within {
+ outline: var(--rz-outline-normal);
+ border: var(--rz-listbox-focus-border);
+ box-shadow: var(--rz-listbox-focus-shadow);
+}
+
+.rz-listbox-list {
+ margin: 0;
+ padding: 0;
+}
+
+.rz-listbox-item {
+ cursor: default;
+ padding: var(--rz-listbox-item-padding);
+ margin: var(--rz-listbox-item-margin);
+ cursor: default;
+ font-size: var(--rz-dropdown-item-font-size);
+}
+.rz-listbox-item.rz-state-highlight {
+ background-color: var(--rz-dropdown-item-selected-background-color);
+ color: var(--rz-dropdown-item-selected-color);
+ box-shadow: var(--rz-dropdown-item-selected-shadow);
+ border-radius: 0;
+}
+.rz-listbox-item.rz-state-highlight:hover {
+ background-color: var(--rz-dropdown-item-selected-hover-background-color);
+ color: var(--rz-dropdown-item-selected-hover-color);
+}
+.rz-listbox-item.rz-state-disabled {
+ opacity: var(--rz-dropdown-item-disabled-opacity);
+ cursor: initial;
+}
+
+.rz-listbox-header {
+ display: flex;
+ align-items: center;
+ padding-block: var(--rz-listbox-header-padding-block);
+ padding-inline: var(--rz-listbox-header-padding-inline);
+ border-bottom: var(--rz-listbox-filter-border);
+}
+
+.rz-listbox-list-wrapper {
+ flex: auto;
+ overflow: auto;
+ padding: var(--rz-listbox-padding);
+}
+
+.rz-listbox-filter-container, .rz-dropdown-filter-container, .rz-multiselect-filter-container {
+ display: flex;
+ flex-direction: row-reverse;
+ align-items: center;
+}
+.rz-listbox-filter-container .rz-inputtext, .rz-dropdown-filter-container .rz-inputtext, .rz-multiselect-filter-container .rz-inputtext {
+ flex: auto;
+ width: 0;
+ border: none;
+ line-height: var(--rz-input-line-height);
+ font-family: inherit;
+}
+.rz-listbox-filter-container .rz-inputtext:focus, .rz-dropdown-filter-container .rz-inputtext:focus, .rz-multiselect-filter-container .rz-inputtext:focus {
+ outline: none;
+}
+.rz-listbox-filter-container .rzi-search, .rz-dropdown-filter-container .rzi-search, .rz-multiselect-filter-container .rzi-search {
+ width: var(--rz-listbox-header-icon-width);
+ height: var(--rz-listbox-header-icon-height);
+ line-height: var(--rz-listbox-header-icon-height);
+ font-size: var(--rz-listbox-header-icon-height);
+}
+.rz-listbox-filter-container .rzi-search:before, .rz-dropdown-filter-container .rzi-search:before, .rz-multiselect-filter-container .rzi-search:before {
+ content: "search";
+}
+
+.rz-listbox-filter-container {
+ flex: auto;
+}
+.rz-listbox-filter-container .rz-inputtext {
+ background-color: transparent;
+}
+
+.rz-splitbutton {
+ box-sizing: border-box;
+ display: inline-flex;
+}
+.rz-splitbutton .rz-button-icon-only .rz-button-text, .rz-splitbutton .rz-pager-element .rz-button-text {
+ display: none;
+}
+.rz-splitbutton .rz-button.rz-splitbutton-menubutton {
+ border-start-start-radius: 0;
+ border-end-start-radius: 0;
+}
+.rz-splitbutton .rz-button:not(.rz-splitbutton-menubutton) {
+ flex: auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ border-start-end-radius: 0;
+ border-end-end-radius: 0;
+}
+
+.rz-splitbutton-menu {
+ display: none;
+ position: absolute;
+ min-width: var(--rz-splitbutton-menu-min-width);
+ box-shadow: var(--rz-splitbutton-menu-shadow);
+}
+
+.rz-menu-list {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.rz-menuitem .rz-menuitem-link {
+ color: inherit;
+ display: block;
+ text-decoration: none;
+}
+.rz-menuitem .rz-menuitem-link:hover {
+ text-decoration: none;
+}
+.rz-menuitem .rz-menuitem-icon {
+ vertical-align: top;
+ margin-inline: var(--rz-menu-item-icon-margin-inline);
+}
+
+.rz-splitbutton-menubutton {
+ margin-inline-start: 1px;
+}
+.rz-splitbutton-menubutton.rz-variant-outlined {
+ border-inline-start: 0;
+ margin-inline-start: calc(-1 * var(--rz-border-width));
+}
+.rz-splitbutton-menubutton .rz-button-text {
+ display: none;
+}
+.rz-splitbutton-menubutton .rzi-chevron-down:before {
+ content: "arrow_drop_down";
+}
+
+.rz-slider {
+ box-sizing: border-box;
+ position: relative;
+ display: inline-block;
+ border: var(--rz-slider-border);
+ border-radius: var(--rz-slider-border-radius);
+ background-color: var(--rz-slider-background-color);
+}
+.rz-slider.rz-state-disabled {
+ background-color: var(--rz-slider-disabled-background-color);
+ border: var(--rz-slider-disabled-border);
+}
+.rz-slider.rz-state-disabled .rz-slider-range {
+ background-color: var(--rz-slider-disabled-range-background-color);
+ border: var(--rz-slider-disabled-range-border);
+}
+.rz-slider.rz-state-disabled .rz-slider-handle {
+ background-color: var(--rz-slider-disabled-handle-background-color);
+ border: var(--rz-slider-disabled-handle-border);
+}
+
+.rz-slider-range {
+ position: absolute;
+ background-color: var(--rz-slider-range-background-color);
+ border: var(--rz-slider-range-border);
+}
+
+.rz-slider-handle {
+ position: absolute;
+ background-color: var(--rz-slider-handle-background-color);
+ border: var(--rz-slider-handle-border);
+ border-radius: var(--rz-slider-handle-border-radius);
+ box-shadow: var(--rz-slider-handle-shadow);
+ transition: var(--rz-slider-handle-transition);
+}
+
+.rz-slider-horizontal {
+ height: var(--rz-slider-horizontal-height);
+ width: var(--rz-slider-horizontal-width);
+}
+.rz-slider-horizontal .rz-slider-range {
+ inset-block-start: -1px;
+ inset-block-end: -1px;
+ inset-inline-start: -1px;
+ border-start-start-radius: var(--rz-slider-border-radius);
+ border-end-start-radius: var(--rz-slider-border-radius);
+}
+.rz-slider-horizontal .rz-slider-handle {
+ top: 50%;
+ transform: translateY(-50%);
+ margin-inline-start: calc(var(--rz-slider-handle-width) / -2);
+ width: var(--rz-slider-handle-width);
+ height: var(--rz-slider-handle-height);
+}
+
+.rz-slider-vertical {
+ width: var(--rz-slider-horizontal-height);
+ height: var(--rz-slider-horizontal-width);
+}
+.rz-slider-vertical .rz-slider-range {
+ inset-inline-start: -1px;
+ inset-inline-end: -1px;
+ inset-block-end: -1px;
+ border-end-start-radius: var(--rz-slider-border-radius);
+ border-end-end-radius: var(--rz-slider-border-radius);
+}
+.rz-slider-vertical .rz-slider-handle {
+ left: 50%;
+ transform: translateX(-50%);
+ margin-block-start: calc(var(--rz-slider-handle-width) / -2);
+ width: var(--rz-slider-handle-height);
+ height: var(--rz-slider-handle-width);
+}
+
+.rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus, .rz-slider:not(.rz-state-disabled) .rz-slider-handle:active {
+ background-color: var(--rz-slider-handle-hover-background-color);
+ box-shadow: var(--rz-slider-handle-hover-shadow);
+ border: var(--rz-slider-handle-hover-border);
+ cursor: pointer;
+ outline: none;
+}
+.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-slider:not(.rz-state-disabled) .rz-slider-handle:focus-visible {
+ outline: var(--rz-slider-handle-focus-outline);
+ outline-offset: var(--rz-slider-handle-focus-outline-offset);
+}
+
+.rz-rating {
+ box-sizing: border-box;
+ display: inline-flex;
+ font-size: var(--rz-rating-font-size);
+ height: 1em;
+ border-radius: var(--rz-border-radius);
+}
+.rz-rating.rz-state-disabled .rzi {
+ opacity: var(--rz-rating-disabled-opacity);
+ color: var(--rz-rating-disabled-color);
+}
+.rz-rating a {
+ display: inline-flex;
+ width: 1em;
+ height: 1em;
+ text-decoration: none;
+ cursor: default;
+ outline: none;
+}
+.rz-rating .rzi {
+ color: var(--rz-rating-color);
+ font-size: 1em;
+}
+.rz-rating .rzi-ban {
+ color: var(--rz-rating-ban-icon-color);
+}
+.rz-rating .rzi-ban:before {
+ content: "highlight_off";
+}
+.rz-rating .rzi-star-o {
+ opacity: var(--rz-rating-opacity);
+}
+.rz-rating .rzi-star-o:before {
+ content: "star";
+ font-variation-settings: "FILL" 0;
+}
+.rz-rating .rzi-star {
+ color: var(--rz-rating-selected-color);
+}
+.rz-rating .rzi-star:before {
+ content: "star";
+ font-variation-settings: "FILL" 1;
+}
+.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover, .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible {
+ cursor: pointer;
+}
+.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star,
+.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-star-o,
+.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:hover .rzi-ban, .rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star,
+.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-star-o,
+.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible .rzi-ban {
+ color: var(--rz-rating-focus-color);
+}
+.rz-rating:not(.rz-state-disabled):not(.rz-state-readonly) a:focus-visible > span {
+ outline: var(--rz-outline-focus);
+ border-radius: var(--rz-border-radius);
+}
+
+.rz-security-code {
+ box-sizing: border-box;
+ display: inline-flex;
+ border-radius: var(--rz-input-border-radius);
+}
+
+.rz-security-code-wrapper {
+ flex: 1;
+ --rz-gap: 0.5rem;
+}
+
+.rz-security-code-input {
+ text-align: center;
+ min-width: var(--rz-security-code-input-min-width);
+ min-height: var(--rz-security-code-input-min-height);
+ width: 100%;
+ height: 100%;
+ padding: var(--rz-security-code-input-padding);
+ font-size: var(--rz-security-code-input-font-size);
+ font-weight: var(--rz-security-code-input-font-weight);
+ line-height: var(--rz-security-code-input-line-height);
+}
+
+.rz-selectbar {
+ box-sizing: border-box;
+ display: inline-flex;
+ border-radius: var(--rz-selectbar-border-radius);
+}
+.rz-selectbar:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-selectbar:focus-visible {
+ outline: var(--rz-selectbar-focus-outline);
+ outline-offset: var(--rz-selectbar-focus-outline-offset);
+}
+.rz-selectbar:focus-visible .rz-button.rz-state-focused:not(.rz-state-disabled) {
+ outline: var(--rz-selectbar-button-focus-outline);
+ outline-offset: var(--rz-selectbar-button-focus-outline-offset);
+ z-index: 1;
+}
+.rz-selectbar .rz-button {
+ display: inline-block;
+ background-color: var(--rz-selectbar-background-color);
+ color: var(--rz-selectbar-color);
+ border: var(--rz-selectbar-border);
+ border-radius: 0;
+}
+.rz-selectbar .rz-button.rz-state-active {
+ background-color: var(--rz-selectbar-selected-background-color);
+ color: var(--rz-selectbar-selected-color);
+ border: var(--rz-selectbar-selected-border);
+}
+.rz-selectbar.rz-selectbar-horizontal {
+ flex-direction: row;
+}
+.rz-selectbar.rz-selectbar-horizontal .rz-button:first-child {
+ border-start-start-radius: var(--rz-selectbar-border-radius);
+ border-end-start-radius: var(--rz-selectbar-border-radius);
+}
+.rz-selectbar.rz-selectbar-horizontal .rz-button:not(:first-child) {
+ border-inline-start: none;
+}
+.rz-selectbar.rz-selectbar-horizontal .rz-button:last-child {
+ border-start-end-radius: var(--rz-selectbar-border-radius);
+ border-end-end-radius: var(--rz-selectbar-border-radius);
+}
+.rz-selectbar.rz-selectbar-vertical {
+ flex-direction: column;
+}
+.rz-selectbar.rz-selectbar-vertical .rz-button {
+ text-align: center;
+}
+.rz-selectbar.rz-selectbar-vertical .rz-button:first-child {
+ border-top-left-radius: var(--rz-selectbar-border-radius);
+ border-top-right-radius: var(--rz-selectbar-border-radius);
+}
+.rz-selectbar.rz-selectbar-vertical .rz-button:not(:first-child) {
+ border-top: none;
+}
+.rz-selectbar.rz-selectbar-vertical .rz-button:last-child {
+ border-bottom-left-radius: var(--rz-selectbar-border-radius);
+ border-bottom-right-radius: var(--rz-selectbar-border-radius);
+}
+
+.rz-datepicker {
+ display: inline-block;
+ position: relative;
+ border-radius: var(--rz-input-border-radius);
+}
+.rz-datepicker:has(> .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus) {
+ outline: none;
+}
+.rz-datepicker .rz-readonly {
+ cursor: pointer;
+}
+.rz-datepicker > .rz-inputtext {
+ width: 100%;
+ line-height: var(--rz-datepicker-line-height);
+}
+.rz-datepicker:has(.rz-datepicker-trigger) > .rz-inputtext {
+ padding-inline-end: calc(1rem + var(--rz-datepicker-trigger-icon-width));
+}
+.rz-datepicker:not(.rz-state-disabled):hover .rz-datepicker-trigger {
+ box-shadow: none;
+ color: var(--rz-datepicker-trigger-icon-hover-color);
+}
+.rz-datepicker.rz-state-disabled > .rz-inputtext {
+ color: var(--rz-input-disabled-color);
+ box-shadow: var(--rz-input-disabled-shadow);
+ background-color: var(--rz-input-disabled-background-color);
+ border: var(--rz-input-disabled-border);
+ opacity: var(--rz-input-disabled-opacity);
+}
+.rz-datepicker.rz-state-disabled > .rz-inputtext::placeholder {
+ color: var(--rz-input-disabled-placeholder-color);
+}
+
+.rz-datepicker-inline {
+ background-color: var(--rz-datepicker-panel-background-color);
+ border: var(--rz-input-border);
+}
+
+.rz-datepicker-trigger {
+ box-shadow: none;
+ background-color: transparent;
+ padding: 0;
+ vertical-align: text-top;
+ color: var(--rz-datepicker-trigger-icon-color);
+ width: var(--rz-datepicker-trigger-icon-width);
+ height: var(--rz-datepicker-trigger-icon-height);
+ font-size: var(--rz-datepicker-trigger-icon-height);
+}
+.rz-datepicker-trigger.rz-state-disabled {
+ border: none;
+ box-shadow: none;
+ cursor: initial;
+ opacity: 1;
+ color: var(--rz-input-disabled-color);
+}
+.rz-datepicker-trigger:not(.rz-state-disabled):hover:not(:active), .rz-datepicker-trigger:not(.rz-state-disabled):hover:active {
+ background-color: transparent;
+}
+.rz-datepicker-trigger:not(.rz-state-disabled):active {
+ box-shadow: none !important;
+ background-image: none !important;
+}
+.rz-datepicker-trigger .rzi-calendar,
+.rz-datepicker-trigger .rzi-time {
+ font-size: inherit;
+ vertical-align: top;
+}
+.rz-datepicker-trigger .rzi-calendar:before {
+ content: "calendar_today";
+}
+.rz-datepicker-trigger .rzi-time:before {
+ content: "schedule";
+}
+.rz-datepicker-trigger .rz-button-text {
+ display: none;
+}
+
+.rz-datepicker-field-button {
+ position: absolute;
+ inset-block-start: 50%;
+ inset-inline-end: 0.625rem;
+ transform: translateY(-50%);
+}
+
+.rz-datepicker-popup-container {
+ box-sizing: content-box;
+ position: absolute;
+ width: var(--rz-datepicker-popup-width);
+ margin: var(--rz-datepicker-panel-margin);
+ box-shadow: var(--rz-datepicker-panel-shadow);
+ border: var(--rz-datepicker-panel-border);
+ border-radius: var(--rz-border-radius);
+ background-color: var(--rz-datepicker-panel-background-color);
+}
+
+.rz-datepicker-inline-container {
+ position: static;
+ white-space: nowrap;
+}
+.rz-datepicker-inline-container .rz-calendar {
+ display: inline-block;
+}
+
+.rz-datepicker-footer {
+ position: relative;
+ line-height: var(--rz-datepicker-footer-line-height);
+ padding: var(--rz-datepicker-footer-padding);
+}
+
+/* Calendar Styles */
+.rz-calendar {
+ box-sizing: border-box;
+}
+
+.rz-calendar-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ background-color: var(--rz-datepicker-header-background-color);
+ border-bottom: var(--rz-datepicker-header-border);
+ color: var(--rz-datepicker-header-color);
+ padding-block: var(--rz-datepicker-header-padding-block);
+ padding-inline: var(--rz-datepicker-header-padding-inline);
+}
+
+.rz-calendar-prev,
+.rz-calendar-next {
+ border-radius: var(--rz-datepicker-prev-next-button-border-radius);
+}
+.rz-calendar-prev .rzi,
+.rz-calendar-next .rzi {
+ color: var(--rz-datepicker-header-color);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: var(--rz-datepicker-prev-next-icon-size);
+}
+*[dir=rtl] .rz-calendar-prev .rzi,
+*[dir=rtl] .rz-calendar-next .rzi {
+ transform: rotate(180deg);
+}
+
+.rz-calendar-prev {
+ order: 1;
+}
+.rz-calendar-prev .rz-calendar-prev-icon:before {
+ content: "chevron_left";
+}
+
+.rz-calendar-next {
+ order: 3;
+}
+.rz-calendar-next .rz-calendar-next-icon:before {
+ content: "chevron_right";
+}
+
+.rz-calendar-title {
+ order: 2;
+ display: flex;
+ justify-content: center;
+ flex-wrap: nowrap;
+ gap: 0.25rem;
+}
+
+.rz-calendar-month-dropdown {
+ width: var(--rz-datepicker-month-dropdown-width);
+}
+
+.rz-calendar-year-dropdown {
+ width: var(--rz-datepicker-year-dropdown-width);
+}
+
+.rz-calendar-view-container {
+ padding-block: var(--rz-datepicker-calendar-padding-block);
+ padding-inline: var(--rz-datepicker-calendar-padding-inline);
+}
+.rz-calendar-view-container:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-calendar-view-container:focus-visible {
+ outline: var(--rz-datepicker-focus-outline);
+ outline-offset: var(--rz-datepicker-focus-outline-offset);
+}
+
+.rz-calendar-view {
+ table-layout: fixed;
+ border-collapse: collapse;
+}
+.rz-calendar-view th {
+ font-weight: normal;
+ font-size: var(--rz-datepicker-calendar-header-font-size);
+ text-transform: var(--rz-datepicker-calendar-header-text-transform);
+ color: var(--rz-datepicker-calendar-header-color);
+ padding: var(--rz-datepicker-calendar-item-padding);
+ text-align: center;
+}
+.rz-calendar-view td {
+ text-align: center;
+ border-top: var(--rz-datepicker-calendar-border);
+ padding: 0;
+}
+.rz-calendar-view td .rz-state-default {
+ display: block;
+ padding: var(--rz-datepicker-calendar-item-padding);
+ color: var(--rz-datepicker-calendar-color);
+ font-size: var(--rz-datepicker-calendar-font-size);
+ border-radius: var(--rz-datepicker-calendar-border-radius);
+ transition: var(--rz-datepicker-calendar-transition);
+}
+.rz-calendar-view td .rz-state-default.rz-calendar-today {
+ color: var(--rz-datepicker-calendar-today-color);
+ background-color: var(--rz-datepicker-calendar-today-background-color);
+ box-shadow: var(--rz-datepicker-calendar-today-box-shadow);
+ border-radius: var(--rz-datepicker-calendar-today-border-radius);
+}
+.rz-calendar-view td .rz-state-default.rz-state-focused, .rz-calendar-view td .rz-state-default:hover {
+ text-decoration: none;
+ color: var(--rz-datepicker-calendar-hover-color);
+ background-color: var(--rz-datepicker-calendar-hover-background-color);
+ cursor: pointer;
+}
+.rz-calendar-view td .rz-state-active,
+.rz-calendar-view td .rz-state-active.rz-calendar-today {
+ color: var(--rz-datepicker-calendar-selected-color);
+ background-color: var(--rz-datepicker-calendar-selected-background-color);
+ padding: var(--rz-datepicker-calendar-item-padding);
+ box-shadow: none;
+}
+.rz-calendar-view td .rz-state-active.rz-state-focused, .rz-calendar-view td .rz-state-active:hover,
+.rz-calendar-view td .rz-state-active.rz-calendar-today.rz-state-focused,
+.rz-calendar-view td .rz-state-active.rz-calendar-today:hover {
+ color: var(--rz-datepicker-calendar-selected-hover-color);
+ background-color: var(--rz-datepicker-calendar-selected-hover-background-color);
+}
+.rz-calendar-view .rz-state-disabled {
+ opacity: 0.5;
+}
+.rz-calendar-view .rz-calendar-other-month {
+ opacity: 0.5;
+}
+.rz-calendar-view .rz-calendar-week-number {
+ opacity: 0.5;
+}
+
+/* Time Picker Styles */
+.rz-timepicker {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: var(--rz-timepicker-gap);
+ border-top: var(--rz-datepicker-calendar-border);
+ padding-block: var(--rz-timepicker-padding-block);
+ padding-inline: var(--rz-timepicker-padding-inline);
+ color: var(--rz-timepicker-color);
+}
+.rz-timepicker .rzi-chevron-up:before {
+ content: "expand_less";
+}
+.rz-timepicker .rzi-chevron-down:before {
+ content: "expand_more";
+}
+.rz-timepicker .rz-separator {
+ color: var(--rz-timepicker-separator-color);
+}
+.rz-timepicker .rz-separator a {
+ display: none;
+}
+.rz-timepicker .rz-button-md {
+ padding: var(--rz-timepicker-button-padding);
+ text-transform: uppercase;
+}
+
+.rz-hour-picker,
+.rz-minute-picker,
+.rz-second-picker {
+ background-color: var(--rz-timepicker-background-color);
+ width: 4rem;
+}
+
+.rz-ampm-picker a {
+ text-decoration: none;
+}
+
+.rz-numeric {
+ display: inline-block;
+ position: relative;
+ padding: 0px;
+}
+.rz-numeric input[type=number],
+.rz-numeric input[type=text] {
+ -moz-appearance: textfield;
+ width: 100%;
+ height: 100%;
+ border: none;
+ background-color: transparent;
+ font-family: inherit;
+ line-height: var(--rz-numeric-line-height);
+ padding-block: var(--rz-numeric-input-padding-block);
+ padding-inline: var(--rz-numeric-input-padding-inline);
+ outline: none;
+}
+.rz-numeric input[type=number]::-webkit-inner-spin-button, .rz-numeric input[type=number]::-webkit-outer-spin-button,
+.rz-numeric input[type=text]::-webkit-inner-spin-button,
+.rz-numeric input[type=text]::-webkit-outer-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
+.rz-numeric.rz-state-disabled .rz-numeric-button {
+ background-color: var(--rz-numeric-button-disabled-background-color);
+ color: var(--rz-numeric-button-disabled-color);
+}
+.rz-numeric.rz-state-disabled .rz-numeric-button:active, .rz-numeric.rz-state-disabled .rz-numeric-button:hover {
+ background-color: var(--rz-numeric-button-disabled-background-color);
+ color: var(--rz-numeric-button-disabled-color);
+ background-image: none;
+ box-shadow: none;
+ cursor: initial;
+}
+
+.rz-numeric-button {
+ position: absolute;
+ inset-inline-end: var(--rz-numeric-button-offset);
+ padding: 0;
+ width: var(--rz-numeric-button-width);
+ height: var(--rz-numeric-button-height);
+ border-radius: var(--rz-numeric-button-border-radius);
+ background-color: var(--rz-numeric-button-background-color);
+ color: var(--rz-numeric-button-color);
+}
+.rz-numeric-button:hover {
+ background-color: var(--rz-numeric-button-background-color);
+}
+.rz-numeric-button .rzi {
+ font-size: var(--rz-numeric-button-height);
+ vertical-align: top;
+}
+.rz-numeric-button .rzi-caret-up:before {
+ content: "expand_less";
+}
+.rz-numeric-button .rzi-caret-down:before {
+ content: "expand_more";
+}
+
+.rz-numeric-up {
+ inset-block-start: var(--rz-numeric-button-offset);
+}
+
+.rz-numeric-down {
+ inset-block-end: var(--rz-numeric-button-offset);
+}
+
+.rz-fileupload {
+ box-sizing: border-box;
+ display: inline-block;
+ border-radius: var(--rz-upload-button-bar-border-radius);
+}
+.rz-fileupload .rz-button {
+ vertical-align: middle;
+ -webkit-appearance: none !important;
+}
+
+.rz-fileupload-choose {
+ position: relative;
+ display: inline-block;
+ overflow: hidden;
+ background-color: var(--rz-upload-choose-background-color);
+ color: var(--rz-upload-choose-color);
+}
+.rz-fileupload-choose input[type=file] {
+ position: absolute;
+ top: 0;
+ right: 0;
+ margin: 0;
+ opacity: 0;
+ min-height: 100%;
+ cursor: pointer;
+}
+.rz-fileupload-choose.rz-state-disabled input[type=file] {
+ cursor: default;
+}
+.rz-fileupload-choose:not(.rz-state-disabled) {
+ background-color: var(--rz-upload-choose-background-color);
+ color: var(--rz-upload-choose-color);
+}
+.rz-fileupload-choose:not(.rz-state-disabled):hover {
+ background-color: var(--rz-upload-choose-hover-background-color);
+ color: var(--rz-upload-choose-hover-color);
+}
+.rz-fileupload-choose:not(.rz-state-disabled):hover:not(:active) {
+ background-color: var(--rz-upload-choose-hover-background-color);
+ color: var(--rz-upload-choose-hover-color);
+}
+.rz-fileupload-choose:not(.rz-state-disabled):active {
+ background-color: var(--rz-upload-choose-active-background-color);
+ color: var(--rz-upload-choose-active-color);
+}
+
+.rz-fileupload-row {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+.rz-fileupload-row > div {
+ margin: var(--rz-upload-files-margin);
+}
+.rz-fileupload-row .rz-button-text {
+ display: none;
+}
+.rz-fileupload-row .rz-button {
+ background-color: var(--rz-upload-files-remove-background-color);
+ color: var(--rz-upload-files-remove-color);
+}
+.rz-fileupload-row .rz-button .rzi-close,
+.rz-fileupload-row .rz-button .rzi-times,
+.rz-fileupload-row .rz-button .rz-icon-trash {
+ display: block;
+}
+.rz-fileupload-row .rz-button .rzi-close:before,
+.rz-fileupload-row .rz-button .rzi-times:before,
+.rz-fileupload-row .rz-button .rz-icon-trash:before {
+ content: "close";
+}
+
+.rz-fileupload-buttonbar {
+ position: relative;
+ background-color: var(--rz-upload-button-bar-background-color);
+ padding: var(--rz-upload-button-bar-padding);
+ border-radius: var(--rz-upload-button-bar-border-radius);
+}
+.rz-fileupload-buttonbar .rz-button:nth-child(3) {
+ float: right;
+ background-color: var(--rz-upload-cancel-background-color);
+ color: var(--rz-upload-cancel-color);
+}
+.rz-form-field .rz-fileupload-buttonbar {
+ background-color: inherit;
+}
+.rz-form-field.rz-variant-flat .rz-fileupload-buttonbar, .rz-form-field.rz-variant-filled .rz-fileupload-buttonbar {
+ --rz-upload-button-bar-padding: calc(var(--rz-form-field-label-floating-top) + 1.5rem) calc(var(--rz-form-field-label-inset-inline-start) + 0.25rem) calc(var(--rz-form-field-label-inset-inline-start) + 0.25rem);
+}
+
+.rz-fileupload-files {
+ background-color: var(--rz-upload-files-background-color);
+ padding: var(--rz-upload-files-padding);
+}
+.rz-form-field .rz-fileupload-files {
+ background-color: inherit;
+}
+
+.rz-datatable {
+ position: relative;
+ box-shadow: var(--rz-grid-shadow);
+ border: var(--rz-grid-cell-border);
+ border-radius: var(--rz-grid-border-radius);
+ background-color: var(--rz-grid-background-color);
+ overflow: hidden;
+}
+.rz-datatable:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-datatable:focus-visible {
+ outline: var(--rz-grid-focus-outline);
+ outline-offset: var(--rz-grid-focus-outline-offset);
+}
+.rz-datatable .rz-col-icon {
+ text-align: center;
+ vertical-align: middle;
+ width: var(--rz-grid-column-icon-width);
+ padding: var(--rz-grid-column-icon-padding);
+}
+.rz-datatable .rzi-chevron-circle-right {
+ vertical-align: top;
+ /* Right-to-left arrow icons */
+}
+.rz-datatable .rzi-chevron-circle-right:before {
+ content: "arrow_right";
+}
+*[dir=rtl] .rz-datatable .rzi-chevron-circle-right {
+ transform: rotate(180deg);
+}
+.rz-datatable .rzi-chevron-circle-down {
+ vertical-align: top;
+}
+.rz-datatable .rzi-chevron-circle-down:before {
+ content: "arrow_drop_down";
+}
+.rz-datatable.rz-has-template > .rz-datatable-scrollable-wrapper > .rz-datatable-scrollable-view > .rz-datatable-scrollable-body > .rz-datatable-scrollable-table-wrapper > table > .rz-datatable-scrollable-colgroup col:first-child {
+ width: var(--rz-grid-column-icon-width);
+}
+
+.rz-unselectable-text {
+ user-select: none;
+}
+
+.rz-datatable-tablewrapper > table,
+.rz-datatable-scrollable-header-box > table,
+.rz-datatable-scrollable-table-wrapper > table,
+.rz-datatable-scrollable-footer-box > table {
+ table-layout: fixed;
+ border-collapse: collapse;
+ width: 100%;
+}
+
+.rz-resizable-column {
+ position: relative;
+}
+
+.rz-datatable-reorder-indicator-up {
+ position: absolute;
+}
+.rz-datatable-reorder-indicator-up:before {
+ content: "arrow_drop_down";
+}
+
+.rz-datatable-reorder-indicator-down {
+ position: absolute;
+}
+.rz-datatable-reorder-indicator-down:before {
+ content: "arrow_drop_up";
+}
+
+.rz-column-resizer {
+ position: absolute;
+ inset-block-start: 0;
+ inset-inline-end: 0;
+ height: 100%;
+ cursor: col-resize;
+ width: var(--rz-grid-column-resizer-width);
+}
+.rz-column-resizer:after {
+ content: "";
+ position: absolute;
+ inset-block-start: 0;
+ inset-inline-end: 0;
+ height: 100%;
+ width: var(--rz-grid-column-resizer-helper-width);
+ background-color: transparent;
+}
+.rz-column-resizer:hover:after, .rz-column-resizer:active:after {
+ background-color: var(--rz-grid-column-resizer-helper-background-color);
+}
+
+.rz-rowgroup-header .fa,
+.rz-row-toggler {
+ color: var(--rz-grid-cell-color);
+}
+
+.rz-datatable-scrollable-footer {
+ background-color: var(--rz-grid-header-background-color);
+ border-top: var(--rz-grid-cell-border);
+}
+
+.rz-grid-table thead th {
+ background-color: var(--rz-grid-header-background-color);
+ padding: 0;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ text-align: inherit;
+ border-bottom: var(--rz-grid-header-cell-border-bottom);
+}
+.rz-grid-table thead th:not(:last-child) {
+ border-inline-end: var(--rz-grid-header-cell-border);
+}
+.rz-grid-table thead th > div:not(.rz-cell-filter) {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ width: 100%;
+ outline: none;
+ padding: var(--rz-grid-header-cell-padding);
+}
+.rz-grid-table thead th.rz-state-focused {
+ outline: var(--rz-grid-cell-focus-outline);
+ outline-offset: var(--rz-grid-cell-focus-outline-offset);
+}
+.rz-grid-table thead th .rz-column-title {
+ display: inline-flex;
+ flex: auto;
+ align-items: center;
+ gap: 0.25rem;
+ width: 100%;
+ font-size: var(--rz-grid-header-font-size);
+ line-height: var(--rz-grid-header-line-height);
+ text-transform: var(--rz-grid-header-text-transform);
+ color: var(--rz-grid-header-color);
+ padding-inline: var(--rz-grid-header-title-padding-inline);
+ font-weight: var(--rz-grid-header-font-weight);
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.rz-grid-table thead th .rz-column-title:has(.rz-column-title-content > .rz-chkbox) {
+ overflow: visible;
+}
+.rz-grid-table thead th .rz-column-title-content {
+ display: inline-block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.rz-grid-table thead th .rz-column-title-content:has(.rz-chkbox) {
+ overflow: visible;
+}
+.rz-grid-table thead th.rz-text-align-center .rz-column-title {
+ justify-content: center;
+ padding-inline-start: 0;
+}
+.rz-grid-table thead th.rz-text-align-center.rz-sortable-column .rz-column-title {
+ padding-inline-start: var(--rz-grid-sort-icon-width);
+}
+.rz-grid-table thead th.rz-text-align-right .rz-column-title {
+ justify-content: right;
+}
+.rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title {
+ padding-inline-start: var(--rz-grid-sort-icon-width);
+}
+.rz-grid-table thead th .rz-column-drag + .rz-column-title {
+ padding-inline-start: 0;
+}
+
+.rz-datatable-tfoot td, .rz-grid-table tfoot td {
+ background-color: var(--rz-grid-foot-background-color);
+ font-size: var(--rz-grid-cell-font-size);
+ line-height: var(--rz-grid-cell-line-height);
+ color: var(--rz-grid-foot-cell-color);
+ padding: var(--rz-grid-cell-padding);
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.rz-datatable-tfoot td:not(:last-child), .rz-grid-table tfoot td:not(:last-child) {
+ border-inline-end: var(--rz-grid-right-cell-border);
+}
+.rz-datatable-tfoot td.rz-composite-cell, .rz-grid-table tfoot td.rz-composite-cell {
+ border-inline-end: var(--rz-grid-right-cell-border);
+}
+
+.rz-datatable-scrollable-header {
+ background-color: var(--rz-grid-header-background-color);
+ border-bottom: var(--rz-grid-bottom-cell-border);
+}
+
+.rz-datatable-scrollable-body {
+ overflow: auto;
+ border-top: none;
+ flex: auto;
+ border-bottom-right-radius: var(--rz-border-radius);
+ border-bottom-left-radius: var(--rz-border-radius);
+}
+
+.rz-has-pager .rz-datatable-scrollable-body {
+ border-radius: 0;
+}
+
+.rz-sortable-column {
+ cursor: pointer;
+}
+.rz-sortable-column:focus {
+ outline: none;
+}
+.rz-sortable-column.rz-state-active {
+ background-color: var(--rz-grid-header-sorted-background-color);
+}
+.rz-sortable-column > div:hover .rzi-sort:not(.rzi-sort-asc):not(.rzi-sort-desc) {
+ color: var(--rz-grid-sort-icon-color);
+}
+.rz-sortable-column .rzi-grid-sort {
+ width: var(--rz-grid-sort-icon-width);
+ height: var(--rz-grid-sort-icon-height);
+ font-size: var(--rz-grid-sort-icon-height);
+ text-align: left;
+}
+.rz-sortable-column .rzi-sort {
+ color: transparent;
+}
+.rz-sortable-column .rzi-sort:before {
+ content: "sort";
+}
+.rz-sortable-column .rzi-sort-asc {
+ color: var(--rz-grid-header-color);
+}
+.rz-sortable-column .rzi-sort-asc:before {
+ content: "arrow_drop_up";
+}
+.rz-sortable-column .rzi-sort-desc {
+ color: var(--rz-grid-header-color);
+}
+.rz-sortable-column .rzi-sort-desc:before {
+ content: "arrow_drop_down";
+}
+
+.rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(even) > td {
+ background-color: var(--rz-grid-stripe-background-color);
+}
+.rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(odd) > td {
+ background-color: var(--rz-grid-stripe-odd-background-color);
+}
+
+.rz-grid-table-composite .rz-datatable-thead th, .rz-grid-table-composite.rz-grid-table thead th {
+ border-bottom: var(--rz-grid-header-cell-border);
+}
+.rz-grid-table-composite .rz-datatable-thead th.rz-composite-cell, .rz-grid-table-composite.rz-grid-table thead th.rz-composite-cell {
+ border-inline-end: var(--rz-grid-header-cell-border);
+}
+
+.rz-datatable-data td,
+.rz-grid-table td {
+ padding: var(--rz-grid-cell-padding);
+ border-bottom: var(--rz-grid-bottom-cell-border);
+}
+.rz-datatable-data td:not(:last-child),
+.rz-grid-table td:not(:last-child) {
+ border-inline-end: var(--rz-grid-right-cell-border);
+}
+.rz-datatable-data td.rz-composite-cell,
+.rz-grid-table td.rz-composite-cell {
+ border-inline-end: var(--rz-grid-right-cell-border);
+}
+.rz-datatable-data td .rz-cell-data,
+.rz-grid-table td .rz-cell-data {
+ color: var(--rz-grid-cell-color);
+ font-size: var(--rz-grid-cell-font-size);
+ line-height: var(--rz-grid-cell-line-height);
+ display: block;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.rz-datatable-data td .rz-cell-data.rz-text-wrap,
+.rz-grid-table td .rz-cell-data.rz-text-wrap {
+ text-overflow: unset;
+ overflow: visible;
+}
+.rz-datatable-data td .rz-cell-data.rz-text-nowrap,
+.rz-grid-table td .rz-cell-data.rz-text-nowrap {
+ text-overflow: unset;
+ overflow: visible;
+}
+.rz-datatable-data td .rz-cell-data:has(.rz-chkbox), .rz-datatable-data td .rz-cell-data:has(.rz-button),
+.rz-grid-table td .rz-cell-data:has(.rz-chkbox),
+.rz-grid-table td .rz-cell-data:has(.rz-button) {
+ overflow: visible;
+}
+.rz-datatable-data td .rz-cell-toggle,
+.rz-grid-table td .rz-cell-toggle {
+ display: flex;
+ align-items: center;
+ gap: 0.25rem;
+}
+.rz-datatable-data td .rz-column-footer,
+.rz-grid-table td .rz-column-footer {
+ color: var(--rz-grid-foot-cell-color);
+}
+.rz-datatable-data tr td:first-child,
+.rz-grid-table tr td:first-child {
+ border-inline-start: none;
+}
+.rz-datatable-data tr td:last-child:not(.rz-composite-cell),
+.rz-grid-table tr td:last-child:not(.rz-composite-cell) {
+ border-inline-end: none;
+}
+.rz-datatable-data tr:first-child > td,
+.rz-grid-table tr:first-child > td {
+ border-top: none;
+}
+.rz-datatable-data tr:last-child > td,
+.rz-grid-table tr:last-child > td {
+ border-bottom: none;
+}
+
+.rz-grid-table.rz-grid-gridlines-both > thead > tr > th,
+.rz-grid-table.rz-grid-gridlines-both > thead > tr > th.rz-composite-cell,
+.rz-grid-table.rz-grid-gridlines-both > tbody > tr > td,
+.rz-grid-table.rz-grid-gridlines-both > tfoot > tr > td {
+ border-bottom: var(--rz-grid-cell-border);
+}
+.rz-grid-table.rz-grid-gridlines-both > thead > tr > th:not(:last-child),
+.rz-grid-table.rz-grid-gridlines-both > thead > tr > th.rz-composite-cell:not(:last-child),
+.rz-grid-table.rz-grid-gridlines-both > tbody > tr > td:not(:last-child),
+.rz-grid-table.rz-grid-gridlines-both > tfoot > tr > td:not(:last-child) {
+ border-inline-end: var(--rz-grid-cell-border);
+}
+.rz-grid-table.rz-grid-gridlines-none > thead > tr > th,
+.rz-grid-table.rz-grid-gridlines-none > thead > tr > th.rz-composite-cell,
+.rz-grid-table.rz-grid-gridlines-none > tbody > tr > td,
+.rz-grid-table.rz-grid-gridlines-none > tfoot > tr > td {
+ border-bottom: none;
+ border-inline-end: none;
+}
+.rz-grid-table.rz-grid-gridlines-horizontal > thead > tr > th,
+.rz-grid-table.rz-grid-gridlines-horizontal > thead > tr > th.rz-composite-cell,
+.rz-grid-table.rz-grid-gridlines-horizontal > tbody > tr > td,
+.rz-grid-table.rz-grid-gridlines-horizontal > tfoot > tr > td {
+ border-bottom: var(--rz-grid-cell-border);
+ border-inline-end: none;
+}
+.rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th,
+.rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th.rz-composite-cell,
+.rz-grid-table.rz-grid-gridlines-vertical > tbody > tr > td,
+.rz-grid-table.rz-grid-gridlines-vertical > tfoot > tr > td {
+ border-bottom: none;
+}
+.rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th:not(:last-child),
+.rz-grid-table.rz-grid-gridlines-vertical > thead > tr > th.rz-composite-cell:not(:last-child),
+.rz-grid-table.rz-grid-gridlines-vertical > tbody > tr > td:not(:last-child),
+.rz-grid-table.rz-grid-gridlines-vertical > tfoot > tr > td:not(:last-child) {
+ border-inline-end: var(--rz-grid-cell-border);
+}
+
+.rz-datatable-reflow tbody td > .rz-column-title {
+ display: none;
+}
+
+.rz-datatable-scrollable {
+ display: flex;
+ flex-direction: column;
+}
+.rz-datatable-scrollable.rz-has-height > .rz-datatable-scrollable-wrapper {
+ height: 0;
+}
+.rz-datatable-scrollable.rz-has-height > .rz-datatable-scrollable-wrapper > .rz-datatable-scrollable-view {
+ height: 0;
+}
+
+.rz-datatable-scrollable-wrapper {
+ display: flex;
+ flex-direction: column;
+ flex: auto;
+}
+
+.rz-datatable-scrollable-view {
+ display: flex;
+ flex: auto;
+ flex-direction: column;
+ overflow: hidden;
+}
+
+.rz-datatable-header {
+ background-color: var(--rz-grid-toolbar-background-color);
+ padding: var(--rz-grid-header-padding);
+ border-bottom: var(--rz-grid-bottom-cell-border);
+}
+.rz-datatable-header .rzi-plus {
+ font-size: var(--rz-grid-cell-font-size);
+}
+.rz-datatable-header .rzi-plus:before {
+ content: "add";
+}
+
+.rz-cell-filter {
+ padding: var(--rz-grid-filter-padding);
+ margin: var(--rz-grid-filter-margin);
+ border-top: var(--rz-grid-filter-border);
+ font-size: var(--rz-grid-filter-font-size);
+ font-weight: normal;
+}
+.rz-cell-filter .rz-cell-filter-label {
+ display: flex;
+ flex: auto;
+ align-items: center;
+}
+.rz-cell-filter .rz-cell-filter-label > .rzi {
+ width: var(--rz-grid-filter-icon-width);
+ height: var(--rz-grid-filter-icon-height);
+ font-size: var(--rz-grid-filter-icon-font-size);
+ margin-inline: var(--rz-grid-filter-icon-margin-inline);
+ color: var(--rz-grid-filter-color);
+}
+.rz-cell-filter .rz-cell-filter-label > .rzi.rz-cell-filter-clear {
+ margin-inline-start: auto;
+}
+.rz-cell-filter .rz-cell-filter-label .rz-current-filter {
+ margin-inline-start: 0.5rem;
+}
+
+.rz-selectable tbody tr.rz-data-row td,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data {
+ transition: background-color var(--rz-transition), color var(--rz-transition);
+}
+.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell:after,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:before,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell:after {
+ content: "";
+ position: absolute;
+ inset: 0;
+ transition: background-color var(--rz-transition), color var(--rz-transition);
+}
+.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:before,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:before,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:before {
+ z-index: -1;
+}
+.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left:after, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-left-inner:after,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left:after,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-left-inner:after {
+ z-index: -2;
+}
+.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:before, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right-inner:before,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:before,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right-inner:before {
+ z-index: -2;
+}
+.rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row td.rz-frozen-cell-right-inner:after,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right:after,
+.rz-selectable tbody tr.rz-data-row .rz-cell-data.rz-frozen-cell-right-inner:after {
+ z-index: -1;
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td:not(.rz-frozen-cell) {
+ background-color: var(--rz-grid-selected-background-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td {
+ background-color: var(--rz-grid-background-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-left-inner:before {
+ background-color: var(--rz-grid-selected-background-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell-right-inner:after {
+ background-color: var(--rz-grid-selected-background-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data {
+ color: var(--rz-grid-selected-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-highlight > .rzi {
+ color: var(--rz-grid-selected-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-focused > td:not(.rz-frozen-cell) {
+ background-color: var(--rz-grid-cell-focus-background-color);
+ color: var(--rz-grid-cell-focus-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-focused > td {
+ background-color: var(--rz-grid-background-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-left-inner:before {
+ background-color: var(--rz-grid-cell-focus-background-color);
+ color: var(--rz-grid-cell-focus-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row.rz-state-focused > td.rz-frozen-cell-right-inner:after {
+ background-color: var(--rz-grid-cell-focus-background-color);
+ color: var(--rz-grid-cell-focus-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-focused > th.rz-state-focused {
+ color: var(--rz-grid-cell-focus-color) !important;
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-focused .rz-cell-data {
+ color: var(--rz-grid-cell-focus-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-focused > .rzi {
+ color: var(--rz-grid-cell-focus-color);
+}
+.rz-selectable tbody tr.rz-data-row.rz-state-disabled {
+ opacity: 0.5;
+ pointer-events: none;
+}
+.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td:not(.rz-frozen-cell) {
+ background-color: var(--rz-grid-hover-background-color);
+}
+.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td {
+ background-color: var(--rz-grid-background-color);
+}
+.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left:before, .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-left-inner:before {
+ background-color: var(--rz-grid-hover-background-color);
+}
+.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right:after, .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td.rz-frozen-cell-right-inner:after {
+ background-color: var(--rz-grid-hover-background-color);
+}
+.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data {
+ color: var(--rz-grid-hover-color);
+}
+
+.rz-cell-filter-content {
+ display: flex;
+ flex: auto;
+ align-items: center;
+ color: var(--rz-grid-filter-color);
+ min-height: 1.375rem;
+ container-type: inline-size;
+ container-name: rz-cell-filter-content;
+}
+
+@container rz-cell-filter-content (max-width: 200px) {
+ .rz-cell-filter-content .rz-filter-button .rzi {
+ display: none;
+ }
+ .rz-cell-filter-content .rz-filter-button {
+ position: absolute;
+ z-index: 1;
+ min-height: 0;
+ inset-inline-start: calc(var(--rz-border-width));
+ height: calc(var(--rz-input-height) - var(--rz-border-width) * 2);
+ max-height: calc(var(--rz-input-height) - var(--rz-border-width) * 2);
+ line-height: calc(1.25rem - var(--rz-border-width) * 2);
+ border-start-start-radius: calc(var(--rz-input-border-radius) - var(--rz-border-width));
+ border-start-end-radius: 0;
+ border-end-start-radius: calc(var(--rz-input-border-radius) - var(--rz-border-width));
+ border-end-end-radius: 0;
+ }
+ .rz-cell-filter-content:has(.rz-filter-button) .rz-cell-filter-label {
+ position: relative;
+ min-width: 4.5rem;
+ }
+ .rz-cell-filter-content:has(.rz-filter-button) .rz-textbox,
+ .rz-cell-filter-content:has(.rz-filter-button) .rz-inputtext {
+ text-indent: 2.25rem;
+ }
+}
+.rz-expanded-row > td {
+ border-bottom: none;
+ background-color: var(--rz-grid-hover-background-color);
+}
+.rz-expanded-row > td .rz-cell-data,
+.rz-expanded-row > td .rz-row-toggler {
+ color: var(--rz-grid-hover-color);
+}
+
+.rz-expanded-row-template {
+ background-color: var(--rz-grid-detail-template-background-color);
+ padding: var(--rz-grid-detail-template-padding);
+ border: var(--rz-grid-detail-template-border);
+ border-radius: var(--rz-grid-detail-template-border-radius);
+}
+
+.rz-expanded-row-content > td {
+ padding-top: 0;
+ background-color: var(--rz-grid-detail-template-background-color);
+}
+
+.rz-rowgroup-header a:hover {
+ text-decoration: none;
+}
+.rz-rowgroup-header td {
+ border-top: var(--rz-grid-border);
+ border-bottom: var(--rz-grid-border);
+}
+
+.rz-datatable-loading {
+ position: absolute;
+ inset: 0;
+ background-color: var(--rz-grid-loading-indicator-background-color);
+ opacity: var(--rz-grid-loading-indicator-background-opacity);
+ z-index: 2;
+}
+
+.rz-datatable-loading-content {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ color: var(--rz-grid-loading-indicator-color);
+ z-index: 2;
+}
+.rz-datatable-loading-content .rzi-circle-o-notch {
+ animation: rotation 0.5s linear infinite;
+ font-size: 2rem;
+}
+.rz-datatable-loading-content .rzi-circle-o-notch:before {
+ content: "refresh";
+}
+
+@keyframes rotation {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
+@media (max-width: 768px) {
+ .rz-datatable-reflow .rz-data-grid-data > table,
+ .rz-datatable-reflow .rz-datatable-tablewrapper > table,
+ .rz-datatable-reflow .rz-datatable-scrollable-header-box > table,
+ .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table {
+ table-layout: auto;
+ display: block;
+ }
+ .rz-datatable-reflow .rz-data-grid-data > table > tbody,
+ .rz-datatable-reflow .rz-datatable-tablewrapper > table > tbody,
+ .rz-datatable-reflow .rz-datatable-scrollable-header-box > table > tbody,
+ .rz-datatable-reflow .rz-datatable-scrollable-table-wrapper > table > tbody {
+ display: block;
+ }
+ .rz-datatable-reflow thead th {
+ display: none;
+ }
+ .rz-datatable-reflow .rz-data-row {
+ display: block;
+ }
+ .rz-datatable-reflow .rz-data-row > td {
+ display: block;
+ width: 100% !important;
+ text-align: left !important;
+ border: none;
+ }
+ .rz-datatable-reflow .rz-data-row > td .rz-column-title {
+ display: block;
+ }
+}
+.rz-grid-filter {
+ display: flex;
+ flex-direction: column;
+ gap: 0.5rem;
+ padding: 1rem;
+}
+.rz-grid-filter .rz-dropdown,
+.rz-grid-filter .rz-numeric,
+.rz-grid-filter .rz-textbox,
+.rz-grid-filter .rz-grid-filter-label {
+ display: block;
+ width: 100%;
+}
+.rz-grid-filter .rz-grid-filter-label {
+ font-weight: 600;
+}
+
+.rz-grid-date-filter {
+ width: 576px;
+}
+
+.rz-date-filter {
+ display: flex;
+ align-items: stretch;
+ background-color: var(--rz-grid-filter-background-color);
+ gap: var(--rz-grid-filter-gap);
+ padding: var(--rz-grid-filter-gap);
+}
+.rz-date-filter .rz-listbox {
+ min-width: 11em;
+}
+.rz-date-filter .rz-listbox .rz-listbox-item {
+ font-size: 0.875rem;
+}
+.rz-date-filter .rz-datepicker-inline {
+ border-radius: var(--rz-border-radius);
+}
+.rz-date-filter .rz-datepicker-inline table {
+ width: 100%;
+}
+
+.rz-grid-filter-buttons {
+ display: flex;
+ justify-content: space-between;
+ padding: var(--rz-grid-filter-buttons-padding);
+ background-color: var(--rz-grid-filter-buttons-background-color);
+ border-top: var(--rz-grid-filter-buttons-border);
+}
+.rz-grid-filter-buttons .rz-button.rz-shade-default.rz-clear-filter {
+ background-color: var(--rz-grid-clear-filter-button-background-color);
+ color: var(--rz-grid-clear-filter-button-color);
+ box-shadow: var(--rz-grid-clear-filter-button-shadow);
+ padding-inline: var(--rz-grid-filter-button-padding-inline);
+}
+.rz-grid-filter-buttons .rz-button.rz-shade-default.rz-apply-filter {
+ background-color: var(--rz-grid-apply-filter-button-background-color);
+ color: var(--rz-grid-apply-filter-button-color);
+ box-shadow: var(--rz-grid-apply-filter-button-shadow);
+ padding-inline: var(--rz-grid-filter-button-padding-inline);
+}
+
+.rz-grid-filter-icon {
+ justify-self: flex-end;
+ color: var(--rz-grid-filter-color);
+ margin-inline: var(--rz-grid-header-filter-icon-margin-inline);
+ font-size: var(--rz-grid-header-filter-icon-font-size);
+ transition: var(--rz-grid-state-transition);
+ font-weight: 400;
+}
+.rz-grid-filter-icon:hover {
+ cursor: pointer;
+ color: var(--rz-grid-header-filter-icon-hover-color);
+}
+
+.rzi.rz-grid-filter-active {
+ color: var(--rz-grid-header-filter-icon-active-color) !important;
+ --rz-icon-fill: 1;
+}
+
+.rz-button.rz-grid-filter-active {
+ color: var(--rz-grid-simple-filter-icon-active-color) !important;
+ background-color: var(--rz-grid-simple-filter-icon-active-background-color) !important;
+}
+
+.rz-data-grid {
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+}
+
+.rz-data-grid-data {
+ overflow: auto;
+ flex: 1;
+ outline: var(--rz-outline-normal);
+ box-shadow: var(--rz-grid-data-border-shadow);
+}
+
+.rz-grid-table td, .rz-grid-table th {
+ padding: var(--rz-grid-cell-padding);
+}
+
+.rz-grid-table thead {
+ position: sticky;
+ top: 0;
+ z-index: 2;
+}
+.rz-grid-table thead th {
+ position: sticky;
+ top: 0;
+ z-index: 1;
+}
+
+.rz-grid-table-fixed {
+ table-layout: fixed;
+}
+.rz-grid-table-fixed .rz-frozen-cell {
+ position: -webkit-sticky;
+ position: sticky;
+}
+.rz-grid-table-fixed .rz-frozen-cell-left,
+.rz-grid-table-fixed .rz-frozen-cell-right,
+.rz-grid-table-fixed .rz-frozen-cell-left-inner,
+.rz-grid-table-fixed .rz-frozen-cell-right-inner {
+ background: var(--rz-grid-frozen-cell-background-color);
+ z-index: 1;
+}
+.rz-grid-table-fixed .rz-frozen-cell-left.rz-frozen-cell-left-end {
+ box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.12);
+ border-inline-end: var(--rz-grid-frozen-cell-border) !important;
+}
+*[dir=rtl] .rz-grid-table-fixed .rz-frozen-cell-left.rz-frozen-cell-left-end {
+ box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.12);
+}
+.rz-grid-table-fixed .rz-frozen-cell-right.rz-frozen-cell-right-end {
+ box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.12);
+ border-inline-start: var(--rz-grid-frozen-cell-border) !important;
+}
+*[dir=rtl] .rz-grid-table-fixed .rz-frozen-cell-right.rz-frozen-cell-right-end {
+ box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.12);
+}
+.rz-grid-table-fixed .rz-frozen-cell-left-inner,
+.rz-grid-table-fixed .rz-frozen-cell-right-inner {
+ border-inline-end: var(--rz-grid-frozen-cell-border) !important;
+ border-inline-start: var(--rz-grid-frozen-cell-border) !important;
+}
+
+.rz-grid-table tfoot, .rz-grid-table tfoot td {
+ position: sticky;
+ bottom: 0;
+ z-index: 1;
+}
+
+.rz-grid-table {
+ width: 100%;
+ position: relative;
+ border-collapse: separate;
+ border-spacing: 0;
+}
+.rz-grid-table th {
+ white-space: nowrap;
+ overflow: hidden;
+}
+.rz-grid-table td {
+ white-space: nowrap;
+ overflow: hidden;
+}
+
+.rz-grid-table tbody > div {
+ display: table-row;
+}
+
+.rz-column-drag {
+ cursor: grab;
+ font-size: inherit;
+ color: var(--rz-column-drag-handle-color);
+ transition: var(--rz-grid-state-transition);
+ margin-inline: var(--rz-column-drag-handle-margin-inline);
+}
+.rz-column-drag:after {
+ content: "more_vert";
+}
+.rz-column-drag:hover {
+ color: var(--rz-column-drag-handle-hover-color);
+}
+.rz-column-drag:active {
+ color: var(--rz-column-drag-handle-hover-color);
+ cursor: grabbing;
+}
+
+.rz-column-draggable {
+ background-color: var(--rz-grid-header-background-color);
+ border-radius: var(--rz-border-radius);
+ box-shadow: var(--rz-column-draggable-shadow);
+ padding: 0;
+ display: flex;
+ align-items: center;
+}
+.rz-column-draggable > div {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+ outline: none;
+ padding: 0;
+}
+.rz-column-draggable .rz-column-drag {
+ max-width: 1rem;
+}
+.rz-column-draggable .rz-column-title {
+ display: inline-flex;
+ flex: auto;
+ font-size: var(--rz-grid-header-font-size);
+ font-weight: var(--rz-grid-header-font-weight);
+ line-height: var(--rz-grid-header-line-height);
+ text-transform: var(--rz-grid-header-text-transform);
+ color: var(--rz-grid-header-color);
+ padding: 0;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.rz-column-draggable .rz-grid-filter-icon {
+ display: none;
+}
+
+.rz-group-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: var(--rz-grid-group-header-gap);
+ padding: var(--rz-grid-group-header-padding);
+ background-color: var(--rz-grid-header-background-color);
+ border-bottom: var(--rz-grid-bottom-cell-border);
+}
+
+.rz-group-header-items {
+ display: flex;
+ flex-wrap: wrap;
+ gap: var(--rz-grid-group-header-gap);
+}
+
+.rz-group-header-item {
+ display: flex;
+ align-items: center;
+ color: var(--rz-grid-group-header-item-color);
+ background-color: var(--rz-grid-group-header-item-background-color);
+ border: var(--rz-grid-group-header-item-border);
+ border-radius: var(--rz-grid-group-header-item-border-radius);
+ padding-block: var(--rz-grid-group-header-item-padding-block);
+ padding-inline: var(--rz-grid-group-header-item-padding-inline);
+ width: fit-content;
+ float: left;
+}
+.rz-group-header-item .rz-dialog-titlebar-close {
+ display: flex;
+ align-items: center;
+ text-decoration: none;
+}
+
+.rz-group-header-item-title {
+ font-size: var(--rz-grid-header-font-size);
+ font-weight: var(--rz-grid-header-font-weight);
+ margin-inline: var(--rz-grid-group-header-item-title-margin-inline);
+}
+
+.rz-group-header-drop {
+ font-size: var(--rz-body-font-size);
+ color: var(--rz-text-tertiary-color);
+ height: fit-content;
+}
+
+.rz-column-picker {
+ display: flex;
+}
+
+.rz-filter-menu-symbol {
+ width: 1.75rem;
+ display: inline-block;
+}
+
+.rz-filter-button {
+ flex: none;
+ margin-inline-end: 0.5rem;
+}
+
+.rz-data-grid.rz-density-compact {
+ --rz-grid-cell-line-height: 1rem;
+ --rz-grid-cell-padding: 0.25rem 0.5rem;
+ --rz-grid-header-cell-padding: 0.25rem 0;
+ --rz-grid-header-padding: 0.25rem 1rem;
+ --rz-grid-header-title-padding-inline: 0.5rem 0;
+ --rz-grid-filter-padding: 0.25rem 0.5rem;
+ --rz-grid-group-header-padding: 0.25rem;
+ --rz-grid-group-header-gap: 0.25rem;
+ --rz-grid-group-header-item-padding-block: 0.125rem ;
+ --rz-grid-group-header-item-padding-inline: 0.5rem 0.25rem;
+ --rz-grid-group-header-item-title-margin-inline: 0 0.25rem;
+ --rz-dialog-close-font-size: 1rem;
+}
+
+.rz-pager {
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: var(--rz-pager-gap);
+ flex-wrap: wrap;
+ background-color: var(--rz-pager-background-color);
+ padding: var(--rz-pager-padding);
+ /* Right-to-left arrow icons */
+}
+.rz-pager:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-pager:focus-visible .rz-pager-element.rz-state-focused,
+.rz-pager:focus-visible .rz-pager-page.rz-state-focused {
+ outline: var(--rz-outline-focus);
+ outline-offset: var(--rz-outline-offset);
+}
+.rz-pager.rz-align-right {
+ justify-content: right;
+}
+.rz-pager.rz-align-left {
+ justify-content: left;
+}
+.rz-pager.rz-align-center {
+ justify-content: center;
+}
+.rz-pager .rzi-step-backward:before {
+ content: "first_page";
+}
+.rz-pager .rzi-caret-left:before {
+ content: "navigate_before";
+}
+.rz-pager .rzi-caret-right:before {
+ content: "navigate_next";
+}
+.rz-pager .rzi-step-forward:before {
+ content: "last_page";
+}
+*[dir=rtl] .rz-pager .rz-pager-icon {
+ transform: rotate(180deg);
+}
+.rz-pager .rz-dropdown {
+ order: 2;
+ width: var(--rz-pager-dropdown-width);
+ overflow: visible;
+}
+.rz-pager .rz-pagesize-text {
+ order: 2;
+ font-size: var(--rz-pager-summary-font-size);
+ color: var(--rz-pager-summary-color);
+}
+.rz-pager .rz-dropdown-items-wrapper {
+ width: var(--rz-pager-dropdown-width-4px);
+}
+
+.rz-pager-element:hover,
+.rz-pager-page:hover {
+ background-color: var(--rz-pager-numeric-button-hover-background-color);
+ color: var(--rz-pager-numeric-button-hover-color);
+}
+
+.rz-pager-bottom {
+ border-top: var(--rz-pager-border);
+}
+
+.rz-pager-pages {
+ display: inline-flex;
+ gap: var(--rz-pager-gap);
+ margin: 0 0.5rem;
+}
+
+.rz-pager-element {
+ letter-spacing: 0;
+}
+
+.rz-align-center .rz-pager-first {
+ margin-inline-start: auto;
+}
+
+.rz-pager-prev {
+ margin-inline-end: auto;
+}
+.rz-align-left .rz-pager-prev, .rz-align-right .rz-pager-prev, .rz-align-center .rz-pager-prev {
+ margin-inline-end: 0;
+}
+
+.rz-pager-next {
+ margin-inline-start: auto;
+}
+.rz-align-left .rz-pager-next, .rz-align-right .rz-pager-next, .rz-align-center .rz-pager-next {
+ margin-inline-start: 0;
+}
+
+.rz-align-center .rz-pager-last {
+ margin-inline-end: auto;
+}
+
+.rz-pager-first,
+.rz-pager-prev {
+ background-color: var(--rz-pager-back-button-background-color);
+ color: var(--rz-pager-back-button-color);
+ border-radius: var(--rz-pager-button-border-radius);
+}
+
+.rz-pager-element:hover {
+ text-decoration: none;
+}
+
+.rz-pager-last,
+.rz-pager-next {
+ background-color: var(--rz-pager-next-button-background-color);
+ color: var(--rz-pager-next-button-color);
+ border-radius: var(--rz-pager-button-border-radius);
+}
+
+.rz-pager-page {
+ display: inline-block;
+ min-width: var(--rz-pager-numeric-button-min-width);
+ text-align: center;
+ gap: var(--rz-pager-gap);
+ background-color: var(--rz-pager-numeric-button-background-color);
+ border: var(--rz-pager-numeric-button-border);
+ border-radius: var(--rz-pager-button-border-radius);
+ padding: var(--rz-pager-numeric-button-padding);
+ color: var(--rz-pager-numeric-button-color);
+}
+.rz-pager-page.rz-state-active {
+ background-color: var(--rz-pager-numeric-button-selected-background-color);
+ color: var(--rz-pager-numeric-button-selected-color);
+ border: var(--rz-pager-numeric-button-selected-border);
+ padding: var(--rz-pager-numeric-button-selected-padding);
+}
+
+.rz-pager-summary {
+ padding-inline-end: var(--rz-pager-summary-padding);
+ font-size: var(--rz-pager-summary-font-size);
+ color: var(--rz-pager-summary-color);
+}
+.rz-align-right .rz-pager-summary {
+ margin-right: auto;
+}
+.rz-align-left .rz-pager-summary {
+ order: 2;
+ margin-left: auto;
+ padding: 0;
+}
+*[dir=rtl] .rz-align-right .rz-pager-summary {
+ order: 1;
+}
+*[dir=rtl] .rz-align-left .rz-pager-summary {
+ order: 0;
+}
+
+@media (max-width: 768px) {
+ .rz-pager-page:not(.rz-state-active) {
+ display: none;
+ }
+ .rz-pager {
+ display: grid;
+ grid-column-gap: 0.5rem;
+ grid-row-gap: 1rem;
+ grid-template-columns: repeat(9, 1fr);
+ text-align: center;
+ }
+ .rz-pager .rz-dropdown {
+ grid-column: 1/4;
+ width: auto;
+ margin: 0 !important;
+ text-align: left;
+ }
+ .rz-pager .rz-pagesize-text {
+ grid-column: 4/10;
+ margin: 0 !important;
+ text-align: left;
+ }
+ .rz-pager-summary {
+ grid-column: 1/10;
+ padding: 0 !important;
+ text-align: left;
+ }
+ .rz-pager-first {
+ grid-column: 1/3;
+ margin: 0 !important;
+ }
+ .rz-pager-prev {
+ grid-column: 3/5;
+ margin: 0 !important;
+ }
+ .rz-pager-pages {
+ grid-column: 5/6;
+ margin: 0 !important;
+ }
+ .rz-pager-next {
+ grid-column: 6/8;
+ margin: 0 !important;
+ }
+ .rz-pager-last {
+ grid-column: 8/10;
+ margin: 0 !important;
+ }
+}
+@container rz-lookup-panel (max-width: 768px) {
+ .rz-pager-page:not(.rz-state-active) {
+ display: none;
+ }
+ .rz-pager {
+ display: grid;
+ grid-column-gap: 0.5rem;
+ grid-row-gap: 1rem;
+ grid-template-columns: repeat(9, 1fr);
+ text-align: center;
+ }
+ .rz-pager .rz-dropdown {
+ grid-column: 1/4;
+ width: auto;
+ margin: 0 !important;
+ text-align: left;
+ }
+ .rz-pager .rz-pagesize-text {
+ grid-column: 4/10;
+ margin: 0 !important;
+ text-align: left;
+ }
+ .rz-pager-summary {
+ grid-column: 1/10;
+ padding: 0 !important;
+ text-align: left;
+ }
+ .rz-pager-first {
+ grid-column: 1/3;
+ margin: 0 !important;
+ }
+ .rz-pager-prev {
+ grid-column: 3/5;
+ margin: 0 !important;
+ }
+ .rz-pager-pages {
+ grid-column: 5/6;
+ margin: 0 !important;
+ }
+ .rz-pager-next {
+ grid-column: 6/8;
+ margin: 0 !important;
+ }
+ .rz-pager-last {
+ grid-column: 8/10;
+ margin: 0 !important;
+ }
+}
+.rz-pager.rz-density-compact {
+ --rz-pager-padding: 0.25rem;
+ --rz-pager-gap: 0.25rem;
+ --rz-pager-summary-padding: 0.5rem ;
+}
+.rz-overlaypanel {
+ position: absolute;
+ overflow: hidden;
+ box-shadow: var(--rz-overlay-shadow);
+ border: var(--rz-overlay-border);
+ border-radius: var(--rz-border-radius);
+ background-color: var(--rz-overlay-background-color);
+}
+
+.rz-tree {
+ box-sizing: border-box;
+ display: inline-block;
+ overflow: auto;
+}
+.rz-tree:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-tree:focus-visible {
+ outline: var(--rz-outline-focus);
+ outline-offset: var(--rz-tree-node-focus-outline-offset);
+}
+
+.rz-tree .rz-treenode.rz-treenode-leaf > .rz-treenode-content > .rz-tree-toggler {
+ visibility: hidden;
+}
+
+.rz-treenode {
+ padding-inline-start: var(--rz-tree-node-toggle-width);
+}
+
+.rz-tree-toggler {
+ cursor: pointer;
+ margin-inline-start: calc(var(--rz-tree-node-toggle-width) * -1);
+ width: var(--rz-tree-node-toggle-width);
+ height: 1.5rem;
+ font-size: var(--rz-icon-size);
+ line-height: 1.5rem;
+ text-align: center;
+ color: var(--rz-tree-node-toggle-color);
+ transition: var(--rz-tree-transition);
+}
+.rz-tree-toggler.rzi-caret-right {
+ /* Right-to-left arrow icons */
+}
+.rz-tree-toggler.rzi-caret-right:before {
+ content: "arrow_right";
+ margin-inline-start: -0.125rem;
+}
+*[dir=rtl] .rz-tree-toggler.rzi-caret-right {
+ transform: rotate(180deg);
+}
+.rz-tree-toggler.rzi-caret-down:before {
+ content: "arrow_drop_down";
+ margin-inline-start: -0.125rem;
+}
+.rz-tree-toggler:hover {
+ color: var(--rz-tree-node-toggle-hover-color);
+}
+
+.rz-treenode-content {
+ display: flex;
+ align-items: center;
+ cursor: pointer;
+ margin-block: var(--rz-tree-node-margin-block);
+ margin-inline: var(--rz-tree-node-margin-inline);
+}
+.rz-treenode-content .rz-treenode-label {
+ display: flex;
+ align-items: center;
+ cursor: inherit;
+ padding-block: var(--rz-tree-node-padding-block);
+ padding-inline: var(--rz-tree-node-padding-inline);
+}
+.rz-treenode-content .rz-treenode-label > .rzi:first-child {
+ margin-inline-end: 0.25rem;
+}
+.rz-tree:focus-visible .rz-treenode-content.rz-state-focused .rz-treenode-label {
+ outline: var(--rz-tree-node-focus-outline);
+ outline-offset: var(--rz-tree-node-focus-outline-offset);
+}
+.rz-treenode-content:not(.rz-treenode-content-selected):hover .rz-treenode-label {
+ background-color: var(--rz-tree-node-hover-background-color);
+ color: var(--rz-tree-node-hover-color);
+ border-radius: var(--rz-tree-node-selected-border-radius);
+}
+.rz-treenode-content .rz-chkbox {
+ margin-inline-end: 0.25rem;
+}
+
+.rz-tree-container,
+.rz-treenode-children {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.rz-treenode-label {
+ transition: var(--rz-tree-transition);
+}
+.rz-treenode-content-selected .rz-treenode-label {
+ border-radius: var(--rz-tree-node-selected-border-radius);
+ color: var(--rz-tree-node-selected-color);
+ background-color: var(--rz-tree-node-selected-background-color);
+}
+
+.rz-datalist,
+.rz-datagrid {
+ background-color: var(--rz-datalist-background-color);
+ border-end-start-radius: var(--rz-datalist-border-radius);
+ border-end-end-radius: var(--rz-datalist-border-radius);
+ box-shadow: var(--rz-datalist-shadow);
+ border: var(--rz-datalist-border);
+}
+
+.rz-g > div, .rz-datalist-data > li {
+ border-radius: var(--rz-datalist-border-radius);
+ border: var(--rz-datalist-item-border);
+ box-shadow: var(--rz-datalist-item-shadow);
+ padding: var(--rz-datalist-item-padding);
+ background-color: var(--rz-datalist-item-background-color);
+}
+
+.rz-datalist-data {
+ list-style: none;
+ padding: var(--rz-datalist-padding);
+ margin: 0;
+}
+.rz-datalist-data > li {
+ margin-block: var(--rz-datalist-item-margin-block);
+ margin-inline: var(--rz-datalist-item-margin-inline);
+}
+.rz-datalist-data > li:first-child {
+ margin-block-start: 0;
+}
+.rz-datalist-data > li:last-child {
+ margin-block-end: 0;
+}
+
+.rz-g {
+ display: flex;
+ flex-wrap: wrap;
+}
+.rz-g > div {
+ flex: auto;
+ margin-block: var(--rz-datalist-item-margin-block);
+ margin-inline: var(--rz-datalist-item-margin-inline);
+}
+
+.rz-datalist-content {
+ box-sizing: border-box;
+ position: relative;
+}
+
+.rz-datafilter {
+ box-sizing: border-box;
+ display: flex;
+ flex-wrap: wrap;
+ column-gap: 0.25rem;
+ align-items: center;
+}
+.rz-datafilter .rz-selectbar {
+ display: inline-flex;
+}
+.rz-datafilter .rz-datafilter-group {
+ position: relative;
+ margin: 0.25rem 0 0;
+ padding: 0;
+ flex-basis: 100%;
+}
+.rz-datafilter .rz-datafilter-group .rz-datafilter-group {
+ margin: 0;
+}
+.rz-datafilter .rz-datafilter-item {
+ position: relative;
+ list-style: none;
+ margin: 0;
+ padding-block: var(--rz-datafilter-item-padding-block);
+ padding-inline: calc(var(--rz-datafilter-item-padding-inline-start) + var(--rz-datafilter-item-indentation)) 0;
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.25rem;
+ align-items: center;
+}
+.rz-datafilter .rz-datafilter-item:before {
+ content: "";
+ position: absolute;
+ background-color: transparent;
+ width: var(--rz-datafilter-item-path-width);
+ inset-block-start: 0;
+ inset-block-end: 0;
+ inset-inline-start: calc(var(--rz-datafilter-item-padding-inline-start) / 2);
+ border: 0;
+ border-inline-start: var(--rz-datafilter-item-path-border);
+}
+.rz-datafilter .rz-datafilter-item:after {
+ content: "";
+ position: absolute;
+ background-color: transparent;
+ width: var(--rz-datafilter-item-path-width);
+ height: calc(var(--rz-datafilter-item-padding-block) + var(--rz-input-height) / 2);
+ inset-block-start: 0;
+ inset-inline-start: calc(var(--rz-datafilter-item-padding-inline-start) / 2);
+ border: 0;
+ border-block-end: var(--rz-datafilter-item-path-border);
+ border-inline-start: var(--rz-datafilter-item-path-border);
+}
+.rz-datafilter .rz-datafilter-item .rz-multiselect,
+.rz-datafilter .rz-datafilter-item .rz-dropdown {
+ flex: 10rem 1;
+}
+.rz-datafilter .rz-datafilter-group-item:after {
+ height: calc(var(--rz-input-height) / 2);
+}
+.rz-datafilter .rz-datafilter-bar {
+ padding-block: 0;
+ padding-inline: calc(var(--rz-datafilter-item-padding-inline-start) + var(--rz-datafilter-item-indentation)) 0;
+}
+.rz-datafilter .rz-datafilter-bar:before {
+ display: none;
+}
+.rz-datafilter .rz-datafilter-bar:after {
+ height: calc(var(--rz-input-height) / 2);
+ border-end-start-radius: var(--rz-datafilter-item-path-border-radius);
+}
+.rz-datafilter .rz-datafilter-bar .rz-splitbutton {
+ margin-block-start: 0.3125rem;
+}
+.rz-datafilter .rz-datafilter-editor {
+ flex: 10rem 4;
+}
+.rz-datafilter .rz-button.rz-datafilter-item-clear {
+ color: var(--rz-text-secondary-color);
+ opacity: 0.5;
+}
+.rz-datafilter .rz-button.rz-datafilter-item-clear:hover {
+ opacity: 1;
+}
+
+.rz-scheduler {
+ box-sizing: border-box;
+ container-name: scheduler;
+ container-type: inline-size;
+ display: flex;
+ height: 400px;
+ flex-direction: column;
+ border-radius: var(--rz-scheduler-border-radius);
+ border: 1px solid var(--rz-scheduler-border-color);
+ box-shadow: var(--rz-scheduler-shadow);
+ color: var(--rz-scheduler-color);
+ background: var(--rz-scheduler-background-color);
+ overflow: hidden;
+ background-clip: border-box;
+}
+.rz-scheduler a.rz-event-list-btn {
+ position: absolute;
+ padding-inline-start: 0.25rem;
+ color: var(--rz-scheduler-event-list-button-color);
+ font-size: var(--rz-scheduler-event-list-button-font-size);
+}
+.rz-scheduler a.rz-event-list-btn:hover {
+ cursor: pointer;
+ color: var(--rz-scheduler-event-list-button-color);
+ text-decoration: underline;
+}
+
+.rz-slot {
+ display: flex;
+ height: 1.5em;
+ border-block-start: 1px solid var(--rz-scheduler-border-color);
+ border-inline-start: 1px solid var(--rz-scheduler-border-color);
+}
+
+.rz-slot-title {
+ text-align: end;
+ font-size: var(--rz-scheduler-slot-title-font-size);
+ padding: var(--rz-scheduler-slot-title-padding);
+}
+
+.rz-slot-hours {
+ flex: 0 0 5rem;
+}
+.rz-slot-hours .rz-slot-header {
+ height: 1.5rem;
+ text-align: end;
+ font-size: var(--rz-scheduler-header-font-size);
+ padding: 0 0.25rem;
+ border-inline-end: 1px solid var(--rz-scheduler-border-color);
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.rz-slot-minor {
+ border-block-start: 1px solid var(--rz-scheduler-minor-border-color);
+}
+
+.rz-day-view .rz-slot,
+.rz-slots:first-child .rz-slot {
+ border-inline-start: none;
+}
+
+.rz-event {
+ position: absolute;
+ padding-block: var(--rz-scheduler-event-padding-block);
+ padding-inline: var(--rz-scheduler-event-padding-inline);
+ cursor: pointer;
+}
+
+.rz-event-content {
+ background: var(--rz-scheduler-event-background-color);
+ border-radius: var(--rz-scheduler-border-radius);
+ color: var(--rz-scheduler-event-color);
+ height: 100%;
+ padding: var(--rz-scheduler-event-content-padding);
+ font-size: var(--rz-scheduler-event-font-size);
+ line-height: var(--rz-scheduler-event-line-height);
+ overflow: hidden;
+}
+
+.rz-events {
+ position: relative;
+}
+
+.rz-scheduler-nav {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ padding: var(--rz-scheduler-toolbar-padding);
+ background: var(--rz-scheduler-toolbar-background-color);
+}
+.rz-scheduler-nav .rz-scheduler-nav-title {
+ display: flex;
+ align-self: center;
+ font-size: var(--rz-scheduler-toolbar-title-font-size);
+ font-weight: var(--rz-scheduler-toolbar-title-font-weight);
+ color: var(--rz-scheduler-toolbar-title-color);
+}
+
+.rz-view-header {
+ border-block-start: var(--rz-scheduler-header-border);
+ border-block-end: var(--rz-scheduler-header-border);
+ background-color: var(--rz-scheduler-header-background-color);
+ text-transform: var(--rz-scheduler-header-text-transform);
+ color: var(--rz-scheduler-header-color);
+ display: flex;
+}
+.rz-view-header .rz-slot-header {
+ flex: 1;
+ text-align: center;
+ font-size: var(--rz-scheduler-header-font-size);
+ padding: var(--rz-scheduler-header-padding);
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+.rz-view-header .rz-slot-hour-header {
+ flex: 0 0 5rem;
+}
+
+.rz-view {
+ display: flex;
+ flex-direction: column;
+ flex: 1;
+}
+
+.rz-view-content {
+ flex: auto;
+ display: flex;
+ overflow: auto;
+ height: 0;
+}
+.rz-view-content:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-view-content:focus-visible {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-scheduler-focus-outline-offset);
+}
+.rz-view-content:focus-visible .rz-slot:has(.rz-state-focused) {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-scheduler-focus-outline-offset);
+}
+.rz-view-content:focus-visible .rz-event.rz-state-focused .rz-event-content {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-outline-offset);
+}
+
+.rz-slots {
+ flex: 1;
+ font-size: 1rem;
+}
+
+.rz-scheduler-nav-views {
+ display: flex;
+}
+.rz-scheduler-nav-views .rz-button.rz-primary {
+ background: var(--rz-scheduler-view-button-background-color);
+ color: var(--rz-scheduler-view-button-color);
+ border: var(--rz-scheduler-view-button-border);
+ border-radius: 0;
+ border-inline-end: none;
+}
+.rz-scheduler-nav-views .rz-button.rz-primary:first-child {
+ border-start-start-radius: var(--rz-scheduler-border-radius);
+ border-end-start-radius: var(--rz-scheduler-border-radius);
+}
+.rz-scheduler-nav-views .rz-button.rz-primary:last-child {
+ border-start-end-radius: var(--rz-scheduler-border-radius);
+ border-end-end-radius: var(--rz-scheduler-border-radius);
+ border-inline-end: var(--rz-scheduler-view-button-border);
+}
+.rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active {
+ background-color: var(--rz-scheduler-view-selected-background-color);
+ border-color: var(--rz-scheduler-view-selected-border-color);
+ color: var(--rz-scheduler-view-selected-color);
+}
+.rz-scheduler-nav-views .rz-button.rz-primary:focus-visible {
+ z-index: 1;
+}
+
+.rz-scheduler-nav-prev-next {
+ display: flex;
+}
+.rz-scheduler-nav-prev-next .rz-button {
+ background-color: var(--rz-scheduler-prev-next-button-background-color);
+ color: var(--rz-scheduler-prev-next-button-color);
+ padding-block: var(--rz-scheduler-prev-next-button-padding-block);
+ padding-inline: var(--rz-scheduler-prev-next-button-padding-inline);
+ font-size: var(--rz-scheduler-prev-next-button-font-size);
+}
+.rz-scheduler-nav-prev-next .rz-button.rz-today {
+ margin-inline-start: var(--rz-scheduler-today-button-margin-inline-start);
+ padding: var(--rz-scheduler-today-button-padding);
+ font-size: var(--rz-scheduler-today-button-font-size);
+ text-transform: var(--rz-scheduler-today-button-text-transform);
+}
+.rz-scheduler-nav-prev-next .rz-button.rz-prev {
+ border-start-start-radius: var(--rz-scheduler-prev-button-border-start-start-radius);
+ border-start-end-radius: var(--rz-scheduler-prev-button-border-start-end-radius);
+ border-end-start-radius: var(--rz-scheduler-prev-button-border-end-start-radius);
+ border-end-end-radius: var(--rz-scheduler-prev-button-border-end-end-radius);
+}
+.rz-scheduler-nav-prev-next .rz-button.rz-next {
+ border-start-start-radius: var(--rz-scheduler-next-button-border-start-start-radius);
+ border-start-end-radius: var(--rz-scheduler-next-button-border-start-end-radius);
+ border-end-start-radius: var(--rz-scheduler-next-button-border-end-start-radius);
+ border-end-end-radius: var(--rz-scheduler-next-button-border-end-end-radius);
+}
+.rz-scheduler-nav-prev-next .rz-button:focus-visible {
+ z-index: 1;
+}
+
+/* Right-to-left .rz-scheduler-nav-prev-next */
+*[dir=rtl] .rz-scheduler-nav-prev-next .rz-button.rz-prev .rzi,
+*[dir=rtl] .rz-scheduler-nav-prev-next .rz-button.rz-next .rzi {
+ transform: rotate(180deg);
+}
+
+.rz-event-list .rz-event {
+ position: static;
+}
+
+.rz-week {
+ flex: 1;
+ font-size: 1rem;
+}
+.rz-week .rz-slots {
+ display: flex;
+ height: 100%;
+}
+.rz-week:first-child .rz-slot {
+ border-block-start: none;
+}
+
+.rz-month {
+ flex: 1;
+ font-size: 1rem;
+}
+.rz-month .rz-slots {
+ display: flex;
+ height: 100%;
+}
+.rz-month:nth-child(2) .rz-slot {
+ border-block-start: none;
+}
+.rz-month .rz-slot {
+ flex: 1;
+ height: 100%;
+ display: flex;
+ border-block-start: 1px solid var(--rz-scheduler-border-color);
+ border-inline-start: 1px solid var(--rz-scheduler-border-color);
+}
+.rz-month .rz-slot:first-child {
+ position: sticky;
+ z-index: 1;
+ inset-inline-start: 0;
+ justify-content: center;
+ align-items: center;
+ background-color: var(--rz-scheduler-header-background-color);
+ border-inline-start: none;
+ border-inline-end: 1px solid var(--rz-scheduler-border-color);
+}
+.rz-month .rz-slot:first-child .rz-slot-header {
+ text-align: center;
+ font-size: var(--rz-scheduler-header-font-size);
+ padding: var(--rz-scheduler-header-padding);
+ text-transform: var(--rz-scheduler-header-text-transform);
+ color: var(--rz-scheduler-header-color);
+}
+.rz-month .rz-slot:nth-child(2) {
+ border-inline-start: none;
+}
+
+.rz-day-view .rz-slot:nth-of-type(2) {
+ border-block-start: none;
+}
+.rz-day-view .rz-view-header {
+ overflow-y: scroll;
+ scrollbar-width: auto;
+}
+
+.rz-week-view-content {
+ flex: 1;
+ display: flex;
+}
+.rz-week-view-content:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-week-view-content:focus-visible {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-scheduler-focus-outline-offset);
+}
+.rz-week-view-content:focus-visible .rz-slots.rz-state-focused {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-scheduler-focus-outline-offset);
+}
+.rz-week-view-content:focus-visible .rz-event.rz-state-focused .rz-event-content {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-outline-offset);
+}
+
+.rz-week-view .rz-slot:nth-of-type(2) {
+ border-block-start: none;
+}
+.rz-week-view .rz-view-header {
+ overflow-y: scroll;
+ scrollbar-width: auto;
+}
+
+.rz-month-view .rz-view-content {
+ flex: 1;
+ flex-direction: column;
+}
+.rz-month-view .rz-slot {
+ flex: 1;
+ height: 100%;
+}
+.rz-month-view .rz-slot:first-child {
+ border-inline-start: none;
+}
+
+.rz-planner-view {
+ overflow: auto;
+}
+.rz-planner-view .rz-view-header {
+ position: sticky;
+ inset-block-start: 0px;
+ min-height: 2.25rem;
+ z-index: 2;
+}
+.rz-planner-view:focus-visible {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-scheduler-focus-outline-offset);
+}
+.rz-planner-view:focus-visible .rz-slot.rz-state-focused {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-scheduler-focus-outline-offset);
+}
+.rz-planner-view:focus-visible .rz-event.rz-state-focused .rz-event-content {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-outline-offset);
+}
+.rz-planner-view .rz-month .rz-slot:first-child .rz-slot-header {
+ writing-mode: vertical-lr;
+ transform: rotate(-180deg);
+}
+.rz-planner-view .rz-month .rz-slot:last-child {
+ justify-content: center;
+ align-items: center;
+ background-color: var(--rz-scheduler-header-background-color);
+}
+.rz-planner-view .rz-month .rz-slot:last-child .rz-slot-header {
+ writing-mode: vertical-rl;
+ text-align: center;
+ font-size: var(--rz-scheduler-header-font-size);
+ padding: var(--rz-scheduler-header-padding);
+ text-transform: var(--rz-scheduler-header-text-transform);
+ color: var(--rz-scheduler-header-color);
+}
+.rz-planner-view .rz-month .rz-slot.rz-other-month {
+ background-color: var(--rz-scheduler-other-month-background-color);
+}
+.rz-planner-view .rz-month .rz-slot.rz-weekend {
+ color: var(--rz-scheduler-weekend-color);
+ background-color: var(--rz-scheduler-weekend-background-color);
+}
+
+.rz-timeline-view {
+ flex: auto;
+ overflow: auto;
+ flex-wrap: wrap;
+ flex-direction: unset;
+}
+.rz-timeline-view .rz-view-header {
+ position: sticky;
+ inset-block-start: 0px;
+ min-height: 36px;
+ z-index: 2;
+}
+.rz-timeline-view .rz-view-header .rz-slot-header {
+ min-width: var(--rz-scheduler-timeline-slot-width);
+ flex: 0 0 auto;
+}
+.rz-timeline-view:focus-visible {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-scheduler-focus-outline-offset);
+}
+.rz-timeline-view:focus-visible .rz-slot.rz-state-focused {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-scheduler-focus-outline-offset);
+}
+.rz-timeline-view:focus-visible .rz-event.rz-state-focused .rz-event-content {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-outline-offset);
+}
+.rz-timeline-view .rz-month {
+ flex: 0 0 auto;
+}
+.rz-timeline-view .rz-month .rz-slots {
+ flex: 0 0 auto;
+}
+.rz-timeline-view .rz-month .rz-slot {
+ width: var(--rz-scheduler-timeline-slot-width);
+ height: var(--rz-scheduler-timeline-slot-height);
+}
+.rz-timeline-view .rz-month .rz-slot.rz-other-month {
+ background-color: var(--rz-scheduler-other-month-background-color);
+}
+.rz-timeline-view .rz-month .rz-slot.rz-weekend {
+ color: var(--rz-scheduler-weekend-color);
+ background-color: var(--rz-scheduler-weekend-background-color);
+}
+
+.rz-year-view {
+ overflow: auto;
+ padding: var(--rz-scheduler-year-padding);
+ --rz-gap: var(--rz-scheduler-year-padding);
+}
+.rz-year-view .rz-flex-column,
+.rz-year-view .rz-week {
+ min-width: fit-content;
+}
+.rz-year-view .rz-slot {
+ flex: 1;
+ border-block-start: none;
+ justify-content: center;
+ height: initial;
+ padding: var(--rz-scheduler-year-slot-padding);
+ cursor: pointer;
+}
+.rz-year-view .rz-slot .rz-slot-title {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0;
+ text-align: center;
+ width: var(--rz-scheduler-year-slot-title-width);
+ min-width: 2rem;
+ min-height: 2rem;
+ border-radius: var(--rz-scheduler-year-slot-title-border-radius);
+ transition: var(--rz-datepicker-calendar-transition);
+}
+.rz-year-view .rz-slot .rz-slot-title.rz-other-month {
+ opacity: 0.5;
+}
+.rz-year-view .rz-slot .rz-slot-title.rz-has-appointments {
+ color: var(--rz-scheduler-event-color);
+ background-color: var(--rz-scheduler-event-background-color);
+}
+.rz-year-view .rz-slot .rz-slot-title.rz-state-focused {
+ color: var(--rz-datepicker-calendar-hover-color);
+ background: var(--rz-datepicker-calendar-hover-background-color);
+}
+.rz-year-view .rz-slot:hover .rz-slot-title:not(.rz-has-appointments) {
+ color: var(--rz-datepicker-calendar-hover-color);
+ background: var(--rz-datepicker-calendar-hover-background-color);
+}
+
+.rz-year-month:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-year-month:focus-visible {
+ outline: var(--rz-scheduler-focus-outline);
+ outline-offset: var(--rz-outline-offset);
+ border-radius: var(--rz-border-radius);
+}
+
+@container scheduler (width < 640px) {
+ .rz-scheduler-nav .rz-scheduler-nav-prev-next {
+ justify-content: space-between;
+ margin-block-end: 0.5rem;
+ margin-inline-end: 0.5rem;
+ order: 1;
+ }
+ .rz-scheduler-nav .rz-scheduler-nav-title {
+ justify-content: center;
+ width: 100%;
+ order: 3;
+ }
+ .rz-scheduler-nav .rz-scheduler-nav-views {
+ margin-block-end: 0.5rem;
+ justify-content: center;
+ flex-grow: 1;
+ order: 2;
+ }
+ .rz-scheduler-nav .rz-scheduler-nav-views .rz-button {
+ flex-grow: 1;
+ padding-inline-start: 0.5rem;
+ padding-inline-end: 0.5rem;
+ }
+ .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text {
+ display: none;
+ }
+ .rz-slot-hours,
+ .rz-view-header .rz-slot-hour-header {
+ flex: 0 0 3rem;
+ }
+}
+@container scheduler (width < 1400px) {
+ .rz-planner-view {
+ flex-wrap: wrap;
+ flex-direction: unset;
+ }
+ .rz-planner-view .rz-view-header .rz-slot-header {
+ flex: 0 0 auto;
+ width: var(--rz-scheduler-planner-slot-width);
+ }
+ .rz-planner-view .rz-month {
+ flex: 0 0 auto;
+ }
+ .rz-planner-view .rz-month .rz-slots {
+ flex: 0 0 auto;
+ }
+ .rz-planner-view .rz-month .rz-slot {
+ width: var(--rz-scheduler-planner-slot-width);
+ height: var(--rz-scheduler-planner-slot-height);
+ }
+}
+@media (max-width: 576px) {
+ .rz-scheduler-nav .rz-scheduler-nav-prev-next {
+ justify-content: space-between;
+ margin-block-end: 0.5rem;
+ margin-inline-end: 0.5rem;
+ order: 1;
+ }
+ .rz-scheduler-nav .rz-scheduler-nav-title {
+ justify-content: center;
+ width: 100%;
+ order: 3;
+ }
+ .rz-scheduler-nav .rz-scheduler-nav-views {
+ margin-block-end: 0.5rem;
+ justify-content: center;
+ flex-grow: 1;
+ order: 2;
+ }
+ .rz-scheduler-nav .rz-scheduler-nav-views .rz-button {
+ flex-grow: 1;
+ padding-inline-start: 0.5rem;
+ padding-inline-end: 0.5rem;
+ }
+ .rz-scheduler-nav .rz-scheduler-nav-views .rz-button .rz-button-text {
+ display: none;
+ }
+ .rz-slot-hours,
+ .rz-view-header .rz-slot-hour-header {
+ flex: 0 0 3rem;
+ }
+}
+@media (max-width: 1399px) {
+ .rz-planner-view {
+ flex-wrap: wrap;
+ flex-direction: unset;
+ }
+ .rz-planner-view .rz-view-header .rz-slot-header {
+ flex: 0 0 auto;
+ width: var(--rz-scheduler-planner-slot-width);
+ }
+ .rz-planner-view .rz-month {
+ flex: 0 0 auto;
+ }
+ .rz-planner-view .rz-month .rz-slots {
+ flex: 0 0 auto;
+ }
+ .rz-planner-view .rz-month .rz-slot {
+ width: var(--rz-scheduler-planner-slot-width);
+ height: var(--rz-scheduler-planner-slot-height);
+ }
+}
+.rz-tabview {
+ box-sizing: border-box;
+ display: flex;
+}
+.rz-tabview:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-tabview:focus-visible {
+ outline: var(--rz-outline-focus);
+ outline-offset: var(--rz-outline-offset);
+}
+.rz-tabview:focus-visible .rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) {
+ outline: var(--rz-tabs-tab-focus-outline);
+ outline-offset: var(--rz-tabs-tab-focus-outline-offset);
+}
+.rz-tabview.rz-tabview-top {
+ flex-direction: column;
+}
+.rz-tabview.rz-tabview-top-right {
+ flex-direction: column;
+}
+.rz-tabview.rz-tabview-bottom {
+ flex-direction: column-reverse;
+}
+.rz-tabview.rz-tabview-bottom-right {
+ flex-direction: column-reverse;
+}
+.rz-tabview.rz-tabview-left {
+ flex-direction: row;
+}
+.rz-tabview.rz-tabview-right {
+ flex-direction: row-reverse;
+}
+
+.rz-tabview-nav {
+ list-style: none;
+ display: flex;
+ padding: 0;
+ margin: 0;
+}
+.rz-tabview-nav li {
+ border: var(--rz-tabs-border);
+ background-color: var(--rz-tabs-tab-background-color);
+ color: var(--rz-tabs-tab-color);
+ transition: var(--rz-tabs-transition);
+}
+.rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
+ background-color: var(--rz-tabs-tab-hover-background-color);
+ color: var(--rz-tabs-tab-hover-color);
+}
+.rz-tabview-nav li a,
+.rz-tabview-nav li a:not([href]):not([class]) {
+ display: flex;
+ align-items: center;
+ color: inherit;
+ padding-block: var(--rz-tabs-tab-padding-block);
+ padding-inline: var(--rz-tabs-tab-padding-inline);
+ font-size: var(--rz-tabs-tab-font-size);
+ line-height: var(--rz-tabs-tab-line-height);
+ font-weight: var(--rz-tabs-tab-font-weight);
+ text-transform: var(--rz-tabs-tab-text-transform);
+ letter-spacing: var(--rz-tabs-tab-letter-spacing);
+ text-decoration: none;
+ cursor: pointer;
+}
+.rz-tabview-nav li a:hover,
+.rz-tabview-nav li a:not([href]):not([class]):hover {
+ text-decoration: none;
+}
+.rz-tabview-nav li.rz-state-disabled {
+ opacity: 0.5;
+}
+.rz-tabview-nav .rz-state-focused:not(.rz-tabview-selected):not(.rz-state-disabled) {
+ background-color: var(--rz-tabs-tab-focus-background-color);
+ border-color: var(--rz-tabs-tab-focus-background-color);
+ color: var(--rz-tabs-tab-focus-color);
+}
+.rz-tabview-nav .rz-tabview-selected {
+ background-color: var(--rz-tabs-tab-selected-background-color);
+ color: var(--rz-tabs-tab-selected-color);
+ position: relative;
+}
+.rz-tabview-top > .rz-tabview-nav {
+ flex-direction: row;
+}
+.rz-tabview-top > .rz-tabview-nav li {
+ border-top-width: 2px;
+ border-bottom-color: var(--rz-tabs-tab-background-color);
+ border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0;
+}
+.rz-tabview-top > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
+ border-top-color: var(--rz-tabs-tab-selected-top-border-color);
+}
+.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
+ border-bottom-color: var(--rz-tabs-background-color);
+ margin-bottom: -1px;
+ border-top-color: var(--rz-tabs-tab-selected-top-border-color);
+}
+.rz-tabview-top-right > .rz-tabview-nav {
+ justify-content: right;
+}
+.rz-tabview-bottom > .rz-tabview-nav {
+ flex-direction: row;
+}
+.rz-tabview-bottom > .rz-tabview-nav li {
+ border-bottom-width: 2px;
+ border-top-color: var(--rz-tabs-tab-background-color);
+ border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius);
+}
+.rz-tabview-bottom > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
+ border-bottom-color: var(--rz-tabs-tab-selected-top-border-color);
+}
+.rz-tabview-bottom > .rz-tabview-nav .rz-tabview-selected {
+ border-top-color: var(--rz-tabs-background-color);
+ margin-top: -1px;
+ padding-top: 1px;
+ border-bottom-color: var(--rz-tabs-tab-selected-top-border-color);
+}
+.rz-tabview-bottom-right > .rz-tabview-nav {
+ justify-content: right;
+}
+.rz-tabview-left > .rz-tabview-nav {
+ flex-direction: column;
+}
+.rz-tabview-left > .rz-tabview-nav li {
+ border-left-width: 2px;
+ border-right-color: var(--rz-tabs-tab-background-color);
+ border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius);
+}
+.rz-tabview-left > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
+ border-left-color: var(--rz-tabs-tab-selected-top-border-color);
+}
+.rz-tabview-left > .rz-tabview-nav .rz-tabview-selected {
+ border-right-color: var(--rz-tabs-background-color);
+ margin-right: -1px;
+ border-left-color: var(--rz-tabs-tab-selected-top-border-color);
+}
+.rz-tabview-right > .rz-tabview-nav {
+ flex-direction: column;
+}
+.rz-tabview-right > .rz-tabview-nav li {
+ border-right-width: 2px;
+ border-left-color: var(--rz-tabs-tab-background-color);
+ border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0;
+}
+.rz-tabview-right > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
+ border-right-color: var(--rz-tabs-tab-selected-top-border-color);
+}
+.rz-tabview-right > .rz-tabview-nav .rz-tabview-selected {
+ border-left-color: var(--rz-tabs-background-color);
+ margin-left: -1px;
+ padding-left: 1px;
+ border-right-color: var(--rz-tabs-tab-selected-top-border-color);
+}
+*[dir=rtl] .rz-tabview-left > .rz-tabview-nav, *[dir=rtl] .rz-tabview-right > .rz-tabview-nav {
+ order: 1;
+}
+
+.rz-tabview-panels {
+ background-color: var(--rz-tabs-background-color);
+ border: var(--rz-tabs-border);
+ box-shadow: var(--rz-tabs-shadow);
+ flex: 1;
+ overflow: auto;
+}
+.rz-tabview-top > .rz-tabview-panels {
+ border-radius: 0 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius);
+}
+.rz-tabview-bottom > .rz-tabview-panels {
+ border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0;
+}
+.rz-tabview-left > .rz-tabview-panels {
+ border-radius: 0 var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0;
+}
+.rz-tabview-right > .rz-tabview-panels {
+ border-radius: var(--rz-tabs-border-radius) 0 0 var(--rz-tabs-border-radius);
+}
+
+.rz-tabview-panel {
+ padding: var(--rz-tabs-padding);
+}
+
+.rz-tabview-icon {
+ font-size: var(--rz-tabs-icon-font-size);
+ margin-inline: var(--rz-tabs-icon-margin-inline);
+}
+
+.rz-tooltip {
+ box-sizing: border-box;
+ position: absolute;
+ transition: top 0.2s, left 0.2s;
+ top: 0;
+ left: 0;
+}
+
+.rz-tooltip-content {
+ background: var(--rz-tooltip-background-color);
+ color: var(--rz-tooltip-color);
+ box-shadow: var(--rz-tooltip-shadow);
+ padding: var(--rz-tooltip-padding);
+ border-radius: var(--rz-tooltip-border-radius);
+ font-size: var(--rz-tooltip-font-size);
+ white-space: nowrap;
+}
+
+.rz-tooltip .rz-top-tooltip-content {
+ margin-bottom: 16px;
+}
+
+.rz-tooltip .rz-top-tooltip-content:after {
+ content: " ";
+ position: absolute;
+ width: 8px;
+ height: 8px;
+ inset-block-end: 0;
+ inset-inline-start: 12px;
+ background-color: inherit;
+ transform-origin: center;
+ transform: translate(-50%, -12px) rotate(45deg);
+ border-bottom: inherit;
+ border-right: inherit;
+}
+
+.rz-tooltip .rz-bottom-tooltip-content {
+ margin-top: -8px;
+}
+
+.rz-tooltip .rz-bottom-tooltip-content:after {
+ content: " ";
+ position: absolute;
+ width: 8px;
+ height: 8px;
+ inset-block-start: 0;
+ inset-inline-start: 12px;
+ background-color: inherit;
+ transform-origin: center;
+ transform: translate(-50%, -12px) rotate(45deg);
+ border-bottom: inherit;
+ border-right: inherit;
+}
+
+.rz-tooltip .rz-left-tooltip-content {
+ margin-right: 8px;
+}
+
+.rz-tooltip .rz-left-tooltip-content:after {
+ content: " ";
+ position: absolute;
+ width: 8px;
+ height: 8px;
+ top: 20px;
+ right: 0;
+ background-color: inherit;
+ transform-origin: center;
+ transform: translate(-50%, -10px) rotate(45deg);
+ border-bottom: inherit;
+ border-right: inherit;
+}
+
+.rz-tooltip .rz-right-tooltip-content {
+ margin-left: 0;
+}
+
+.rz-tooltip .rz-right-tooltip-content:after {
+ content: " ";
+ position: absolute;
+ width: 8px;
+ height: 8px;
+ top: 20px;
+ left: 0;
+ background-color: inherit;
+ transform-origin: center;
+ transform: translate(-50%, -10px) rotate(45deg);
+ border-bottom: inherit;
+ border-right: inherit;
+}
+
+.rz-dialog-wrapper {
+ box-sizing: border-box;
+ display: flex;
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ bottom: 0;
+ z-index: var(--rz-dialog-zindex);
+ align-items: center;
+ justify-content: center;
+}
+
+.rz-dialog {
+ box-sizing: border-box;
+ position: absolute;
+ overflow: hidden;
+ display: flex;
+ flex-direction: column;
+ min-width: 150px;
+ max-height: 100%;
+ min-height: 150px;
+ z-index: var(--rz-dialog-zindex);
+ background-color: var(--rz-dialog-background-color);
+ box-shadow: var(--rz-dialog-shadow);
+ border-radius: var(--rz-dialog-border-radius);
+}
+
+.rz-dialog-side {
+ box-sizing: border-box;
+ position: fixed;
+ z-index: var(--rz-dialog-zindex);
+ background-color: var(--rz-dialog-background-color);
+ box-shadow: var(--rz-dialog-shadow);
+ border-radius: var(--rz-dialog-border-radius);
+ overflow-y: auto;
+}
+
+.rz-dialog-titlebar,
+.rz-dialog-side-titlebar {
+ display: flex;
+ align-items: normal;
+ padding-block: var(--rz-dialog-title-padding-block);
+ padding-inline: var(--rz-dialog-title-padding-inline);
+ font-size: var(--rz-dialog-title-font-size);
+ line-height: var(--rz-dialog-title-line-height);
+ background-color: var(--rz-dialog-title-background-color);
+ border-block-end: var(--rz-dialog-title-border);
+}
+
+.rz-dialog-title,
+.rz-dialog-side-title {
+ flex: auto;
+ font-weight: var(--rz-dialog-title-font-weight);
+ letter-spacing: var(--rz-dialog-title-letter-spacing);
+ color: var(--rz-dialog-title-color);
+ user-select: none;
+}
+
+.rz-dialog-titlebar-close .rzi-times,
+.rz-dialog-side-titlebar-close .rzi-times {
+ font-size: var(--rz-dialog-close-font-size);
+ color: var(--rz-dialog-close-color);
+ vertical-align: var(--rz-dialog-close-vertical-align);
+}
+.rz-dialog-titlebar-close .rzi-times:before,
+.rz-dialog-side-titlebar-close .rzi-times:before {
+ content: "close";
+}
+.rz-dialog-titlebar-close:hover .rzi-times,
+.rz-dialog-side-titlebar-close:hover .rzi-times {
+ color: var(--rz-dialog-close-hover-color);
+}
+
+.rz-dialog-content,
+.rz-dialog-side-content {
+ flex: 0 1 auto;
+ padding: var(--rz-dialog-content-padding);
+ overflow: auto;
+}
+
+.rz-dialog-confirm, .rz-dialog-alert {
+ max-width: 400px;
+ margin: 0.75rem;
+}
+
+.rz-dialog-confirm-message, .rz-dialog-alert-message {
+ margin-block-end: 1.5rem;
+}
+
+.rz-dialog-confirm-buttons {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.5rem;
+}
+.rz-dialog-confirm-buttons .rz-button {
+ flex: 8rem 1;
+ min-width: fit-content;
+}
+
+.rz-dialog-alert-buttons {
+ text-align: end;
+ gap: 0.5rem;
+}
+.rz-dialog-alert-buttons .rz-button {
+ flex: 8rem 1;
+ min-width: fit-content;
+}
+
+.rz-dialog-mask {
+ position: fixed;
+ z-index: var(--rz-dialog-mask-zindex);
+ width: 100%;
+ height: 100%;
+ inset-block-start: 0;
+ inset-inline-start: 0;
+ background-color: var(--rz-dialog-mask-background-color);
+ opacity: 0.5;
+}
+
+.no-scroll {
+ overflow: hidden;
+ padding-inline-end: 15px;
+}
+
+.rz-dialog-side-position-right {
+ right: 0;
+ min-width: 150px;
+ width: 400px;
+ max-width: 100%;
+ height: 100%;
+}
+
+.rz-dialog-side-position-left {
+ left: 0;
+ min-width: 150px;
+ width: 400px;
+ max-width: 100%;
+ height: 100%;
+}
+
+.rz-dialog-side-position-top {
+ top: 0;
+ min-height: 150px;
+ height: 250px;
+ width: 100%;
+}
+
+.rz-dialog-side-position-bottom {
+ bottom: 0;
+ min-height: 150px;
+ height: 250px;
+ width: 100%;
+}
+
+@keyframes rz-dialog-open-scale {
+ from {
+ scale: 0.5;
+ }
+ to {
+ scale: 1;
+ }
+}
+@keyframes rz-dialog-open-opacity {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+.rz-dialog.rz-open {
+ animation: var(--rz-dialog-transition) rz-dialog-open-opacity, var(--rz-dialog-transition) rz-dialog-open-scale;
+}
+.rz-dialog:has(.rz-chart).rz-open {
+ animation: var(--rz-dialog-transition) rz-dialog-open-opacity;
+}
+
+@keyframes rz-side-dialog-right-open {
+ from {
+ transform: translateX(100%);
+ }
+ to {
+ transform: translateX(0);
+ }
+}
+@keyframes rz-side-dialog-right-close {
+ from {
+ transform: translateX(0);
+ }
+ to {
+ transform: translateX(100%);
+ }
+}
+.rz-dialog-side-position-right.rz-open {
+ animation: var(--rz-dialog-transition) rz-side-dialog-right-open;
+}
+.rz-dialog-side-position-right.rz-close {
+ animation: var(--rz-dialog-transition) rz-side-dialog-right-close;
+ transform: translateX(100%);
+}
+
+@keyframes rz-side-dialog-top-open {
+ from {
+ transform: translateY(-100%);
+ }
+ to {
+ transform: translateY(0);
+ }
+}
+@keyframes rz-side-dialog-top-close {
+ from {
+ transform: translateY(0);
+ }
+ to {
+ transform: translateY(-100%);
+ }
+}
+.rz-dialog-side-position-top.rz-open {
+ animation: var(--rz-dialog-transition) rz-side-dialog-top-open;
+}
+.rz-dialog-side-position-top.rz-close {
+ animation: var(--rz-dialog-transition) rz-side-dialog-top-close;
+ transform: translateX(-100%);
+}
+
+@keyframes rz-side-dialog-bottom-open {
+ from {
+ transform: translateY(100%);
+ }
+ to {
+ transform: translateY(0);
+ }
+}
+@keyframes rz-side-dialog-bottom-close {
+ from {
+ transform: translateY(0);
+ }
+ to {
+ transform: translateY(100%);
+ }
+}
+.rz-dialog-side-position-bottom.rz-open {
+ animation: var(--rz-dialog-transition) rz-side-dialog-bottom-open;
+}
+.rz-dialog-side-position-bottom.rz-close {
+ animation: var(--rz-dialog-transition) rz-side-dialog-bottom-close;
+ transform: translateY(100%);
+}
+
+@keyframes rz-side-dialog-left-open {
+ from {
+ transform: translateX(-100%);
+ }
+ to {
+ transform: translateX(0);
+ }
+}
+@keyframes rz-side-dialog-left-close {
+ from {
+ transform: translateX(0);
+ }
+ to {
+ transform: translateX(-100%);
+ }
+}
+.rz-dialog-side-position-left.rz-open {
+ animation: var(--rz-dialog-transition) rz-side-dialog-left-open;
+}
+.rz-dialog-side-position-left.rz-close {
+ animation: var(--rz-dialog-transition) rz-side-dialog-left-close;
+ transform: translateX(-100%);
+}
+
+@media (max-width: 768px) {
+ .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert) {
+ position: absolute;
+ width: 100% !important;
+ inset-block-start: 0px !important;
+ border-radius: 0;
+ }
+ .rz-dialog-content {
+ -webkit-overflow-scrolling: touch;
+ }
+ .rz-dialog-confirm, .rz-dialog-alert {
+ max-width: 355px;
+ }
+ .no-scroll {
+ padding-inline-end: 0;
+ }
+}
+.rz-notification {
+ box-sizing: border-box;
+ position: fixed;
+ z-index: 1002;
+ inset-block-start: 100px;
+ inset-inline-end: 1rem;
+}
+
+.rz-notification-item-wrapper {
+ position: relative;
+ width: 250px;
+ min-width: 20rem;
+ background-color: var(--rz-notification-container-background-color);
+ margin: 1rem 0;
+}
+.rz-notification-item-wrapper > .rz-progressbar {
+ position: absolute;
+ inset-block-end: var(--rz-notification-border-radius);
+ inset-inline: var(--rz-notification-border-radius);
+ --rz-progressbar-height: 0.25rem;
+ --rz-progressbar-border-radius: var(--rz-notification-border-radius);
+}
+.rz-notification-item-wrapper:has(> .rz-progressbar) .rz-notification-content {
+ margin-block-end: var(--rz-notification-border-radius);
+}
+
+.rz-notification-item {
+ display: flex;
+ align-items: flex-start;
+ gap: var(--rz-notification-gap);
+ border-radius: var(--rz-notification-border-radius);
+ box-shadow: var(--rz-notification-shadow);
+ padding: var(--rz-notification-padding);
+}
+.rz-notification-success .rz-notification-item {
+ color: var(--rz-notification-success-color);
+ background-color: var(--rz-notification-success-background-color);
+}
+.rz-notification-warn .rz-notification-item {
+ color: var(--rz-notification-warning-color);
+ background-color: var(--rz-notification-warning-background-color);
+}
+.rz-notification-error .rz-notification-item {
+ color: var(--rz-notification-error-color);
+ background-color: var(--rz-notification-error-background-color);
+}
+.rz-notification-info .rz-notification-item {
+ color: var(--rz-notification-info-color);
+ background-color: var(--rz-notification-info-background-color);
+}
+
+.rz-notification-message-wrapper {
+ flex: auto;
+ display: flex;
+ align-items: flex-start;
+ justify-content: flex-start;
+ gap: var(--rz-notification-gap);
+}
+
+.rz-notification-message {
+ flex: auto;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+}
+
+.rz-notification-title {
+ font-weight: bold;
+}
+
+.rz-notification-icon {
+ margin: var(--rz-notification-icon-margin);
+}
+.rz-notification-icon.rzi-check {
+ color: var(--rz-notification-success-icon-color);
+}
+.rz-notification-icon.rzi-check:before {
+ content: "check";
+}
+.rz-notification-icon.rzi-exclamation-triangle {
+ color: var(--rz-notification-warning-icon-color);
+}
+.rz-notification-icon.rzi-exclamation-triangle:before {
+ content: "warning";
+}
+.rz-notification-icon.rzi-info-circle {
+ color: var(--rz-notification-info-icon-color);
+}
+.rz-notification-icon.rzi-info-circle:before {
+ content: "info";
+}
+.rz-notification-icon.rzi-times {
+ color: var(--rz-notification-error-icon-color);
+}
+.rz-notification-icon.rzi-times:before {
+ content: "error";
+}
+
+.rz-notification-close {
+ cursor: pointer;
+ opacity: 0.75;
+}
+.rz-notification-close:before {
+ content: "close";
+}
+
+.rz-form {
+ box-sizing: border-box;
+}
+
+.rz-message {
+ box-sizing: border-box;
+}
+
+.rz-messages-error {
+ display: inline-block;
+ color: var(--rz-form-error-color);
+ font-size: var(--rz-form-error-font-size);
+ padding: var(--rz-validator-text-padding);
+}
+
+.rz-message-popup {
+ position: absolute;
+ background-color: var(--rz-validator-background-color);
+ transform: var(--rz-validator-transform);
+ box-shadow: var(--rz-validator-shadow);
+ padding: var(--rz-validator-padding);
+ border-radius: var(--rz-border-radius);
+ color: var(--rz-validator-color);
+ pointer-events: none;
+}
+.rz-message-popup:before {
+ content: "";
+ border: var(--rz-validator-pointer-size) solid transparent;
+ border-bottom-color: var(--rz-validator-background-color);
+ position: absolute;
+ inset-block-start: calc(-2 * var(--rz-validator-pointer-size));
+ inset-inline-start: calc(var(--rz-border-radius) + var(--rz-validator-pointer-size) / 2);
+}
+
+body:not(.rz-default-scrollbars)::-webkit-scrollbar,
+body:not(.rz-default-scrollbars) ::-webkit-scrollbar {
+ background-color: var(--rz-scrollbar-background-color);
+ width: var(--rz-scrollbar-size);
+ height: var(--rz-scrollbar-size);
+}
+body:not(.rz-default-scrollbars)::-webkit-scrollbar-thumb,
+body:not(.rz-default-scrollbars) ::-webkit-scrollbar-thumb {
+ background: var(--rz-scrollbar-color);
+ border: 4px solid rgba(0, 0, 0, 0);
+ background-clip: padding-box;
+ border-radius: var(--rz-scrollbar-border-radius);
+ min-width: var(--rz-scrollbar-size);
+ min-height: var(--rz-scrollbar-size);
+}
+body:not(.rz-default-scrollbars)::-webkit-scrollbar-corner,
+body:not(.rz-default-scrollbars) ::-webkit-scrollbar-corner {
+ background-color: var(--rz-scrollbar-background-color);
+}
+
+.rz-layout::-webkit-scrollbar,
+.rz-layout ::-webkit-scrollbar,
+.rz-scrollbars::-webkit-scrollbar,
+.rz-scrollbars ::-webkit-scrollbar {
+ background-color: var(--rz-scrollbar-background-color);
+ width: var(--rz-scrollbar-size);
+ height: var(--rz-scrollbar-size);
+}
+.rz-layout::-webkit-scrollbar-thumb,
+.rz-layout ::-webkit-scrollbar-thumb,
+.rz-scrollbars::-webkit-scrollbar-thumb,
+.rz-scrollbars ::-webkit-scrollbar-thumb {
+ background: var(--rz-scrollbar-color);
+ border: 4px solid rgba(0, 0, 0, 0);
+ background-clip: padding-box;
+ border-radius: var(--rz-scrollbar-border-radius);
+ min-width: var(--rz-scrollbar-size);
+ min-height: var(--rz-scrollbar-size);
+}
+.rz-layout::-webkit-scrollbar-corner,
+.rz-layout ::-webkit-scrollbar-corner,
+.rz-scrollbars::-webkit-scrollbar-corner,
+.rz-scrollbars ::-webkit-scrollbar-corner {
+ background-color: var(--rz-scrollbar-background-color);
+}
+
+.rz-login {
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
+.rz-login .rz-form {
+ display: flex;
+ flex-direction: column;
+ gap: 1.5rem;
+}
+.rz-login .rz-form .rz-form-row {
+ display: flex;
+ flex-flow: row wrap;
+ align-items: center;
+ gap: 0.5rem;
+}
+.rz-login .rz-form .rz-form-row .rz-label {
+ flex: 1 8rem;
+}
+.rz-login .rz-form .rz-form-row .rz-form-input-wrapper {
+ flex: 3 14rem;
+}
+.rz-login .rz-form .rz-form-row .rz-textbox {
+ display: block;
+ width: 100%;
+}
+.rz-login .rz-form .rz-form-row .rz-textbox.invalid {
+ border: var(--rz-border-danger);
+}
+.rz-login .rz-form .rz-form-row .rz-switch {
+ margin-inline-end: 0.5rem;
+}
+.rz-login .rz-form .rz-messages-error {
+ position: absolute;
+}
+.rz-login .rz-register {
+ display: flex;
+ flex-flow: row wrap;
+ align-items: center;
+ justify-content: space-between;
+ gap: 0.5rem;
+ background-color: var(--rz-login-register-background-color);
+ margin-block: var(--rz-login-register-margin-block);
+ margin-inline: var(--rz-login-register-margin-inline);
+ padding-block: var(--rz-login-register-padding-block);
+ padding-inline: var(--rz-login-register-padding-inline);
+ border-radius: var(--rz-border-radius);
+}
+.rz-login .rz-register .rz-button {
+ margin-block: var(--rz-login-register-button-margin-block);
+ margin-inline: var(--rz-login-register-button-margin-inline);
+}
+.rz-login .rz-login-buttons {
+ display: inline-flex;
+ flex-flow: row wrap;
+ justify-content: space-between;
+ align-items: center;
+ gap: 0.5rem;
+}
+
+.rz-lookup-panel {
+ background-color: var(--rz-lookup-panel-background-color);
+ padding: var(--rz-lookup-panel-padding);
+ container-type: inline-size;
+ container-name: rz-lookup-panel;
+}
+
+.rz-lookup-search {
+ display: flex;
+ gap: var(--rz-lookup-search-gap);
+ margin-bottom: var(--rz-lookup-search-margin-bottom);
+}
+.rz-lookup-search input {
+ flex: auto;
+}
+
+.ssrsviewer {
+ display: flex;
+}
+.ssrsviewer iframe {
+ flex: auto;
+}
+
+.rz-map {
+ box-sizing: border-box;
+ height: var(--rz-map-height);
+ padding: var(--rz-map-padding);
+ background-color: var(--rz-map-background-color);
+ box-shadow: var(--rz-map-shadow);
+ border-radius: var(--rz-border-radius);
+}
+
+.rz-map-container {
+ height: 100%;
+}
+
+.rz-gauge,
+.rz-arc-gauge {
+ box-sizing: border-box;
+ position: relative;
+ display: inline-block;
+ width: 300px;
+ height: 300px;
+}
+
+.rz-gauge .rz-line,
+.rz-gauge .rz-tick {
+ stroke: var(--rz-gauge-scale-color);
+}
+.rz-gauge .rz-tick-text {
+ font-size: var(--rz-gauge-scale-font-size);
+ fill: var(--rz-gauge-scale-label-color);
+}
+
+.rz-arc-gauge .rz-line,
+.rz-arc-gauge .rz-tick {
+ stroke: var(--rz-gauge-arc-scale-color);
+}
+.rz-arc-gauge .rz-tick-text {
+ font-size: var(--rz-gauge-scale-font-size);
+ fill: var(--rz-gauge-arc-scale-label-color);
+}
+
+.rz-gauge-value {
+ position: absolute;
+ transform: translateX(-50%);
+ padding: 0.5rem;
+}
+
+.rz-arc-gauge-value {
+ position: absolute;
+ transform: translate(-50%, -50%);
+ padding: 0.5rem;
+}
+
+.rz-gauge-pointer {
+ fill: var(--rz-gauge-pointer-color);
+}
+
+.rz-arc-gauge-scale-value {
+ fill: var(--rz-gauge-arc-value-color);
+}
+
+.rz-arc-gauge-scale {
+ fill: var(--rz-gauge-arc-scale-color);
+}
+
+.rz-progressbar {
+ box-sizing: border-box;
+ border-radius: var(--rz-progressbar-border-radius);
+ height: var(--rz-progressbar-height);
+ position: relative;
+ background-color: var(--rz-progressbar-background-color);
+ text-align: center;
+ display: flex;
+ align-items: center;
+}
+
+.rz-progressbar-value {
+ border-radius: var(--rz-progressbar-border-radius);
+ position: absolute;
+ background-color: var(--rz-progressbar-value-background-color);
+ height: 100%;
+ width: var(--rz-progressbar-value);
+ transition: var(--rz-progressbar-value-transition);
+}
+
+.rz-progressbar-label,
+.rz-progressbar-label-value {
+ position: absolute;
+ inset-inline: 0;
+ inset-block-start: 50%;
+ margin-top: calc(-1 * var(--rz-progressbar-height) / 2);
+ text-align: center;
+ font-size: var(--rz-progressbar-font-size);
+ line-height: var(--rz-progressbar-height);
+}
+
+.rz-progressbar-label-value {
+ color: var(--rz-progressbar-color);
+ clip-path: inset(0 0 0 var(--rz-progressbar-value));
+}
+
+.rz-progressbar-circular {
+ box-sizing: border-box;
+ position: relative;
+}
+
+.rz-progressbar-circular-viewbox {
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+
+.rz-progressbar-circular-label {
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ line-height: 1;
+}
+
+.rz-progressbar-circular-background {
+ stroke: var(--rz-progressbar-background-color);
+ stroke-width: var(--rz-progressbar-circular-stroke-width);
+}
+
+.rz-progressbar-circular-value {
+ stroke-linecap: var(--rz-progressbar-circular-value-endpoint);
+ stroke-width: var(--rz-progressbar-circular-value-stroke-width);
+ stroke: var(--rz-progressbar-value-background-color);
+ transition: var(--rz-progressbar-value-transition);
+}
+
+.rz-progressbar-determinate .rz-progressbar-circular-value {
+ stroke-dasharray: 100;
+ transform: rotate(-0.25turn);
+}
+
+.rz-progressbar-indeterminate {
+ overflow: hidden;
+}
+.rz-progressbar-indeterminate .rz-progressbar-value {
+ background-color: transparent;
+}
+.rz-progressbar-indeterminate .rz-progressbar-value:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ background-color: var(--rz-progressbar-value-background-color);
+ will-change: left, right;
+ animation: 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite rz-progressbar-indeterminate-anim;
+}
+*[dir=rtl] .rz-progressbar-indeterminate .rz-progressbar-value:before {
+ animation-name: rz-progressbar-indeterminate-anim-rtl;
+}
+.rz-progressbar-indeterminate .rz-progressbar-value:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ background-color: var(--rz-progressbar-value-background-color);
+ will-change: left, right;
+ animation: 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite rz-progressbar-indeterminate-anim-short;
+ animation-delay: 1.15s;
+}
+*[dir=rtl] .rz-progressbar-indeterminate .rz-progressbar-value:after {
+ animation-name: rz-progressbar-indeterminate-anim-short-rtl;
+}
+@keyframes rz-progressbar-indeterminate-anim {
+ 0% {
+ left: -35%;
+ right: 100%;
+ }
+ 100%, 60% {
+ left: 100%;
+ right: -90%;
+ }
+}
+@keyframes rz-progressbar-indeterminate-anim-short {
+ 0% {
+ left: -200%;
+ right: 100%;
+ }
+ 100%, 60% {
+ left: 107%;
+ right: -8%;
+ }
+}
+@keyframes rz-progressbar-indeterminate-anim-rtl {
+ 0% {
+ right: -35%;
+ left: 100%;
+ }
+ 60%, 100% {
+ right: 100%;
+ left: -90%;
+ }
+}
+@keyframes rz-progressbar-indeterminate-anim-short-rtl {
+ 0% {
+ right: -200%;
+ left: 100%;
+ }
+ 60%, 100% {
+ right: 107%;
+ left: -8%;
+ }
+}
+.rz-progressbar-indeterminate .rz-progressbar-circular-value {
+ animation: rz-progressbar-circular-indeterminate-anim-rotate 2.1s linear infinite, rz-progressbar-circular-indeterminate-anim-dash 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+ transform-origin: 0 0;
+}
+@keyframes rz-progressbar-circular-indeterminate-anim-rotate {
+ 100% {
+ transform: rotate(1turn);
+ }
+}
+@keyframes rz-progressbar-circular-indeterminate-anim-dash {
+ 0% {
+ stroke-dasharray: 1, 100;
+ stroke-dashoffset: 0;
+ }
+ 50% {
+ stroke-dasharray: 70, 100;
+ stroke-dashoffset: -28;
+ }
+ 100% {
+ stroke-dasharray: 70, 100;
+ stroke-dashoffset: -99;
+ }
+}
+
+.rz-progressbar.rz-progressbar-primary {
+ color: var(--rz-on-primary);
+}
+
+.rz-progressbar-determinate.rz-progressbar-primary .rz-progressbar-value {
+ background-color: var(--rz-primary);
+}
+.rz-progressbar-determinate.rz-progressbar-primary .rz-progressbar-circular-value {
+ stroke: var(--rz-primary);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-primary .rz-progressbar-value:before {
+ background-color: var(--rz-primary);
+}
+.rz-progressbar-indeterminate.rz-progressbar-primary .rz-progressbar-value:after {
+ background-color: var(--rz-primary);
+}
+.rz-progressbar-indeterminate.rz-progressbar-primary .rz-progressbar-circular-value {
+ stroke: var(--rz-primary);
+}
+
+.rz-progressbar.rz-progressbar-secondary {
+ color: var(--rz-on-secondary);
+}
+
+.rz-progressbar-determinate.rz-progressbar-secondary .rz-progressbar-value {
+ background-color: var(--rz-secondary);
+}
+.rz-progressbar-determinate.rz-progressbar-secondary .rz-progressbar-circular-value {
+ stroke: var(--rz-secondary);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-secondary .rz-progressbar-value:before {
+ background-color: var(--rz-secondary);
+}
+.rz-progressbar-indeterminate.rz-progressbar-secondary .rz-progressbar-value:after {
+ background-color: var(--rz-secondary);
+}
+.rz-progressbar-indeterminate.rz-progressbar-secondary .rz-progressbar-circular-value {
+ stroke: var(--rz-secondary);
+}
+
+.rz-progressbar.rz-progressbar-info {
+ color: var(--rz-on-info);
+}
+
+.rz-progressbar-determinate.rz-progressbar-info .rz-progressbar-value {
+ background-color: var(--rz-info);
+}
+.rz-progressbar-determinate.rz-progressbar-info .rz-progressbar-circular-value {
+ stroke: var(--rz-info);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-info .rz-progressbar-value:before {
+ background-color: var(--rz-info);
+}
+.rz-progressbar-indeterminate.rz-progressbar-info .rz-progressbar-value:after {
+ background-color: var(--rz-info);
+}
+.rz-progressbar-indeterminate.rz-progressbar-info .rz-progressbar-circular-value {
+ stroke: var(--rz-info);
+}
+
+.rz-progressbar.rz-progressbar-warning {
+ color: var(--rz-on-warning);
+}
+
+.rz-progressbar-determinate.rz-progressbar-warning .rz-progressbar-value {
+ background-color: var(--rz-warning);
+}
+.rz-progressbar-determinate.rz-progressbar-warning .rz-progressbar-circular-value {
+ stroke: var(--rz-warning);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-warning .rz-progressbar-value:before {
+ background-color: var(--rz-warning);
+}
+.rz-progressbar-indeterminate.rz-progressbar-warning .rz-progressbar-value:after {
+ background-color: var(--rz-warning);
+}
+.rz-progressbar-indeterminate.rz-progressbar-warning .rz-progressbar-circular-value {
+ stroke: var(--rz-warning);
+}
+
+.rz-progressbar.rz-progressbar-error {
+ color: var(--rz-on-danger);
+}
+
+.rz-progressbar-determinate.rz-progressbar-error .rz-progressbar-value {
+ background-color: var(--rz-danger);
+}
+.rz-progressbar-determinate.rz-progressbar-error .rz-progressbar-circular-value {
+ stroke: var(--rz-danger);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-error .rz-progressbar-value:before {
+ background-color: var(--rz-danger);
+}
+.rz-progressbar-indeterminate.rz-progressbar-error .rz-progressbar-value:after {
+ background-color: var(--rz-danger);
+}
+.rz-progressbar-indeterminate.rz-progressbar-error .rz-progressbar-circular-value {
+ stroke: var(--rz-danger);
+}
+
+.rz-progressbar.rz-progressbar-danger {
+ color: var(--rz-on-danger);
+}
+
+.rz-progressbar-determinate.rz-progressbar-danger .rz-progressbar-value {
+ background-color: var(--rz-danger);
+}
+.rz-progressbar-determinate.rz-progressbar-danger .rz-progressbar-circular-value {
+ stroke: var(--rz-danger);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-danger .rz-progressbar-value:before {
+ background-color: var(--rz-danger);
+}
+.rz-progressbar-indeterminate.rz-progressbar-danger .rz-progressbar-value:after {
+ background-color: var(--rz-danger);
+}
+.rz-progressbar-indeterminate.rz-progressbar-danger .rz-progressbar-circular-value {
+ stroke: var(--rz-danger);
+}
+
+.rz-progressbar.rz-progressbar-success {
+ color: var(--rz-on-success);
+}
+
+.rz-progressbar-determinate.rz-progressbar-success .rz-progressbar-value {
+ background-color: var(--rz-success);
+}
+.rz-progressbar-determinate.rz-progressbar-success .rz-progressbar-circular-value {
+ stroke: var(--rz-success);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-success .rz-progressbar-value:before {
+ background-color: var(--rz-success);
+}
+.rz-progressbar-indeterminate.rz-progressbar-success .rz-progressbar-value:after {
+ background-color: var(--rz-success);
+}
+.rz-progressbar-indeterminate.rz-progressbar-success .rz-progressbar-circular-value {
+ stroke: var(--rz-success);
+}
+
+.rz-progressbar.rz-progressbar-base {
+ color: var(--rz-text-contrast-color);
+}
+
+.rz-progressbar-determinate.rz-progressbar-base .rz-progressbar-value {
+ background-color: var(--rz-base-600);
+}
+.rz-progressbar-determinate.rz-progressbar-base .rz-progressbar-circular-value {
+ stroke: var(--rz-base-600);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-base .rz-progressbar-value:before {
+ background-color: var(--rz-base-600);
+}
+.rz-progressbar-indeterminate.rz-progressbar-base .rz-progressbar-value:after {
+ background-color: var(--rz-base-600);
+}
+.rz-progressbar-indeterminate.rz-progressbar-base .rz-progressbar-circular-value {
+ stroke: var(--rz-base-600);
+}
+
+.rz-progressbar.rz-progressbar-light {
+ color: var(--rz-text-title-color);
+}
+
+.rz-progressbar-determinate.rz-progressbar-light .rz-progressbar-value {
+ background-color: var(--rz-base-400);
+}
+.rz-progressbar-determinate.rz-progressbar-light .rz-progressbar-circular-value {
+ stroke: var(--rz-base-400);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-light .rz-progressbar-value:before {
+ background-color: var(--rz-base-400);
+}
+.rz-progressbar-indeterminate.rz-progressbar-light .rz-progressbar-value:after {
+ background-color: var(--rz-base-400);
+}
+.rz-progressbar-indeterminate.rz-progressbar-light .rz-progressbar-circular-value {
+ stroke: var(--rz-base-400);
+}
+
+.rz-progressbar.rz-progressbar-dark {
+ color: var(--rz-text-contrast-color);
+}
+
+.rz-progressbar-determinate.rz-progressbar-dark .rz-progressbar-value {
+ background-color: var(--rz-base-900);
+}
+.rz-progressbar-determinate.rz-progressbar-dark .rz-progressbar-circular-value {
+ stroke: var(--rz-base-900);
+}
+
+.rz-progressbar-indeterminate.rz-progressbar-dark .rz-progressbar-value:before {
+ background-color: var(--rz-base-900);
+}
+.rz-progressbar-indeterminate.rz-progressbar-dark .rz-progressbar-value:after {
+ background-color: var(--rz-base-900);
+}
+.rz-progressbar-indeterminate.rz-progressbar-dark .rz-progressbar-circular-value {
+ stroke: var(--rz-base-900);
+}
+
+.rz-progressbar-circular-lg {
+ width: 6rem;
+ height: 6rem;
+ font-size: calc(var(--rz-progressbar-font-size) * 1.25);
+}
+
+.rz-progressbar-circular-md {
+ width: 3rem;
+ height: 3rem;
+ font-size: calc(var(--rz-progressbar-font-size) * 0.75);
+}
+
+.rz-progressbar-circular-sm {
+ width: 2rem;
+ height: 2rem;
+ font-size: calc(var(--rz-progressbar-font-size) * 0.5);
+}
+
+.rz-progressbar-circular-xs {
+ width: 1.25rem;
+ height: 1.25rem;
+ font-size: calc(var(--rz-progressbar-font-size) * 0.375);
+}
+
+.rz-chart {
+ box-sizing: border-box;
+ position: relative;
+ height: 300px;
+}
+
+.rz-area-series {
+ fill-opacity: 0.8;
+}
+
+.rz-scheme-pastel .rz-series-0 {
+ fill: var(--rz-series-1);
+ stroke: var(--rz-series-1);
+}
+.rz-scheme-pastel .rz-series-0-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-1);
+}
+.rz-scheme-pastel .rz-series-item-0 {
+ fill: var(--rz-series-1);
+ stroke: var(--rz-series-1);
+}
+.rz-scheme-pastel .rz-series-item-0 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-1);
+}
+
+.rz-scheme-pastel .rz-series-1 {
+ fill: var(--rz-series-2);
+ stroke: var(--rz-series-2);
+}
+.rz-scheme-pastel .rz-series-1-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-2);
+}
+.rz-scheme-pastel .rz-series-item-1 {
+ fill: var(--rz-series-2);
+ stroke: var(--rz-series-2);
+}
+.rz-scheme-pastel .rz-series-item-1 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-2);
+}
+
+.rz-scheme-pastel .rz-series-2 {
+ fill: var(--rz-series-3);
+ stroke: var(--rz-series-3);
+}
+.rz-scheme-pastel .rz-series-2-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-3);
+}
+.rz-scheme-pastel .rz-series-item-2 {
+ fill: var(--rz-series-3);
+ stroke: var(--rz-series-3);
+}
+.rz-scheme-pastel .rz-series-item-2 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-3);
+}
+
+.rz-scheme-pastel .rz-series-3 {
+ fill: var(--rz-series-4);
+ stroke: var(--rz-series-4);
+}
+.rz-scheme-pastel .rz-series-3-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-4);
+}
+.rz-scheme-pastel .rz-series-item-3 {
+ fill: var(--rz-series-4);
+ stroke: var(--rz-series-4);
+}
+.rz-scheme-pastel .rz-series-item-3 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-4);
+}
+
+.rz-scheme-pastel .rz-series-4 {
+ fill: var(--rz-series-5);
+ stroke: var(--rz-series-5);
+}
+.rz-scheme-pastel .rz-series-4-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-5);
+}
+.rz-scheme-pastel .rz-series-item-4 {
+ fill: var(--rz-series-5);
+ stroke: var(--rz-series-5);
+}
+.rz-scheme-pastel .rz-series-item-4 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-5);
+}
+
+.rz-scheme-pastel .rz-series-5 {
+ fill: var(--rz-series-6);
+ stroke: var(--rz-series-6);
+}
+.rz-scheme-pastel .rz-series-5-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-6);
+}
+.rz-scheme-pastel .rz-series-item-5 {
+ fill: var(--rz-series-6);
+ stroke: var(--rz-series-6);
+}
+.rz-scheme-pastel .rz-series-item-5 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-6);
+}
+
+.rz-scheme-pastel .rz-series-6 {
+ fill: var(--rz-series-7);
+ stroke: var(--rz-series-7);
+}
+.rz-scheme-pastel .rz-series-6-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-7);
+}
+.rz-scheme-pastel .rz-series-item-6 {
+ fill: var(--rz-series-7);
+ stroke: var(--rz-series-7);
+}
+.rz-scheme-pastel .rz-series-item-6 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-7);
+}
+
+.rz-scheme-pastel .rz-series-7 {
+ fill: var(--rz-series-8);
+ stroke: var(--rz-series-8);
+}
+.rz-scheme-pastel .rz-series-7-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-8);
+}
+.rz-scheme-pastel .rz-series-item-7 {
+ fill: var(--rz-series-8);
+ stroke: var(--rz-series-8);
+}
+.rz-scheme-pastel .rz-series-item-7 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-8);
+}
+
+.rz-scheme-pastel .rz-series-8 {
+ fill: var(--rz-series-9);
+ stroke: var(--rz-series-9);
+}
+.rz-scheme-pastel .rz-series-8-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-9);
+}
+.rz-scheme-pastel .rz-series-item-8 {
+ fill: var(--rz-series-9);
+ stroke: var(--rz-series-9);
+}
+.rz-scheme-pastel .rz-series-item-8 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-9);
+}
+
+.rz-scheme-pastel .rz-series-9 {
+ fill: var(--rz-series-10);
+ stroke: var(--rz-series-10);
+}
+.rz-scheme-pastel .rz-series-9-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-10);
+}
+.rz-scheme-pastel .rz-series-item-9 {
+ fill: var(--rz-series-10);
+ stroke: var(--rz-series-10);
+}
+.rz-scheme-pastel .rz-series-item-9 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-10);
+}
+
+.rz-scheme-pastel .rz-series-10 {
+ fill: var(--rz-series-11);
+ stroke: var(--rz-series-11);
+}
+.rz-scheme-pastel .rz-series-10-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-11);
+}
+.rz-scheme-pastel .rz-series-item-10 {
+ fill: var(--rz-series-11);
+ stroke: var(--rz-series-11);
+}
+.rz-scheme-pastel .rz-series-item-10 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-11);
+}
+
+.rz-scheme-pastel .rz-series-11 {
+ fill: var(--rz-series-12);
+ stroke: var(--rz-series-12);
+}
+.rz-scheme-pastel .rz-series-11-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-12);
+}
+.rz-scheme-pastel .rz-series-item-11 {
+ fill: var(--rz-series-12);
+ stroke: var(--rz-series-12);
+}
+.rz-scheme-pastel .rz-series-item-11 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-12);
+}
+
+.rz-scheme-pastel .rz-series-12 {
+ fill: var(--rz-series-13);
+ stroke: var(--rz-series-13);
+}
+.rz-scheme-pastel .rz-series-12-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-13);
+}
+.rz-scheme-pastel .rz-series-item-12 {
+ fill: var(--rz-series-13);
+ stroke: var(--rz-series-13);
+}
+.rz-scheme-pastel .rz-series-item-12 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-13);
+}
+
+.rz-scheme-pastel .rz-series-13 {
+ fill: var(--rz-series-14);
+ stroke: var(--rz-series-14);
+}
+.rz-scheme-pastel .rz-series-13-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-14);
+}
+.rz-scheme-pastel .rz-series-item-13 {
+ fill: var(--rz-series-14);
+ stroke: var(--rz-series-14);
+}
+.rz-scheme-pastel .rz-series-item-13 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-14);
+}
+
+.rz-scheme-pastel .rz-series-14 {
+ fill: var(--rz-series-15);
+ stroke: var(--rz-series-15);
+}
+.rz-scheme-pastel .rz-series-14-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-15);
+}
+.rz-scheme-pastel .rz-series-item-14 {
+ fill: var(--rz-series-15);
+ stroke: var(--rz-series-15);
+}
+.rz-scheme-pastel .rz-series-item-14 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-15);
+}
+
+.rz-scheme-pastel .rz-series-15 {
+ fill: var(--rz-series-16);
+ stroke: var(--rz-series-16);
+}
+.rz-scheme-pastel .rz-series-15-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-16);
+}
+.rz-scheme-pastel .rz-series-item-15 {
+ fill: var(--rz-series-16);
+ stroke: var(--rz-series-16);
+}
+.rz-scheme-pastel .rz-series-item-15 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-16);
+}
+
+.rz-scheme-pastel .rz-series-16 {
+ fill: var(--rz-series-17);
+ stroke: var(--rz-series-17);
+}
+.rz-scheme-pastel .rz-series-16-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-17);
+}
+.rz-scheme-pastel .rz-series-item-16 {
+ fill: var(--rz-series-17);
+ stroke: var(--rz-series-17);
+}
+.rz-scheme-pastel .rz-series-item-16 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-17);
+}
+
+.rz-scheme-pastel .rz-series-17 {
+ fill: var(--rz-series-18);
+ stroke: var(--rz-series-18);
+}
+.rz-scheme-pastel .rz-series-17-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-18);
+}
+.rz-scheme-pastel .rz-series-item-17 {
+ fill: var(--rz-series-18);
+ stroke: var(--rz-series-18);
+}
+.rz-scheme-pastel .rz-series-item-17 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-18);
+}
+
+.rz-scheme-pastel .rz-series-18 {
+ fill: var(--rz-series-19);
+ stroke: var(--rz-series-19);
+}
+.rz-scheme-pastel .rz-series-18-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-19);
+}
+.rz-scheme-pastel .rz-series-item-18 {
+ fill: var(--rz-series-19);
+ stroke: var(--rz-series-19);
+}
+.rz-scheme-pastel .rz-series-item-18 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-19);
+}
+
+.rz-scheme-pastel .rz-series-19 {
+ fill: var(--rz-series-20);
+ stroke: var(--rz-series-20);
+}
+.rz-scheme-pastel .rz-series-19-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-20);
+}
+.rz-scheme-pastel .rz-series-item-19 {
+ fill: var(--rz-series-20);
+ stroke: var(--rz-series-20);
+}
+.rz-scheme-pastel .rz-series-item-19 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-20);
+}
+
+.rz-scheme-pastel .rz-series-20 {
+ fill: var(--rz-series-21);
+ stroke: var(--rz-series-21);
+}
+.rz-scheme-pastel .rz-series-20-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-21);
+}
+.rz-scheme-pastel .rz-series-item-20 {
+ fill: var(--rz-series-21);
+ stroke: var(--rz-series-21);
+}
+.rz-scheme-pastel .rz-series-item-20 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-21);
+}
+
+.rz-scheme-pastel .rz-series-21 {
+ fill: var(--rz-series-22);
+ stroke: var(--rz-series-22);
+}
+.rz-scheme-pastel .rz-series-21-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-22);
+}
+.rz-scheme-pastel .rz-series-item-21 {
+ fill: var(--rz-series-22);
+ stroke: var(--rz-series-22);
+}
+.rz-scheme-pastel .rz-series-item-21 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-22);
+}
+
+.rz-scheme-pastel .rz-series-22 {
+ fill: var(--rz-series-23);
+ stroke: var(--rz-series-23);
+}
+.rz-scheme-pastel .rz-series-22-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-23);
+}
+.rz-scheme-pastel .rz-series-item-22 {
+ fill: var(--rz-series-23);
+ stroke: var(--rz-series-23);
+}
+.rz-scheme-pastel .rz-series-item-22 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-23);
+}
+
+.rz-scheme-pastel .rz-series-23 {
+ fill: var(--rz-series-24);
+ stroke: var(--rz-series-24);
+}
+.rz-scheme-pastel .rz-series-23-tooltip .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-24);
+}
+.rz-scheme-pastel .rz-series-item-23 {
+ fill: var(--rz-series-24);
+ stroke: var(--rz-series-24);
+}
+.rz-scheme-pastel .rz-series-item-23 .rz-chart-tooltip-content {
+ border: 1px solid var(--rz-series-24);
+}
+
+.rz-scheme-palette .rz-series-0 {
+ fill: #003f5c;
+ stroke: #003f5c;
+}
+.rz-scheme-palette .rz-series-0-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #003f5c;
+}
+.rz-scheme-palette .rz-series-item-0 {
+ fill: #003f5c;
+ stroke: #003f5c;
+}
+.rz-scheme-palette .rz-series-item-0 .rz-chart-tooltip-content {
+ border: 1px solid #003f5c;
+}
+
+.rz-scheme-palette .rz-series-1 {
+ fill: #2f4b7c;
+ stroke: #2f4b7c;
+}
+.rz-scheme-palette .rz-series-1-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #2f4b7c;
+}
+.rz-scheme-palette .rz-series-item-1 {
+ fill: #2f4b7c;
+ stroke: #2f4b7c;
+}
+.rz-scheme-palette .rz-series-item-1 .rz-chart-tooltip-content {
+ border: 1px solid #2f4b7c;
+}
+
+.rz-scheme-palette .rz-series-2 {
+ fill: #665191;
+ stroke: #665191;
+}
+.rz-scheme-palette .rz-series-2-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #665191;
+}
+.rz-scheme-palette .rz-series-item-2 {
+ fill: #665191;
+ stroke: #665191;
+}
+.rz-scheme-palette .rz-series-item-2 .rz-chart-tooltip-content {
+ border: 1px solid #665191;
+}
+
+.rz-scheme-palette .rz-series-3 {
+ fill: #a05195;
+ stroke: #a05195;
+}
+.rz-scheme-palette .rz-series-3-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #a05195;
+}
+.rz-scheme-palette .rz-series-item-3 {
+ fill: #a05195;
+ stroke: #a05195;
+}
+.rz-scheme-palette .rz-series-item-3 .rz-chart-tooltip-content {
+ border: 1px solid #a05195;
+}
+
+.rz-scheme-palette .rz-series-4 {
+ fill: #d45087;
+ stroke: #d45087;
+}
+.rz-scheme-palette .rz-series-4-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #d45087;
+}
+.rz-scheme-palette .rz-series-item-4 {
+ fill: #d45087;
+ stroke: #d45087;
+}
+.rz-scheme-palette .rz-series-item-4 .rz-chart-tooltip-content {
+ border: 1px solid #d45087;
+}
+
+.rz-scheme-palette .rz-series-5 {
+ fill: #f95d6a;
+ stroke: #f95d6a;
+}
+.rz-scheme-palette .rz-series-5-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #f95d6a;
+}
+.rz-scheme-palette .rz-series-item-5 {
+ fill: #f95d6a;
+ stroke: #f95d6a;
+}
+.rz-scheme-palette .rz-series-item-5 .rz-chart-tooltip-content {
+ border: 1px solid #f95d6a;
+}
+
+.rz-scheme-palette .rz-series-6 {
+ fill: #ff7c43;
+ stroke: #ff7c43;
+}
+.rz-scheme-palette .rz-series-6-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #ff7c43;
+}
+.rz-scheme-palette .rz-series-item-6 {
+ fill: #ff7c43;
+ stroke: #ff7c43;
+}
+.rz-scheme-palette .rz-series-item-6 .rz-chart-tooltip-content {
+ border: 1px solid #ff7c43;
+}
+
+.rz-scheme-palette .rz-series-7 {
+ fill: #ffa600;
+ stroke: #ffa600;
+}
+.rz-scheme-palette .rz-series-7-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #ffa600;
+}
+.rz-scheme-palette .rz-series-item-7 {
+ fill: #ffa600;
+ stroke: #ffa600;
+}
+.rz-scheme-palette .rz-series-item-7 .rz-chart-tooltip-content {
+ border: 1px solid #ffa600;
+}
+
+.rz-scheme-monochrome .rz-series-0 {
+ fill: #004c6d;
+ stroke: #004c6d;
+}
+.rz-scheme-monochrome .rz-series-0-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #004c6d;
+}
+.rz-scheme-monochrome .rz-series-item-0 {
+ fill: #004c6d;
+ stroke: #004c6d;
+}
+.rz-scheme-monochrome .rz-series-item-0 .rz-chart-tooltip-content {
+ border: 1px solid #004c6d;
+}
+
+.rz-scheme-monochrome .rz-series-1 {
+ fill: #296080;
+ stroke: #296080;
+}
+.rz-scheme-monochrome .rz-series-1-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #296080;
+}
+.rz-scheme-monochrome .rz-series-item-1 {
+ fill: #296080;
+ stroke: #296080;
+}
+.rz-scheme-monochrome .rz-series-item-1 .rz-chart-tooltip-content {
+ border: 1px solid #296080;
+}
+
+.rz-scheme-monochrome .rz-series-2 {
+ fill: #437594;
+ stroke: #437594;
+}
+.rz-scheme-monochrome .rz-series-2-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #437594;
+}
+.rz-scheme-monochrome .rz-series-item-2 {
+ fill: #437594;
+ stroke: #437594;
+}
+.rz-scheme-monochrome .rz-series-item-2 .rz-chart-tooltip-content {
+ border: 1px solid #437594;
+}
+
+.rz-scheme-monochrome .rz-series-3 {
+ fill: #5d8ba9;
+ stroke: #5d8ba9;
+}
+.rz-scheme-monochrome .rz-series-3-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #5d8ba9;
+}
+.rz-scheme-monochrome .rz-series-item-3 {
+ fill: #5d8ba9;
+ stroke: #5d8ba9;
+}
+.rz-scheme-monochrome .rz-series-item-3 .rz-chart-tooltip-content {
+ border: 1px solid #5d8ba9;
+}
+
+.rz-scheme-monochrome .rz-series-4 {
+ fill: #75a1be;
+ stroke: #75a1be;
+}
+.rz-scheme-monochrome .rz-series-4-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #75a1be;
+}
+.rz-scheme-monochrome .rz-series-item-4 {
+ fill: #75a1be;
+ stroke: #75a1be;
+}
+.rz-scheme-monochrome .rz-series-item-4 .rz-chart-tooltip-content {
+ border: 1px solid #75a1be;
+}
+
+.rz-scheme-monochrome .rz-series-5 {
+ fill: #8eb8d3;
+ stroke: #8eb8d3;
+}
+.rz-scheme-monochrome .rz-series-5-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #8eb8d3;
+}
+.rz-scheme-monochrome .rz-series-item-5 {
+ fill: #8eb8d3;
+ stroke: #8eb8d3;
+}
+.rz-scheme-monochrome .rz-series-item-5 .rz-chart-tooltip-content {
+ border: 1px solid #8eb8d3;
+}
+
+.rz-scheme-monochrome .rz-series-6 {
+ fill: #a7cfe9;
+ stroke: #a7cfe9;
+}
+.rz-scheme-monochrome .rz-series-6-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #a7cfe9;
+}
+.rz-scheme-monochrome .rz-series-item-6 {
+ fill: #a7cfe9;
+ stroke: #a7cfe9;
+}
+.rz-scheme-monochrome .rz-series-item-6 .rz-chart-tooltip-content {
+ border: 1px solid #a7cfe9;
+}
+
+.rz-scheme-monochrome .rz-series-7 {
+ fill: #c1e7ff;
+ stroke: #c1e7ff;
+}
+.rz-scheme-monochrome .rz-series-7-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #c1e7ff;
+}
+.rz-scheme-monochrome .rz-series-item-7 {
+ fill: #c1e7ff;
+ stroke: #c1e7ff;
+}
+.rz-scheme-monochrome .rz-series-item-7 .rz-chart-tooltip-content {
+ border: 1px solid #c1e7ff;
+}
+
+.rz-scheme-divergent .rz-series-0 {
+ fill: #00876c;
+ stroke: #00876c;
+}
+.rz-scheme-divergent .rz-series-0-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #00876c;
+}
+.rz-scheme-divergent .rz-series-item-0 {
+ fill: #00876c;
+ stroke: #00876c;
+}
+.rz-scheme-divergent .rz-series-item-0 .rz-chart-tooltip-content {
+ border: 1px solid #00876c;
+}
+
+.rz-scheme-divergent .rz-series-1 {
+ fill: #57a18b;
+ stroke: #57a18b;
+}
+.rz-scheme-divergent .rz-series-1-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #57a18b;
+}
+.rz-scheme-divergent .rz-series-item-1 {
+ fill: #57a18b;
+ stroke: #57a18b;
+}
+.rz-scheme-divergent .rz-series-item-1 .rz-chart-tooltip-content {
+ border: 1px solid #57a18b;
+}
+
+.rz-scheme-divergent .rz-series-2 {
+ fill: #8cbcac;
+ stroke: #8cbcac;
+}
+.rz-scheme-divergent .rz-series-2-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #8cbcac;
+}
+.rz-scheme-divergent .rz-series-item-2 {
+ fill: #8cbcac;
+ stroke: #8cbcac;
+}
+.rz-scheme-divergent .rz-series-item-2 .rz-chart-tooltip-content {
+ border: 1px solid #8cbcac;
+}
+
+.rz-scheme-divergent .rz-series-3 {
+ fill: #bed6ce;
+ stroke: #bed6ce;
+}
+.rz-scheme-divergent .rz-series-3-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #bed6ce;
+}
+.rz-scheme-divergent .rz-series-item-3 {
+ fill: #bed6ce;
+ stroke: #bed6ce;
+}
+.rz-scheme-divergent .rz-series-item-3 .rz-chart-tooltip-content {
+ border: 1px solid #bed6ce;
+}
+
+.rz-scheme-divergent .rz-series-4 {
+ fill: #f1f1f1;
+ stroke: #f1f1f1;
+}
+.rz-scheme-divergent .rz-series-4-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #f1f1f1;
+}
+.rz-scheme-divergent .rz-series-item-4 {
+ fill: #f1f1f1;
+ stroke: #f1f1f1;
+}
+.rz-scheme-divergent .rz-series-item-4 .rz-chart-tooltip-content {
+ border: 1px solid #f1f1f1;
+}
+
+.rz-scheme-divergent .rz-series-5 {
+ fill: #f1c6c6;
+ stroke: #f1c6c6;
+}
+.rz-scheme-divergent .rz-series-5-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #f1c6c6;
+}
+.rz-scheme-divergent .rz-series-item-5 {
+ fill: #f1c6c6;
+ stroke: #f1c6c6;
+}
+.rz-scheme-divergent .rz-series-item-5 .rz-chart-tooltip-content {
+ border: 1px solid #f1c6c6;
+}
+
+.rz-scheme-divergent .rz-series-6 {
+ fill: #ec9c9d;
+ stroke: #ec9c9d;
+}
+.rz-scheme-divergent .rz-series-6-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #ec9c9d;
+}
+.rz-scheme-divergent .rz-series-item-6 {
+ fill: #ec9c9d;
+ stroke: #ec9c9d;
+}
+.rz-scheme-divergent .rz-series-item-6 .rz-chart-tooltip-content {
+ border: 1px solid #ec9c9d;
+}
+
+.rz-scheme-divergent .rz-series-7 {
+ fill: #e27076;
+ stroke: #e27076;
+}
+.rz-scheme-divergent .rz-series-7-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #e27076;
+}
+.rz-scheme-divergent .rz-series-item-7 {
+ fill: #e27076;
+ stroke: #e27076;
+}
+.rz-scheme-divergent .rz-series-item-7 .rz-chart-tooltip-content {
+ border: 1px solid #e27076;
+}
+
+.rz-scheme-divergent .rz-series-8 {
+ fill: #d43d51;
+ stroke: #d43d51;
+}
+.rz-scheme-divergent .rz-series-8-tooltip .rz-chart-tooltip-content {
+ border: 1px solid #d43d51;
+}
+.rz-scheme-divergent .rz-series-item-8 {
+ fill: #d43d51;
+ stroke: #d43d51;
+}
+.rz-scheme-divergent .rz-series-item-8 .rz-chart-tooltip-content {
+ border: 1px solid #d43d51;
+}
+
+.rz-marker {
+ stroke: var(--rz-chart-marker-stroke);
+}
+
+.rz-area-series .rz-marker {
+ fill-opacity: 1;
+}
+
+.rz-axis {
+ stroke: var(--rz-chart-axis-color);
+ font-size: var(--rz-chart-axis-font-size);
+}
+
+.rz-axis .rz-grid-line {
+ stroke: var(--rz-chart-axis-color);
+}
+
+.rz-tick-text {
+ stroke: none;
+ fill: var(--rz-chart-axis-label-color);
+}
+
+.rz-series-data-label {
+ fill: var(--rz-chart-axis-label-color);
+}
+
+.rz-value-axis .rz-tick-text {
+ text-anchor: end;
+ /* Right-to-left anchor */
+}
+*[dir=rtl] .rz-value-axis .rz-tick-text {
+ text-anchor: start;
+}
+
+.rz-axis .rz-axis-title {
+ stroke: none;
+ text-anchor: middle;
+ fill: var(--rz-text-title-color);
+}
+
+.rz-donut-title {
+ text-anchor: middle;
+ fill: var(--rz-text-title-color);
+}
+
+.rz-donut-content {
+ height: 100%;
+ text-align: center;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+}
+
+.rz-legend {
+ position: absolute;
+ display: flex;
+ font-size: var(--rz-chart-legend-font-size);
+}
+
+.rz-legend-right {
+ right: 0;
+ top: 0;
+ bottom: 0;
+ align-items: center;
+}
+
+.rz-legend-left {
+ left: 0;
+ top: 0;
+ bottom: 0;
+ align-items: center;
+}
+
+.rz-legend-top {
+ top: 0;
+ left: 0;
+ right: 0;
+ justify-content: center;
+}
+
+.rz-legend-bottom {
+ bottom: 0;
+ left: 0;
+ right: 0;
+ justify-content: center;
+}
+
+.rz-legend-items {
+ padding: 0;
+ margin: 0;
+ overflow-y: auto;
+ overflow-x: hidden;
+ max-height: 100%;
+}
+
+.rz-legend-item {
+ display: flex;
+ align-items: center;
+ gap: 0.25rem;
+ margin: 0.25rem;
+ cursor: pointer;
+}
+.rz-legend-item:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-legend-item:focus-visible {
+ outline: var(--rz-chart-legend-focus-outline);
+ outline-offset: var(--rz-chart-legend-focus-outline-offset);
+ border-radius: var(--rz-border-radius);
+}
+
+.rz-legend-top .rz-legend-item,
+.rz-legend-bottom .rz-legend-item {
+ display: inline-flex;
+}
+
+.rz-chart-tooltip {
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+
+.rz-top-chart-tooltip {
+ transform: translate(-50%, -100%);
+}
+
+.rz-bottom-chart-tooltip {
+ transform: translate(-50%, 0);
+}
+
+.rz-chart-tooltip-content {
+ background: var(--rz-chart-tooltip-background);
+ color: var(--rz-chart-tooltip-color);
+ box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15);
+ padding: 0.5rem;
+ border-radius: var(--rz-chart-tooltip-border-radius);
+ white-space: nowrap;
+ font-size: var(--rz-chart-tooltip-font-size);
+}
+
+.rz-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after {
+ content: " ";
+ position: absolute;
+ width: 8px;
+ height: 8px;
+ background-color: inherit;
+ transform-origin: center;
+}
+
+.rz-top-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content {
+ margin-bottom: 15px;
+}
+.rz-top-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after {
+ left: 50%;
+ bottom: 0;
+ transform: translate(-50%, -11px) rotate(45deg);
+ border-bottom: inherit;
+ border-right: inherit;
+}
+
+.rz-bottom-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content {
+ margin-top: 15px;
+}
+.rz-bottom-chart-tooltip:not(.rz-pie-tooltip) .rz-chart-tooltip-content:after {
+ left: 50%;
+ top: 0;
+ transform: translate(-50%, 11px) rotate(45deg);
+ border-top: inherit;
+ border-left: inherit;
+}
+
+.rz-chart-tooltip-title {
+ font-weight: 700;
+}
+
+.rz-chart-tooltip-item-value {
+ font-weight: 600;
+ text-align: end;
+ font-variant-numeric: tabular-nums;
+}
+
+.rz-chart-shared-tooltip:has(.rz-chart-tooltip-item-content) .rz-chart-tooltip-title {
+ padding: 0 0.5rem;
+}
+.rz-chart-shared-tooltip:has(.rz-chart-tooltip-item-content) .rz-chart-tooltip-content {
+ border: none;
+}
+
+.rz-chart-tooltip-item-content {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 1rem;
+ padding: 0.125rem 0.5rem;
+ border-radius: var(--rz-chart-tooltip-item-border-radius);
+}
+.rz-chart-tooltip-item-content:hover {
+ background-color: var(--rz-chart-tooltip-item-hover-background-color);
+}
+.rz-chart-tooltip-item-content .rz-legend-item {
+ margin: 0;
+ cursor: inherit;
+}
+
+.rz-sankey-diagram {
+ position: relative;
+ display: block;
+ overflow: hidden;
+ border-radius: var(--rz-border-radius);
+ height: 300px;
+ color: var(--rz-sankey-label-color);
+}
+.rz-sankey-diagram svg {
+ display: block;
+ width: 100%;
+ height: 100%;
+}
+.rz-sankey-diagram .rz-sankey-link {
+ cursor: pointer;
+ pointer-events: painted;
+ fill-opacity: 0.8;
+ opacity: var(--rz-sankey-link-opacity);
+ stroke-width: var(--rz-sankey-link-stroke-width);
+ transition: opacity 0.2s;
+}
+.rz-sankey-diagram .rz-sankey-link:hover {
+ opacity: var(--rz-sankey-link-hover-opacity);
+}
+.rz-sankey-diagram .rz-sankey-node {
+ cursor: pointer;
+}
+.rz-sankey-diagram .rz-sankey-node rect {
+ stroke-width: var(--rz-sankey-node-stroke-width);
+ transition: opacity 0.2s;
+}
+.rz-sankey-diagram .rz-sankey-node:hover rect {
+ opacity: 0.9;
+}
+.rz-sankey-diagram svg text {
+ fill: var(--rz-sankey-label-color);
+}
+.rz-sankey-diagram text.rz-sankey-node-label {
+ font-size: var(--rz-sankey-label-font-size);
+ fill: var(--rz-sankey-label-color);
+ stroke: var(--rz-sankey-label-stroke);
+ stroke-width: var(--rz-sankey-label-stroke-width);
+ stroke-linejoin: round;
+ paint-order: stroke;
+ font-weight: normal;
+ pointer-events: none;
+ user-select: none;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-0.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-0 rect {
+ fill: #003f5c;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-1.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-1 rect {
+ fill: #2f4b7c;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-2.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-2 rect {
+ fill: #665191;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-3.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-3 rect {
+ fill: #a05195;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-4.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-4 rect {
+ fill: #d45087;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-5.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-5 rect {
+ fill: #f95d6a;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-6.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-6 rect {
+ fill: #ff7c43;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-7.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-7 rect {
+ fill: #ffa600;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-8.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-8 rect {
+ fill: #003f5c;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-9.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-9 rect {
+ fill: #2f4b7c;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-10.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-10 rect {
+ fill: #665191;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-11.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-11 rect {
+ fill: #a05195;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-12.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-12 rect {
+ fill: #d45087;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-13.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-13 rect {
+ fill: #f95d6a;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-14.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-14 rect {
+ fill: #ff7c43;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-15.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-15 rect {
+ fill: #ffa600;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-16.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-16 rect {
+ fill: #003f5c;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-17.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-17 rect {
+ fill: #2f4b7c;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-18.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-18 rect {
+ fill: #665191;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-19.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-19 rect {
+ fill: #a05195;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-20.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-20 rect {
+ fill: #d45087;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-21.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-21 rect {
+ fill: #f95d6a;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-22.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-22 rect {
+ fill: #ff7c43;
+}
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-23.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-palette .rz-series-item-23 rect {
+ fill: #ffa600;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-0.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-0 rect {
+ fill: #004c6d;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-1.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-1 rect {
+ fill: #255e7e;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-2.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-2 rect {
+ fill: #3d708f;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-3.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-3 rect {
+ fill: #5383a1;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-4.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-4 rect {
+ fill: #6996b3;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-5.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-5 rect {
+ fill: #7faac6;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-6.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-6 rect {
+ fill: #94bed9;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-7.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-7 rect {
+ fill: #abd2ec;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-8.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-8 rect {
+ fill: #c1e7ff;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-9.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-9 rect {
+ fill: #004c6d;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-10.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-10 rect {
+ fill: #255e7e;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-11.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-11 rect {
+ fill: #3d708f;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-12.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-12 rect {
+ fill: #5383a1;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-13.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-13 rect {
+ fill: #6996b3;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-14.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-14 rect {
+ fill: #7faac6;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-15.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-15 rect {
+ fill: #94bed9;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-16.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-16 rect {
+ fill: #abd2ec;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-17.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-17 rect {
+ fill: #c1e7ff;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-18.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-18 rect {
+ fill: #004c6d;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-19.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-19 rect {
+ fill: #255e7e;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-20.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-20 rect {
+ fill: #3d708f;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-21.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-21 rect {
+ fill: #5383a1;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-22.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-22 rect {
+ fill: #6996b3;
+}
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-23.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-monochrome .rz-series-item-23 rect {
+ fill: #7faac6;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-0.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-0 rect {
+ fill: #00876c;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-1.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-1 rect {
+ fill: #469f76;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-2.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-2 rect {
+ fill: #70b77e;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-3.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-3 rect {
+ fill: #98ce86;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-4.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-4 rect {
+ fill: #c1e48e;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-5.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-5 rect {
+ fill: #eaf898;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-6.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-6 rect {
+ fill: #ffffad;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-7.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-7 rect {
+ fill: #fed693;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-8.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-8 rect {
+ fill: #fcaa78;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-9.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-9 rect {
+ fill: #f77b5f;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-10.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-10 rect {
+ fill: #ed4a46;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-11.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-11 rect {
+ fill: #d92632;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-12.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-12 rect {
+ fill: #c31e28;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-13.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-13 rect {
+ fill: #aa1620;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-14.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-14 rect {
+ fill: #8b0e1a;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-15.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-15 rect {
+ fill: #00876c;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-16.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-16 rect {
+ fill: #469f76;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-17.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-17 rect {
+ fill: #70b77e;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-18.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-18 rect {
+ fill: #98ce86;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-19.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-19 rect {
+ fill: #c1e48e;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-20.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-20 rect {
+ fill: #eaf898;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-21.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-21 rect {
+ fill: #ffffad;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-22.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-22 rect {
+ fill: #fed693;
+}
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-23.rz-sankey-link,
+.rz-sankey-diagram.rz-scheme-divergent .rz-series-item-23 rect {
+ fill: #fcaa78;
+}
+
+.rz-flow-gradient {
+ fill-opacity: 0.7;
+ pointer-events: none;
+ mix-blend-mode: screen;
+}
+
+.rz-flow-highlight {
+ fill: none;
+ pointer-events: none;
+ mix-blend-mode: overlay;
+ animation: rz-pulse-subtle 3s ease-in-out infinite;
+}
+
+.rz-link {
+ box-sizing: border-box;
+ color: var(--rz-link-color);
+ text-decoration: none;
+ cursor: pointer;
+}
+.rz-link .rz-link-disabled {
+ pointer-events: none;
+ opacity: 0.5;
+}
+.rz-link .rz-link-text {
+ text-decoration: var(--rz-link-text-decoration);
+}
+.rz-link .rzi {
+ font-size: inherit;
+ vertical-align: middle;
+}
+.rz-link:hover, .rz-link:focus {
+ color: var(--rz-link-hover-color);
+ text-decoration: none;
+}
+.rz-link:hover .rz-link-text, .rz-link:focus .rz-link-text {
+ text-decoration: var(--rz-link-hover-text-decoration);
+}
+.rz-link:focus-visible {
+ outline: var(--rz-link-focus-outline);
+}
+
+.rz-state-highlight .link {
+ color: var(--rz-text-contrast-color);
+}
+
+.rz-html-editor {
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ border-radius: var(--rz-editor-border-radius);
+ border: var(--rz-editor-border);
+ overflow: hidden;
+}
+.rz-html-editor:focus-within {
+ outline: var(--rz-editor-focus-outline);
+ outline-offset: var(--rz-editor-focus-outline-offset);
+}
+
+.rz-html-editor-content {
+ flex: 1;
+ overflow: auto;
+ padding: 0.5rem;
+ outline: none;
+ background-color: var(--rz-editor-content-background-color);
+}
+
+.rz-html-editor-source.rz-textarea {
+ --rz-input-hover-shadow: none;
+ --rz-input-border: none;
+ --rz-input-hover-border: none;
+ --rz-input-focus-shadow: none;
+ --rz-input-focus-border: none;
+ flex: 1;
+ padding: 0.5rem;
+ overflow: auto;
+ outline: none;
+ background-color: var(--rz-editor-content-background-color);
+}
+
+.rz-html-editor-toolbar {
+ border-bottom: var(--rz-editor-border);
+ display: flex;
+ line-height: 1rem;
+ flex-wrap: wrap;
+ background-color: var(--rz-editor-toolbar-background-color);
+}
+.rz-html-editor-toolbar .rzi {
+ font-size: 1rem;
+}
+.rz-html-editor-toolbar > * {
+ margin: var(--rz-editor-toolbar-item-margin);
+}
+
+.rz-html-editor-colorpicker {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ background: var(--rz-editor-button-background-color);
+ padding: var(--rz-editor-button-padding);
+}
+.rz-html-editor-colorpicker .rz-colorpicker-trigger {
+ color: inherit;
+ background-color: var(--rz-editor-button-background-color);
+}
+.rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi {
+ font-size: 1.25rem;
+ height: 1rem;
+}
+.rz-html-editor-colorpicker .rz-colorpicker-value {
+ display: none;
+}
+.rz-html-editor-colorpicker .rz-colorpicker {
+ border: none;
+ box-shadow: none;
+ padding: 0;
+ height: auto;
+ background-color: var(--rz-editor-button-background-color);
+}
+.rz-html-editor-colorpicker .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover {
+ border: none;
+ box-shadow: none;
+}
+
+.rz-html-editor-color {
+ border: none;
+ display: flex;
+ flex-direction: column;
+ background: inherit;
+ color: inherit;
+ appearance: none;
+ padding: 0;
+ position: relative;
+}
+.rz-html-editor-color:disabled {
+ color: var(--rz-input-disabled-color);
+}
+
+.rz-html-editor-color-value {
+ position: absolute;
+ bottom: -4px;
+ height: 4px;
+ width: 100%;
+}
+
+.rz-html-editor-button {
+ color: var(--rz-editor-button-color);
+ appearance: none;
+ border: none;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ background: var(--rz-editor-button-background-color);
+ padding: var(--rz-editor-button-padding);
+}
+.rz-html-editor-button.rz-selected {
+ background-color: var(--rz-editor-button-selected-background-color);
+ color: var(--rz-editor-button-selected-color);
+ border-radius: var(--rz-editor-border-radius);
+}
+.rz-html-editor-button:disabled {
+ color: var(--rz-editor-button-disabled-color);
+}
+
+.rz-html-editor-dropdown {
+ display: inline-flex;
+ padding: var(--rz-editor-button-padding);
+ align-items: center;
+ cursor: pointer;
+}
+.rz-html-editor-dropdown.rz-disabled {
+ color: var(--rz-input-disabled-color);
+ cursor: default;
+}
+
+.rz-html-editor-dropdown-item {
+ cursor: default;
+ font-size: var(--rz-dropdown-item-font-size);
+ padding: var(--rz-dropdown-item-padding);
+ white-space: nowrap;
+}
+.rz-html-editor-dropdown-item:hover {
+ background-color: var(--rz-dropdown-item-hover-background-color);
+ color: var(--rz-dropdown-item-hover-color);
+ border-radius: 0;
+}
+.rz-html-editor-dropdown-item.rz-selected {
+ background-color: var(--rz-dropdown-item-selected-background-color);
+ color: var(--rz-dropdown-item-selected-color);
+}
+
+.rz-html-editor-dropdown-trigger {
+ border: none;
+ appearance: none;
+ padding: 0;
+ display: inline-flex;
+ align-items: center;
+ color: inherit;
+ background-color: inherit;
+}
+.rz-html-editor-dropdown-trigger .rzi:before {
+ content: "arrow_drop_down";
+}
+
+.rz-html-editor-dropdown-items {
+ display: none;
+}
+
+.rz-html-editor-dialog-item {
+ margin-bottom: 1rem;
+}
+.rz-html-editor-dialog-item label:first-child {
+ display: block;
+}
+
+.rz-html-editor-dialog-buttons {
+ text-align: right;
+}
+
+.rz-html-editor-separator {
+ width: 1px;
+ background-color: var(--rz-editor-separator-background-color);
+}
+
+.rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover {
+ border: none;
+}
+.rz-html-editor-toolbar .rz-html-editor-colorpicker .rz-colorpicker-trigger .rzi {
+ font-size: 1.25rem;
+ height: 1rem;
+}
+
+.rz-colorpicker {
+ display: inline-flex;
+ align-items: center;
+ cursor: pointer;
+}
+.rz-colorpicker.rz-state-disabled {
+ cursor: default;
+}
+
+button.rz-colorpicker-trigger {
+ border: none;
+ appearance: none;
+ padding: 0;
+ display: inline-flex;
+ align-items: center;
+ color: var(--rz-text-color);
+ background-color: inherit;
+ outline: none;
+}
+button.rz-colorpicker-trigger .rzi {
+ font-size: var(--rz-icon-size);
+}
+button.rz-colorpicker-trigger .rzi:before {
+ content: "arrow_drop_down";
+}
+.rz-state-disabled button.rz-colorpicker-trigger {
+ color: var(--rz-input-disabled-color);
+}
+
+.rz-colorpicker-popup {
+ display: none;
+ position: absolute;
+ border: var(--rz-colorpicker-panel-border);
+ background-color: var(--rz-colorpicker-panel-background-color);
+ box-shadow: var(--rz-colorpicker-panel-shadow);
+ min-width: 200px;
+ max-width: var(--rz-colorpicker-panel-max-width);
+ padding: var(--rz-colorpicker-panel-padding);
+ border-radius: var(--rz-border-radius);
+}
+
+.rz-colorpicker-value {
+ flex: 1;
+ border-radius: var(--rz-colorpicker-value-border-radius);
+ border: var(--rz-colorpicker-panel-border);
+ min-width: 20px;
+ min-height: 20px;
+}
+
+.rz-saturation-picker {
+ height: var(--rz-colorpicker-saturation-height);
+ position: relative;
+ touch-action: none;
+ border-radius: var(--rz-border-radius);
+}
+.rz-saturation-picker:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-saturation-picker:focus-visible {
+ outline: var(--rz-colorpicker-focus-outline);
+ outline-offset: var(--rz-colorpicker-focus-outline-offset);
+}
+
+.rz-saturation-white {
+ background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
+}
+
+.rz-saturation-black,
+.rz-saturation-white {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: var(--rz-border-radius);
+ border-start-start-radius: calc(var(--rz-border-radius) - 1px);
+}
+
+.rz-saturation-black {
+ background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
+}
+
+.rz-saturation-handle {
+ position: absolute;
+ width: var(--rz-colorpicker-handle-size);
+ height: var(--rz-colorpicker-handle-size);
+ border: var(--rz-colorpicker-handle-border);
+ border-radius: 50%;
+ transform: translate(-50%, -50%);
+ box-shadow: var(--rz-colorpicker-handle-shadow);
+}
+
+.rz-hue-picker {
+ margin-bottom: 8px;
+ touch-action: none;
+ position: relative;
+ background-image: linear-gradient(to right, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%);
+ border-radius: var(--rz-border-radius);
+ height: var(--rz-colorpicker-handle-size);
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
+}
+.rz-hue-picker:active {
+ cursor: none;
+}
+.rz-hue-picker:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-hue-picker:focus-visible {
+ outline: var(--rz-colorpicker-focus-outline);
+ outline-offset: var(--rz-colorpicker-focus-outline-offset);
+}
+
+.rz-alpha-picker {
+ touch-action: none;
+ position: relative;
+ border-radius: var(--rz-border-radius);
+ height: var(--rz-colorpicker-handle-size);
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
+}
+.rz-alpha-picker:active {
+ cursor: none;
+}
+.rz-alpha-picker:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-alpha-picker:focus-visible {
+ outline: var(--rz-colorpicker-focus-outline);
+ outline-offset: var(--rz-colorpicker-focus-outline-offset);
+}
+
+.rz-hue-handle,
+.rz-alpha-handle {
+ position: absolute;
+ height: 100%;
+ width: 8px;
+ border: var(--rz-colorpicker-handle-border);
+ border-radius: calc(var(--rz-border-radius) / 2);
+ transform: translateX(-50%);
+ box-shadow: var(--rz-colorpicker-handle-shadow);
+}
+
+.rz-colorpicker-preview-area {
+ display: flex;
+}
+
+.rz-hue-and-alpha {
+ flex: 1;
+ padding-inline-end: 8px;
+}
+
+.rz-alpha-picker:before,
+.rz-colorpicker-preview:before {
+ position: absolute;
+ z-index: -1;
+ content: "";
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ border-radius: var(--rz-border-radius);
+ background-image: linear-gradient(45deg, var(--rz-text-disabled-color) 25%, transparent 25%), linear-gradient(-45deg, var(--rz-text-disabled-color) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--rz-text-disabled-color) 75%), linear-gradient(-45deg, transparent 75%, var(--rz-text-disabled-color) 75%);
+ background-size: 8px 8px;
+ background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
+}
+
+.rz-colorpicker-preview {
+ position: relative;
+ width: 32px;
+ height: 32px;
+ box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 0px 4px inset;
+ border-radius: var(--rz-border-radius);
+}
+
+.rz-colorpicker-rgba {
+ display: flex;
+ gap: 4px;
+}
+
+.rz-color-box {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ flex: 1;
+ color: var(--rz-colorpicker-input-labels-color);
+ font-size: 0.75rem;
+ text-transform: uppercase;
+}
+.rz-color-box .rz-textbox {
+ width: 80px;
+ margin-inline-end: 4px;
+ padding: var(--rz-colorpicker-hex-input-padding);
+ height: var(--rz-colorpicker-hex-input-height);
+}
+.rz-color-box .rz-numeric {
+ padding: var(--rz-colorpicker-rgba-input-padding);
+ height: var(--rz-colorpicker-rgba-input-height);
+}
+.rz-color-box .rz-numeric .rz-numeric-input {
+ padding: 0;
+ outline: none;
+}
+.rz-color-box .rz-numeric button {
+ display: none;
+}
+.rz-color-box .rz-numeric button:hover {
+ display: initial;
+}
+
+.rz-colorpicker-button {
+ justify-content: flex-end;
+ display: flex;
+}
+
+.rz-colorpicker-section:not(:last-child) {
+ margin-bottom: 8px;
+}
+
+.rz-colorpicker-colors {
+ display: flex;
+ flex-wrap: wrap;
+ gap: var(--rz-colorpicker-items-gap);
+}
+
+.rz-colorpicker-item {
+ width: var(--rz-colorpicker-item-size);
+ height: var(--rz-colorpicker-item-size);
+ border-radius: var(--rz-colorpicker-item-border-radius);
+ box-shadow: var(--rz-colorpicker-item-shadow);
+ cursor: pointer;
+ transition: transform var(--rz-transition);
+}
+.rz-colorpicker-item:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-colorpicker-item:focus-visible {
+ outline: var(--rz-colorpicker-focus-outline);
+ outline-offset: var(--rz-colorpicker-focus-outline-offset);
+}
+.rz-colorpicker-item.selected {
+ transform: var(--rz-colorpicker-item-selected-transform);
+}
+
+.rz-splitter {
+ box-sizing: border-box;
+ display: flex;
+ flex-wrap: nowrap;
+ width: 100%;
+ height: 100%;
+}
+.rz-splitter > .rz-splitter-bar {
+ flex: 0 0 auto;
+ position: relative;
+ text-align: center;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ color: var(--rz-splitter-bar-color);
+ background-color: var(--rz-splitter-bar-background-color);
+ opacity: 0.4;
+ user-select: none;
+}
+.rz-splitter > .rz-splitter-bar > .rz-collapse {
+ display: table;
+}
+.rz-splitter > .rz-splitter-bar > .rz-collapse:before {
+ font-family: var(--rz-icon-font-family);
+ line-height: normal;
+ display: table-cell;
+}
+.rz-splitter > .rz-splitter-bar > .rz-collapse:hover {
+ cursor: pointer;
+}
+.rz-splitter > .rz-splitter-bar > .rz-resize {
+ border: 1px solid var(--rz-splitter-bar-color);
+ border-radius: 1px;
+}
+.rz-splitter > .rz-splitter-bar > .rz-expand {
+ display: table;
+}
+.rz-splitter > .rz-splitter-bar > .rz-expand:before {
+ font-family: var(--rz-icon-font-family);
+ line-height: normal;
+ display: table-cell;
+}
+.rz-splitter > .rz-splitter-bar > .rz-expand:hover {
+ cursor: pointer;
+}
+.rz-splitter > .rz-splitter-bar-resizable:hover {
+ background-color: var(--rz-splitter-bar-background-color);
+ opacity: var(--rz-splitter-bar-hover-opacity);
+}
+.rz-splitter > .rz-splitter-bar-resizable:active {
+ background-color: var(--rz-splitter-bar-background-color-active);
+ opacity: var(--rz-splitter-bar-hover-opacity);
+}
+.rz-splitter > .rz-splitter-bar-resizable:active > .rz-expand, .rz-splitter > .rz-splitter-bar-resizable:active > .rz-resize, .rz-splitter > .rz-splitter-bar-resizable:active > .rz-collapse {
+ color: var(--rz-splitter-bar-color-active);
+}
+.rz-splitter > .rz-splitter-bar-resizable:active > .rz-resize {
+ border: 1px solid var(--rz-splitter-bar-color-active);
+}
+.rz-splitter > .rz-splitter-bar-resizable:disabled {
+ opacity: 0.2;
+}
+.rz-splitter-horizontal {
+ flex-direction: row;
+}
+.rz-splitter-horizontal > .rz-splitter-bar {
+ flex-direction: column;
+ width: 8px;
+}
+.rz-splitter-horizontal > .rz-splitter-bar > .rz-collapse:before {
+ content: "arrow_left";
+}
+.rz-splitter-horizontal > .rz-splitter-bar > .rz-resize {
+ height: 16px;
+ margin: 2px 0;
+}
+.rz-splitter-horizontal > .rz-splitter-bar > .rz-expand:before {
+ content: "arrow_right";
+}
+.rz-splitter-horizontal > .rz-splitter-bar-resizable:hover {
+ cursor: col-resize;
+}
+.rz-splitter-vertical {
+ flex-direction: column;
+}
+.rz-splitter-vertical > .rz-splitter-bar {
+ flex-direction: row;
+ height: 8px;
+}
+.rz-splitter-vertical > .rz-splitter-bar > .rz-collapse:before {
+ content: "arrow_drop_up";
+}
+.rz-splitter-vertical > .rz-splitter-bar > .rz-resize {
+ width: 16px;
+ margin: 0 2px;
+}
+.rz-splitter-vertical > .rz-splitter-bar > .rz-expand:before {
+ content: "arrow_drop_down";
+}
+.rz-splitter-vertical > .rz-splitter-bar-resizable:hover {
+ cursor: row-resize;
+}
+.rz-splitter-pane {
+ overflow: hidden;
+ position: relative;
+ flex: 0 0 auto;
+}
+.rz-splitter-pane-collapsed {
+ flex: 0 1 0% !important;
+ overflow: hidden !important;
+ display: block !important;
+}
+.rz-splitter-pane-lastresizable {
+ flex: 1 1 auto;
+}
+
+.rz-splitter-mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 1;
+}
+
+/* Radzen Blazor Layout reset styles */
+:root:has(.rz-layout) {
+ box-sizing: border-box;
+ scroll-behavior: smooth;
+ font-size: var(--rz-root-font-size);
+}
+:root:has(.rz-layout) body {
+ margin: 0;
+ color: var(--rz-text-color);
+ background-color: var(--rz-body-background-color);
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-body-font-size);
+ line-height: var(--rz-body-line-height);
+ -webkit-text-size-adjust: 100%;
+ -webkit-tap-highlight-color: transparent;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+/* RadzenLayout styles */
+.rz-layout {
+ box-sizing: border-box;
+ height: 100vh;
+ overflow: hidden;
+ display: grid;
+ grid-template-columns: auto 1fr;
+ grid-template-rows: auto 1fr auto;
+ grid-template-areas: "rz-header rz-header" "rz-sidebar rz-body" "rz-footer rz-footer";
+ background-color: var(--rz-layout-background-color);
+}
+.rz-layout .rz-body {
+ grid-area: rz-body;
+ overflow: auto;
+}
+.rz-layout .rz-sidebar {
+ grid-area: rz-sidebar;
+ position: static;
+}
+.rz-layout .rz-header {
+ grid-area: rz-header;
+ z-index: 2;
+}
+.rz-layout .rz-footer {
+ grid-area: rz-footer;
+}
+
+@media (max-width: 768px) {
+ body:has(> .rz-layout) {
+ overflow-x: hidden;
+ }
+ .rz-layout {
+ height: 100dvh;
+ }
+ .rz-layout:has(> .rz-sidebar-collapsed + .rz-sidebar-expanded) {
+ justify-content: end;
+ }
+ .rz-layout:has(> .rz-sidebar-collapsed + .rz-sidebar-expanded) .rz-header, .rz-layout:has(> .rz-sidebar-collapsed + .rz-sidebar-expanded) .rz-footer {
+ margin-inline-start: auto;
+ }
+ .rz-layout:has(> .rz-sidebar-expanded + .rz-sidebar-expanded) .rz-body {
+ width: auto;
+ }
+}
+.rz-breadcrumb {
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+}
+
+.rz-breadcrumb-item + .rz-breadcrumb-item::before {
+ content: "»";
+ display: inline-block;
+ padding-inline-start: 0.5rem;
+ padding-inline-end: 0.5rem;
+ font-size: 1rem;
+ line-height: 1.25rem;
+}
+
+.rz-breadcrumb-item {
+ display: inline-flex;
+ align-items: center;
+}
+.rz-breadcrumb-item .rz-link {
+ display: inline-flex;
+ align-items: center;
+}
+.rz-breadcrumb-item .rz-link-disabled {
+ pointer-events: none;
+ opacity: 0.5;
+}
+
+.rz-alert {
+ box-sizing: border-box;
+ display: flex;
+ align-items: flex-start;
+ gap: var(--rz-alert-gap);
+ margin: var(--rz-alert-margin);
+ padding: var(--rz-alert-padding);
+ width: 100%;
+ border-radius: var(--rz-alert-border-radius);
+ background-color: var(--rz-alert-background-color);
+ color: var(--rz-alert-color);
+}
+.rz-alert-lg {
+ --rz-alert-gap: 1.5rem;
+ --rz-alert-margin: 1.5rem 0;
+ --rz-alert-padding: 1.5rem;
+ --rz-alert-message-margin: 0.25rem 0;
+ --rz-alert-icon-margin: 0.25rem 0;
+}
+.rz-alert-md {
+ --rz-alert-gap: 1rem;
+ --rz-alert-margin: 1rem 0;
+ --rz-alert-padding: 1rem;
+ --rz-alert-message-margin: 0.25rem 0;
+ --rz-alert-icon-margin: 0.25rem 0;
+}
+.rz-alert-sm {
+ --rz-alert-gap: 0.5rem;
+ --rz-alert-margin: 0.5rem 0;
+ --rz-alert-padding: 0.5rem;
+ --rz-alert-message-margin: 0.25rem 0;
+ --rz-alert-icon-margin: 0.25rem 0;
+}
+.rz-alert-xs {
+ --rz-alert-gap: 0.25rem;
+ --rz-alert-margin: 0.25rem 0;
+ --rz-alert-padding: 0.25rem;
+ --rz-alert-message-margin: 0;
+ --rz-alert-icon-margin: 0;
+}
+.rz-alert .rz-alert-item {
+ flex: auto;
+ display: flex;
+ align-items: flex-start;
+ justify-content: flex-start;
+ gap: var(--rz-alert-gap);
+}
+.rz-alert .rz-alert-icon {
+ color: var(--rz-alert-icon-color);
+ margin: var(--rz-alert-icon-margin);
+ font-size: var(--rz-alert-icon-size);
+}
+.rz-alert .rz-alert-message {
+ flex: auto;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ margin: var(--rz-alert-message-margin);
+}
+.rz-alert .rz-alert-title {
+ font-family: var(--rz-text-font-family);
+ font-size: var(--rz-text-h6-font-size);
+ line-height: var(--rz-text-h6-line-height);
+ font-weight: var(--rz-text-h6-font-weight);
+ letter-spacing: var(--rz-text-h6-letter-spacing);
+ color: var(--rz-alert-title-color);
+ margin-bottom: var(--rz-text-h6-margin-bottom);
+}
+.rz-alert.rz-variant-filled {
+ box-shadow: var(--rz-alert-box-shadow);
+}
+.rz-alert.rz-variant-text {
+ --rz-alert-padding: 0;
+ --rz-alert-background-color: transparent;
+ --rz-alert-gap: 0.5rem;
+ --rz-alert-margin: 0;
+}
+.rz-alert.rz-variant-text .rz-alert-item {
+ flex: unset;
+}
+.rz-alert.rz-variant-text .rz-alert-message {
+ flex-direction: row;
+}
+.rz-alert.rz-variant-text .rz-alert-title {
+ font-size: inherit;
+ line-height: inherit;
+ letter-spacing: inherit;
+ margin-bottom: 0;
+ margin-right: 0.5rem;
+}
+.rz-alert.rz-primary {
+ --rz-alert-background-color: var(--rz-primary);
+ --rz-alert-color: var(--rz-on-primary);
+ --rz-alert-title-color: var(--rz-on-primary);
+ --rz-alert-icon-color: var(--rz-on-primary);
+}
+.rz-alert.rz-primary.rz-shade-lighter {
+ --rz-alert-background-color: var(--rz-primary-lighter);
+ --rz-alert-color: var(--rz-on-primary-lighter);
+ --rz-alert-title-color: var(--rz-on-primary-lighter);
+ --rz-alert-icon-color: var(--rz-on-primary-lighter);
+}
+.rz-alert.rz-primary.rz-shade-light {
+ --rz-alert-background-color: var(--rz-primary-light);
+ --rz-alert-color: var(--rz-on-primary-light);
+ --rz-alert-title-color: var(--rz-on-primary-light);
+ --rz-alert-icon-color: var(--rz-on-primary-light);
+}
+.rz-alert.rz-primary.rz-shade-default {
+ --rz-alert-background-color: var(--rz-primary);
+ --rz-alert-color: var(--rz-on-primary);
+ --rz-alert-title-color: var(--rz-on-primary);
+ --rz-alert-icon-color: var(--rz-on-primary);
+}
+.rz-alert.rz-primary.rz-shade-dark {
+ --rz-alert-background-color: var(--rz-primary-dark);
+ --rz-alert-color: var(--rz-on-primary-dark);
+ --rz-alert-title-color: var(--rz-on-primary-dark);
+ --rz-alert-icon-color: var(--rz-on-primary-dark);
+}
+.rz-alert.rz-primary.rz-shade-darker {
+ --rz-alert-background-color: var(--rz-primary-darker);
+ --rz-alert-color: var(--rz-on-primary-darker);
+ --rz-alert-title-color: var(--rz-on-primary-darker);
+ --rz-alert-icon-color: var(--rz-on-primary-darker);
+}
+.rz-alert.rz-variant-outlined.rz-primary {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-outlined.rz-primary.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary);
+ --rz-alert-color: var(--rz-primary);
+ --rz-alert-title-color: var(--rz-primary);
+ --rz-alert-icon-color: var(--rz-primary);
+}
+.rz-alert.rz-variant-outlined.rz-primary.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-lighter);
+ --rz-alert-color: var(--rz-primary-lighter);
+ --rz-alert-title-color: var(--rz-primary-lighter);
+ --rz-alert-icon-color: var(--rz-primary-lighter);
+}
+.rz-alert.rz-variant-outlined.rz-primary.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-light);
+ --rz-alert-color: var(--rz-primary-light);
+ --rz-alert-title-color: var(--rz-primary-light);
+ --rz-alert-icon-color: var(--rz-primary-light);
+}
+.rz-alert.rz-variant-outlined.rz-primary.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-dark);
+ --rz-alert-color: var(--rz-primary-dark);
+ --rz-alert-title-color: var(--rz-primary-dark);
+ --rz-alert-icon-color: var(--rz-primary-dark);
+}
+.rz-alert.rz-variant-outlined.rz-primary.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-primary-darker);
+ --rz-alert-color: var(--rz-primary-darker);
+ --rz-alert-title-color: var(--rz-primary-darker);
+ --rz-alert-icon-color: var(--rz-primary-darker);
+}
+.rz-alert.rz-variant-text.rz-primary {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-primary.rz-shade-default {
+ --rz-alert-color: var(--rz-primary);
+ --rz-alert-icon-color: var(--rz-primary);
+ --rz-alert-title-color: var(--rz-primary);
+}
+.rz-alert.rz-variant-text.rz-primary.rz-shade-lighter {
+ --rz-alert-color: var(--rz-primary-lighter);
+ --rz-alert-title-color: var(--rz-primary-lighter);
+ --rz-alert-icon-color: var(--rz-primary-lighter);
+}
+.rz-alert.rz-variant-text.rz-primary.rz-shade-light {
+ --rz-alert-color: var(--rz-primary-light);
+ --rz-alert-title-color: var(--rz-primary-light);
+ --rz-alert-icon-color: var(--rz-primary-light);
+}
+.rz-alert.rz-variant-text.rz-primary.rz-shade-dark {
+ --rz-alert-color: var(--rz-primary-dark);
+ --rz-alert-title-color: var(--rz-primary-dark);
+ --rz-alert-icon-color: var(--rz-primary-dark);
+}
+.rz-alert.rz-variant-text.rz-primary.rz-shade-darker {
+ --rz-alert-color: var(--rz-primary-darker);
+ --rz-alert-title-color: var(--rz-primary-darker);
+ --rz-alert-icon-color: var(--rz-primary-darker);
+}
+.rz-alert.rz-secondary {
+ --rz-alert-background-color: var(--rz-secondary);
+ --rz-alert-color: var(--rz-on-secondary);
+ --rz-alert-title-color: var(--rz-on-secondary);
+ --rz-alert-icon-color: var(--rz-on-secondary);
+}
+.rz-alert.rz-secondary.rz-shade-lighter {
+ --rz-alert-background-color: var(--rz-secondary-lighter);
+ --rz-alert-color: var(--rz-on-secondary-lighter);
+ --rz-alert-title-color: var(--rz-on-secondary-lighter);
+ --rz-alert-icon-color: var(--rz-on-secondary-lighter);
+}
+.rz-alert.rz-secondary.rz-shade-light {
+ --rz-alert-background-color: var(--rz-secondary-light);
+ --rz-alert-color: var(--rz-on-secondary-light);
+ --rz-alert-title-color: var(--rz-on-secondary-light);
+ --rz-alert-icon-color: var(--rz-on-secondary-light);
+}
+.rz-alert.rz-secondary.rz-shade-default {
+ --rz-alert-background-color: var(--rz-secondary);
+ --rz-alert-color: var(--rz-on-secondary);
+ --rz-alert-title-color: var(--rz-on-secondary);
+ --rz-alert-icon-color: var(--rz-on-secondary);
+}
+.rz-alert.rz-secondary.rz-shade-dark {
+ --rz-alert-background-color: var(--rz-secondary-dark);
+ --rz-alert-color: var(--rz-on-secondary-dark);
+ --rz-alert-title-color: var(--rz-on-secondary-dark);
+ --rz-alert-icon-color: var(--rz-on-secondary-dark);
+}
+.rz-alert.rz-secondary.rz-shade-darker {
+ --rz-alert-background-color: var(--rz-secondary-darker);
+ --rz-alert-color: var(--rz-on-secondary-darker);
+ --rz-alert-title-color: var(--rz-on-secondary-darker);
+ --rz-alert-icon-color: var(--rz-on-secondary-darker);
+}
+.rz-alert.rz-variant-outlined.rz-secondary {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary);
+ --rz-alert-color: var(--rz-secondary);
+ --rz-alert-title-color: var(--rz-secondary);
+ --rz-alert-icon-color: var(--rz-secondary);
+}
+.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-lighter);
+ --rz-alert-color: var(--rz-secondary-lighter);
+ --rz-alert-title-color: var(--rz-secondary-lighter);
+ --rz-alert-icon-color: var(--rz-secondary-lighter);
+}
+.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-light);
+ --rz-alert-color: var(--rz-secondary-light);
+ --rz-alert-title-color: var(--rz-secondary-light);
+ --rz-alert-icon-color: var(--rz-secondary-light);
+}
+.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-dark);
+ --rz-alert-color: var(--rz-secondary-dark);
+ --rz-alert-title-color: var(--rz-secondary-dark);
+ --rz-alert-icon-color: var(--rz-secondary-dark);
+}
+.rz-alert.rz-variant-outlined.rz-secondary.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-secondary-darker);
+ --rz-alert-color: var(--rz-secondary-darker);
+ --rz-alert-title-color: var(--rz-secondary-darker);
+ --rz-alert-icon-color: var(--rz-secondary-darker);
+}
+.rz-alert.rz-variant-text.rz-secondary {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-secondary.rz-shade-default {
+ --rz-alert-color: var(--rz-secondary);
+ --rz-alert-icon-color: var(--rz-secondary);
+ --rz-alert-title-color: var(--rz-secondary);
+}
+.rz-alert.rz-variant-text.rz-secondary.rz-shade-lighter {
+ --rz-alert-color: var(--rz-secondary-lighter);
+ --rz-alert-title-color: var(--rz-secondary-lighter);
+ --rz-alert-icon-color: var(--rz-secondary-lighter);
+}
+.rz-alert.rz-variant-text.rz-secondary.rz-shade-light {
+ --rz-alert-color: var(--rz-secondary-light);
+ --rz-alert-title-color: var(--rz-secondary-light);
+ --rz-alert-icon-color: var(--rz-secondary-light);
+}
+.rz-alert.rz-variant-text.rz-secondary.rz-shade-dark {
+ --rz-alert-color: var(--rz-secondary-dark);
+ --rz-alert-title-color: var(--rz-secondary-dark);
+ --rz-alert-icon-color: var(--rz-secondary-dark);
+}
+.rz-alert.rz-variant-text.rz-secondary.rz-shade-darker {
+ --rz-alert-color: var(--rz-secondary-darker);
+ --rz-alert-title-color: var(--rz-secondary-darker);
+ --rz-alert-icon-color: var(--rz-secondary-darker);
+}
+.rz-alert.rz-info {
+ --rz-alert-background-color: var(--rz-info);
+ --rz-alert-color: var(--rz-on-info);
+ --rz-alert-title-color: var(--rz-on-info);
+ --rz-alert-icon-color: var(--rz-on-info);
+}
+.rz-alert.rz-info.rz-shade-lighter {
+ --rz-alert-background-color: var(--rz-info-lighter);
+ --rz-alert-color: var(--rz-on-info-lighter);
+ --rz-alert-title-color: var(--rz-on-info-lighter);
+ --rz-alert-icon-color: var(--rz-on-info-lighter);
+}
+.rz-alert.rz-info.rz-shade-light {
+ --rz-alert-background-color: var(--rz-info-light);
+ --rz-alert-color: var(--rz-on-info-light);
+ --rz-alert-title-color: var(--rz-on-info-light);
+ --rz-alert-icon-color: var(--rz-on-info-light);
+}
+.rz-alert.rz-info.rz-shade-default {
+ --rz-alert-background-color: var(--rz-info);
+ --rz-alert-color: var(--rz-on-info);
+ --rz-alert-title-color: var(--rz-on-info);
+ --rz-alert-icon-color: var(--rz-on-info);
+}
+.rz-alert.rz-info.rz-shade-dark {
+ --rz-alert-background-color: var(--rz-info-dark);
+ --rz-alert-color: var(--rz-on-info-dark);
+ --rz-alert-title-color: var(--rz-on-info-dark);
+ --rz-alert-icon-color: var(--rz-on-info-dark);
+}
+.rz-alert.rz-info.rz-shade-darker {
+ --rz-alert-background-color: var(--rz-info-darker);
+ --rz-alert-color: var(--rz-on-info-darker);
+ --rz-alert-title-color: var(--rz-on-info-darker);
+ --rz-alert-icon-color: var(--rz-on-info-darker);
+}
+.rz-alert.rz-variant-outlined.rz-info {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-outlined.rz-info.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info);
+ --rz-alert-color: var(--rz-info);
+ --rz-alert-title-color: var(--rz-info);
+ --rz-alert-icon-color: var(--rz-info);
+}
+.rz-alert.rz-variant-outlined.rz-info.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-lighter);
+ --rz-alert-color: var(--rz-info-lighter);
+ --rz-alert-title-color: var(--rz-info-lighter);
+ --rz-alert-icon-color: var(--rz-info-lighter);
+}
+.rz-alert.rz-variant-outlined.rz-info.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-light);
+ --rz-alert-color: var(--rz-info-light);
+ --rz-alert-title-color: var(--rz-info-light);
+ --rz-alert-icon-color: var(--rz-info-light);
+}
+.rz-alert.rz-variant-outlined.rz-info.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-dark);
+ --rz-alert-color: var(--rz-info-dark);
+ --rz-alert-title-color: var(--rz-info-dark);
+ --rz-alert-icon-color: var(--rz-info-dark);
+}
+.rz-alert.rz-variant-outlined.rz-info.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-info-darker);
+ --rz-alert-color: var(--rz-info-darker);
+ --rz-alert-title-color: var(--rz-info-darker);
+ --rz-alert-icon-color: var(--rz-info-darker);
+}
+.rz-alert.rz-variant-text.rz-info {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-info.rz-shade-default {
+ --rz-alert-color: var(--rz-info);
+ --rz-alert-icon-color: var(--rz-info);
+ --rz-alert-title-color: var(--rz-info);
+}
+.rz-alert.rz-variant-text.rz-info.rz-shade-lighter {
+ --rz-alert-color: var(--rz-info-lighter);
+ --rz-alert-title-color: var(--rz-info-lighter);
+ --rz-alert-icon-color: var(--rz-info-lighter);
+}
+.rz-alert.rz-variant-text.rz-info.rz-shade-light {
+ --rz-alert-color: var(--rz-info-light);
+ --rz-alert-title-color: var(--rz-info-light);
+ --rz-alert-icon-color: var(--rz-info-light);
+}
+.rz-alert.rz-variant-text.rz-info.rz-shade-dark {
+ --rz-alert-color: var(--rz-info-dark);
+ --rz-alert-title-color: var(--rz-info-dark);
+ --rz-alert-icon-color: var(--rz-info-dark);
+}
+.rz-alert.rz-variant-text.rz-info.rz-shade-darker {
+ --rz-alert-color: var(--rz-info-darker);
+ --rz-alert-title-color: var(--rz-info-darker);
+ --rz-alert-icon-color: var(--rz-info-darker);
+}
+.rz-alert.rz-warning {
+ --rz-alert-background-color: var(--rz-warning);
+ --rz-alert-color: var(--rz-on-warning);
+ --rz-alert-title-color: var(--rz-on-warning);
+ --rz-alert-icon-color: var(--rz-on-warning);
+}
+.rz-alert.rz-warning.rz-shade-lighter {
+ --rz-alert-background-color: var(--rz-warning-lighter);
+ --rz-alert-color: var(--rz-on-warning-lighter);
+ --rz-alert-title-color: var(--rz-on-warning-lighter);
+ --rz-alert-icon-color: var(--rz-on-warning-lighter);
+}
+.rz-alert.rz-warning.rz-shade-light {
+ --rz-alert-background-color: var(--rz-warning-light);
+ --rz-alert-color: var(--rz-on-warning-light);
+ --rz-alert-title-color: var(--rz-on-warning-light);
+ --rz-alert-icon-color: var(--rz-on-warning-light);
+}
+.rz-alert.rz-warning.rz-shade-default {
+ --rz-alert-background-color: var(--rz-warning);
+ --rz-alert-color: var(--rz-on-warning);
+ --rz-alert-title-color: var(--rz-on-warning);
+ --rz-alert-icon-color: var(--rz-on-warning);
+}
+.rz-alert.rz-warning.rz-shade-dark {
+ --rz-alert-background-color: var(--rz-warning-dark);
+ --rz-alert-color: var(--rz-on-warning-dark);
+ --rz-alert-title-color: var(--rz-on-warning-dark);
+ --rz-alert-icon-color: var(--rz-on-warning-dark);
+}
+.rz-alert.rz-warning.rz-shade-darker {
+ --rz-alert-background-color: var(--rz-warning-darker);
+ --rz-alert-color: var(--rz-on-warning-darker);
+ --rz-alert-title-color: var(--rz-on-warning-darker);
+ --rz-alert-icon-color: var(--rz-on-warning-darker);
+}
+.rz-alert.rz-variant-outlined.rz-warning {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-outlined.rz-warning.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning);
+ --rz-alert-color: var(--rz-warning);
+ --rz-alert-title-color: var(--rz-warning);
+ --rz-alert-icon-color: var(--rz-warning);
+}
+.rz-alert.rz-variant-outlined.rz-warning.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-lighter);
+ --rz-alert-color: var(--rz-warning-lighter);
+ --rz-alert-title-color: var(--rz-warning-lighter);
+ --rz-alert-icon-color: var(--rz-warning-lighter);
+}
+.rz-alert.rz-variant-outlined.rz-warning.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-light);
+ --rz-alert-color: var(--rz-warning-light);
+ --rz-alert-title-color: var(--rz-warning-light);
+ --rz-alert-icon-color: var(--rz-warning-light);
+}
+.rz-alert.rz-variant-outlined.rz-warning.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-dark);
+ --rz-alert-color: var(--rz-warning-dark);
+ --rz-alert-title-color: var(--rz-warning-dark);
+ --rz-alert-icon-color: var(--rz-warning-dark);
+}
+.rz-alert.rz-variant-outlined.rz-warning.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-warning-darker);
+ --rz-alert-color: var(--rz-warning-darker);
+ --rz-alert-title-color: var(--rz-warning-darker);
+ --rz-alert-icon-color: var(--rz-warning-darker);
+}
+.rz-alert.rz-variant-text.rz-warning {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-warning.rz-shade-default {
+ --rz-alert-color: var(--rz-warning);
+ --rz-alert-icon-color: var(--rz-warning);
+ --rz-alert-title-color: var(--rz-warning);
+}
+.rz-alert.rz-variant-text.rz-warning.rz-shade-lighter {
+ --rz-alert-color: var(--rz-warning-lighter);
+ --rz-alert-title-color: var(--rz-warning-lighter);
+ --rz-alert-icon-color: var(--rz-warning-lighter);
+}
+.rz-alert.rz-variant-text.rz-warning.rz-shade-light {
+ --rz-alert-color: var(--rz-warning-light);
+ --rz-alert-title-color: var(--rz-warning-light);
+ --rz-alert-icon-color: var(--rz-warning-light);
+}
+.rz-alert.rz-variant-text.rz-warning.rz-shade-dark {
+ --rz-alert-color: var(--rz-warning-dark);
+ --rz-alert-title-color: var(--rz-warning-dark);
+ --rz-alert-icon-color: var(--rz-warning-dark);
+}
+.rz-alert.rz-variant-text.rz-warning.rz-shade-darker {
+ --rz-alert-color: var(--rz-warning-darker);
+ --rz-alert-title-color: var(--rz-warning-darker);
+ --rz-alert-icon-color: var(--rz-warning-darker);
+}
+.rz-alert.rz-error {
+ --rz-alert-background-color: var(--rz-danger);
+ --rz-alert-color: var(--rz-on-danger);
+ --rz-alert-title-color: var(--rz-on-danger);
+ --rz-alert-icon-color: var(--rz-on-danger);
+}
+.rz-alert.rz-error.rz-shade-lighter {
+ --rz-alert-background-color: var(--rz-error-lighter);
+ --rz-alert-color: var(--rz-on-error-lighter);
+ --rz-alert-title-color: var(--rz-on-error-lighter);
+ --rz-alert-icon-color: var(--rz-on-error-lighter);
+}
+.rz-alert.rz-error.rz-shade-light {
+ --rz-alert-background-color: var(--rz-error-light);
+ --rz-alert-color: var(--rz-on-error-light);
+ --rz-alert-title-color: var(--rz-on-error-light);
+ --rz-alert-icon-color: var(--rz-on-error-light);
+}
+.rz-alert.rz-error.rz-shade-default {
+ --rz-alert-background-color: var(--rz-error);
+ --rz-alert-color: var(--rz-on-error);
+ --rz-alert-title-color: var(--rz-on-error);
+ --rz-alert-icon-color: var(--rz-on-error);
+}
+.rz-alert.rz-error.rz-shade-dark {
+ --rz-alert-background-color: var(--rz-error-dark);
+ --rz-alert-color: var(--rz-on-error-dark);
+ --rz-alert-title-color: var(--rz-on-error-dark);
+ --rz-alert-icon-color: var(--rz-on-error-dark);
+}
+.rz-alert.rz-error.rz-shade-darker {
+ --rz-alert-background-color: var(--rz-error-darker);
+ --rz-alert-color: var(--rz-on-error-darker);
+ --rz-alert-title-color: var(--rz-on-error-darker);
+ --rz-alert-icon-color: var(--rz-on-error-darker);
+}
+.rz-alert.rz-variant-outlined.rz-error {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-outlined.rz-error.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger);
+ --rz-alert-color: var(--rz-danger);
+ --rz-alert-title-color: var(--rz-danger);
+ --rz-alert-icon-color: var(--rz-danger);
+}
+.rz-alert.rz-variant-outlined.rz-error.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-lighter);
+ --rz-alert-color: var(--rz-error-lighter);
+ --rz-alert-title-color: var(--rz-error-lighter);
+ --rz-alert-icon-color: var(--rz-error-lighter);
+}
+.rz-alert.rz-variant-outlined.rz-error.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-light);
+ --rz-alert-color: var(--rz-error-light);
+ --rz-alert-title-color: var(--rz-error-light);
+ --rz-alert-icon-color: var(--rz-error-light);
+}
+.rz-alert.rz-variant-outlined.rz-error.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-dark);
+ --rz-alert-color: var(--rz-error-dark);
+ --rz-alert-title-color: var(--rz-error-dark);
+ --rz-alert-icon-color: var(--rz-error-dark);
+}
+.rz-alert.rz-variant-outlined.rz-error.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-error-darker);
+ --rz-alert-color: var(--rz-error-darker);
+ --rz-alert-title-color: var(--rz-error-darker);
+ --rz-alert-icon-color: var(--rz-error-darker);
+}
+.rz-alert.rz-variant-text.rz-error {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-error.rz-shade-default {
+ --rz-alert-color: var(--rz-danger);
+ --rz-alert-icon-color: var(--rz-danger);
+ --rz-alert-title-color: var(--rz-danger);
+}
+.rz-alert.rz-variant-text.rz-error.rz-shade-lighter {
+ --rz-alert-color: var(--rz-error-lighter);
+ --rz-alert-title-color: var(--rz-error-lighter);
+ --rz-alert-icon-color: var(--rz-error-lighter);
+}
+.rz-alert.rz-variant-text.rz-error.rz-shade-light {
+ --rz-alert-color: var(--rz-error-light);
+ --rz-alert-title-color: var(--rz-error-light);
+ --rz-alert-icon-color: var(--rz-error-light);
+}
+.rz-alert.rz-variant-text.rz-error.rz-shade-dark {
+ --rz-alert-color: var(--rz-error-dark);
+ --rz-alert-title-color: var(--rz-error-dark);
+ --rz-alert-icon-color: var(--rz-error-dark);
+}
+.rz-alert.rz-variant-text.rz-error.rz-shade-darker {
+ --rz-alert-color: var(--rz-error-darker);
+ --rz-alert-title-color: var(--rz-error-darker);
+ --rz-alert-icon-color: var(--rz-error-darker);
+}
+.rz-alert.rz-danger {
+ --rz-alert-background-color: var(--rz-danger);
+ --rz-alert-color: var(--rz-on-danger);
+ --rz-alert-title-color: var(--rz-on-danger);
+ --rz-alert-icon-color: var(--rz-on-danger);
+}
+.rz-alert.rz-danger.rz-shade-lighter {
+ --rz-alert-background-color: var(--rz-danger-lighter);
+ --rz-alert-color: var(--rz-on-danger-lighter);
+ --rz-alert-title-color: var(--rz-on-danger-lighter);
+ --rz-alert-icon-color: var(--rz-on-danger-lighter);
+}
+.rz-alert.rz-danger.rz-shade-light {
+ --rz-alert-background-color: var(--rz-danger-light);
+ --rz-alert-color: var(--rz-on-danger-light);
+ --rz-alert-title-color: var(--rz-on-danger-light);
+ --rz-alert-icon-color: var(--rz-on-danger-light);
+}
+.rz-alert.rz-danger.rz-shade-default {
+ --rz-alert-background-color: var(--rz-danger);
+ --rz-alert-color: var(--rz-on-danger);
+ --rz-alert-title-color: var(--rz-on-danger);
+ --rz-alert-icon-color: var(--rz-on-danger);
+}
+.rz-alert.rz-danger.rz-shade-dark {
+ --rz-alert-background-color: var(--rz-danger-dark);
+ --rz-alert-color: var(--rz-on-danger-dark);
+ --rz-alert-title-color: var(--rz-on-danger-dark);
+ --rz-alert-icon-color: var(--rz-on-danger-dark);
+}
+.rz-alert.rz-danger.rz-shade-darker {
+ --rz-alert-background-color: var(--rz-danger-darker);
+ --rz-alert-color: var(--rz-on-danger-darker);
+ --rz-alert-title-color: var(--rz-on-danger-darker);
+ --rz-alert-icon-color: var(--rz-on-danger-darker);
+}
+.rz-alert.rz-variant-outlined.rz-danger {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-outlined.rz-danger.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger);
+ --rz-alert-color: var(--rz-danger);
+ --rz-alert-title-color: var(--rz-danger);
+ --rz-alert-icon-color: var(--rz-danger);
+}
+.rz-alert.rz-variant-outlined.rz-danger.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-lighter);
+ --rz-alert-color: var(--rz-danger-lighter);
+ --rz-alert-title-color: var(--rz-danger-lighter);
+ --rz-alert-icon-color: var(--rz-danger-lighter);
+}
+.rz-alert.rz-variant-outlined.rz-danger.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-light);
+ --rz-alert-color: var(--rz-danger-light);
+ --rz-alert-title-color: var(--rz-danger-light);
+ --rz-alert-icon-color: var(--rz-danger-light);
+}
+.rz-alert.rz-variant-outlined.rz-danger.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-dark);
+ --rz-alert-color: var(--rz-danger-dark);
+ --rz-alert-title-color: var(--rz-danger-dark);
+ --rz-alert-icon-color: var(--rz-danger-dark);
+}
+.rz-alert.rz-variant-outlined.rz-danger.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-danger-darker);
+ --rz-alert-color: var(--rz-danger-darker);
+ --rz-alert-title-color: var(--rz-danger-darker);
+ --rz-alert-icon-color: var(--rz-danger-darker);
+}
+.rz-alert.rz-variant-text.rz-danger {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-danger.rz-shade-default {
+ --rz-alert-color: var(--rz-danger);
+ --rz-alert-icon-color: var(--rz-danger);
+ --rz-alert-title-color: var(--rz-danger);
+}
+.rz-alert.rz-variant-text.rz-danger.rz-shade-lighter {
+ --rz-alert-color: var(--rz-danger-lighter);
+ --rz-alert-title-color: var(--rz-danger-lighter);
+ --rz-alert-icon-color: var(--rz-danger-lighter);
+}
+.rz-alert.rz-variant-text.rz-danger.rz-shade-light {
+ --rz-alert-color: var(--rz-danger-light);
+ --rz-alert-title-color: var(--rz-danger-light);
+ --rz-alert-icon-color: var(--rz-danger-light);
+}
+.rz-alert.rz-variant-text.rz-danger.rz-shade-dark {
+ --rz-alert-color: var(--rz-danger-dark);
+ --rz-alert-title-color: var(--rz-danger-dark);
+ --rz-alert-icon-color: var(--rz-danger-dark);
+}
+.rz-alert.rz-variant-text.rz-danger.rz-shade-darker {
+ --rz-alert-color: var(--rz-danger-darker);
+ --rz-alert-title-color: var(--rz-danger-darker);
+ --rz-alert-icon-color: var(--rz-danger-darker);
+}
+.rz-alert.rz-success {
+ --rz-alert-background-color: var(--rz-success);
+ --rz-alert-color: var(--rz-on-success);
+ --rz-alert-title-color: var(--rz-on-success);
+ --rz-alert-icon-color: var(--rz-on-success);
+}
+.rz-alert.rz-success.rz-shade-lighter {
+ --rz-alert-background-color: var(--rz-success-lighter);
+ --rz-alert-color: var(--rz-on-success-lighter);
+ --rz-alert-title-color: var(--rz-on-success-lighter);
+ --rz-alert-icon-color: var(--rz-on-success-lighter);
+}
+.rz-alert.rz-success.rz-shade-light {
+ --rz-alert-background-color: var(--rz-success-light);
+ --rz-alert-color: var(--rz-on-success-light);
+ --rz-alert-title-color: var(--rz-on-success-light);
+ --rz-alert-icon-color: var(--rz-on-success-light);
+}
+.rz-alert.rz-success.rz-shade-default {
+ --rz-alert-background-color: var(--rz-success);
+ --rz-alert-color: var(--rz-on-success);
+ --rz-alert-title-color: var(--rz-on-success);
+ --rz-alert-icon-color: var(--rz-on-success);
+}
+.rz-alert.rz-success.rz-shade-dark {
+ --rz-alert-background-color: var(--rz-success-dark);
+ --rz-alert-color: var(--rz-on-success-dark);
+ --rz-alert-title-color: var(--rz-on-success-dark);
+ --rz-alert-icon-color: var(--rz-on-success-dark);
+}
+.rz-alert.rz-success.rz-shade-darker {
+ --rz-alert-background-color: var(--rz-success-darker);
+ --rz-alert-color: var(--rz-on-success-darker);
+ --rz-alert-title-color: var(--rz-on-success-darker);
+ --rz-alert-icon-color: var(--rz-on-success-darker);
+}
+.rz-alert.rz-variant-outlined.rz-success {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-outlined.rz-success.rz-shade-default {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success);
+ --rz-alert-color: var(--rz-success);
+ --rz-alert-title-color: var(--rz-success);
+ --rz-alert-icon-color: var(--rz-success);
+}
+.rz-alert.rz-variant-outlined.rz-success.rz-shade-lighter {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-lighter);
+ --rz-alert-color: var(--rz-success-lighter);
+ --rz-alert-title-color: var(--rz-success-lighter);
+ --rz-alert-icon-color: var(--rz-success-lighter);
+}
+.rz-alert.rz-variant-outlined.rz-success.rz-shade-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-light);
+ --rz-alert-color: var(--rz-success-light);
+ --rz-alert-title-color: var(--rz-success-light);
+ --rz-alert-icon-color: var(--rz-success-light);
+}
+.rz-alert.rz-variant-outlined.rz-success.rz-shade-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-dark);
+ --rz-alert-color: var(--rz-success-dark);
+ --rz-alert-title-color: var(--rz-success-dark);
+ --rz-alert-icon-color: var(--rz-success-dark);
+}
+.rz-alert.rz-variant-outlined.rz-success.rz-shade-darker {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-success-darker);
+ --rz-alert-color: var(--rz-success-darker);
+ --rz-alert-title-color: var(--rz-success-darker);
+ --rz-alert-icon-color: var(--rz-success-darker);
+}
+.rz-alert.rz-variant-text.rz-success {
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-success.rz-shade-default {
+ --rz-alert-color: var(--rz-success);
+ --rz-alert-icon-color: var(--rz-success);
+ --rz-alert-title-color: var(--rz-success);
+}
+.rz-alert.rz-variant-text.rz-success.rz-shade-lighter {
+ --rz-alert-color: var(--rz-success-lighter);
+ --rz-alert-title-color: var(--rz-success-lighter);
+ --rz-alert-icon-color: var(--rz-success-lighter);
+}
+.rz-alert.rz-variant-text.rz-success.rz-shade-light {
+ --rz-alert-color: var(--rz-success-light);
+ --rz-alert-title-color: var(--rz-success-light);
+ --rz-alert-icon-color: var(--rz-success-light);
+}
+.rz-alert.rz-variant-text.rz-success.rz-shade-dark {
+ --rz-alert-color: var(--rz-success-dark);
+ --rz-alert-title-color: var(--rz-success-dark);
+ --rz-alert-icon-color: var(--rz-success-dark);
+}
+.rz-alert.rz-variant-text.rz-success.rz-shade-darker {
+ --rz-alert-color: var(--rz-success-darker);
+ --rz-alert-title-color: var(--rz-success-darker);
+ --rz-alert-icon-color: var(--rz-success-darker);
+}
+.rz-alert.rz-base {
+ --rz-alert-background-color: var(--rz-base-700);
+ --rz-alert-color: var(--rz-text-contrast-color);
+ --rz-alert-title-color: var(--rz-text-contrast-color);
+ --rz-alert-icon-color: var(--rz-text-contrast-color);
+}
+.rz-alert.rz-variant-outlined.rz-base {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-contrast-color);
+ --rz-alert-color: var(--rz-text-contrast-color);
+ --rz-alert-title-color: var(--rz-text-contrast-color);
+ --rz-alert-icon-color: var(--rz-text-contrast-color);
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-base {
+ --rz-alert-color: var(--rz-text-contrast-color);
+ --rz-alert-title-color: var(--rz-text-contrast-color);
+ --rz-alert-icon-color: var(--rz-text-contrast-color);
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-light {
+ --rz-alert-background-color: var(--rz-base-700);
+ --rz-alert-color: var(--rz-text-contrast-color);
+ --rz-alert-title-color: var(--rz-text-contrast-color);
+ --rz-alert-icon-color: var(--rz-text-contrast-color);
+}
+.rz-alert.rz-variant-outlined.rz-light {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-text-contrast-color);
+ --rz-alert-color: var(--rz-text-contrast-color);
+ --rz-alert-title-color: var(--rz-text-contrast-color);
+ --rz-alert-icon-color: var(--rz-text-contrast-color);
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-light {
+ --rz-alert-color: var(--rz-text-contrast-color);
+ --rz-alert-title-color: var(--rz-text-contrast-color);
+ --rz-alert-icon-color: var(--rz-text-contrast-color);
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-dark {
+ --rz-alert-background-color: var(--rz-base-900);
+ --rz-alert-color: var(--rz-text-contrast-color);
+ --rz-alert-title-color: var(--rz-text-contrast-color);
+ --rz-alert-icon-color: var(--rz-text-contrast-color);
+}
+.rz-alert.rz-variant-outlined.rz-dark {
+ box-shadow: inset 0 0 0 var(--rz-border-width) var(--rz-base-900);
+ --rz-alert-color: var(--rz-base-900);
+ --rz-alert-title-color: var(--rz-base-900);
+ --rz-alert-icon-color: var(--rz-base-900);
+ --rz-alert-background-color: transparent;
+}
+.rz-alert.rz-variant-text.rz-dark {
+ --rz-alert-color: var(--rz-base-900);
+ --rz-alert-title-color: var(--rz-base-900);
+ --rz-alert-icon-color: var(--rz-base-900);
+ --rz-alert-background-color: transparent;
+}
+
+@keyframes mic-blink {
+ 0% {
+ background-color: var(--rz-danger-light);
+ color: var(--rz-on-danger-light);
+ }
+ 50% {
+ background-color: var(--rz-danger-darker);
+ color: var(--rz-on-danger-darker);
+ }
+ 100% {
+ background-color: var(--rz-danger-light);
+ color: var(--rz-on-danger-light);
+ }
+}
+@-webkit-keyframes mic-blink {
+ 0% {
+ background-color: var(--rz-danger-light);
+ color: var(--rz-on-danger-light);
+ }
+ 50% {
+ background-color: var(--rz-danger-darker);
+ color: var(--rz-on-danger-darker);
+ }
+ 100% {
+ background-color: var(--rz-danger-light);
+ color: var(--rz-on-danger-light);
+ }
+}
+.rz-button.rz-speech-to-text-button-recording {
+ -webkit-animation: mic-blink 2s linear infinite;
+ -moz-animation: mic-blink 2s linear infinite;
+ animation: mic-blink 2s linear infinite;
+}
+
+.rz-flex-row {
+ flex-direction: row !important;
+}
+
+.rz-flex-row-reverse {
+ flex-direction: row-reverse !important;
+}
+
+.rz-flex-column {
+ flex-direction: column !important;
+}
+
+.rz-flex-column-reverse {
+ flex-direction: column-reverse !important;
+}
+
+.rz-stack {
+ box-sizing: border-box;
+ gap: var(--rz-gap);
+}
+
+.rz-row {
+ box-sizing: border-box;
+ flex-wrap: wrap;
+ gap: var(--rz-gap);
+ row-gap: var(--rz-row-gap);
+}
+
+.rz-row > [class^=rz-col] {
+ flex: 1 0 0%;
+}
+
+.rz-row > [class*=rz-col-] {
+ flex: 0 0 auto;
+ width: 100%;
+}
+
+.rz-row > .rz-col-1 {
+ max-width: calc((100% - 11 * var(--rz-gap)) / 12);
+ flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
+}
+
+.rz-row > .rz-col-2 {
+ max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-3 {
+ max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-4 {
+ max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-5 {
+ max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-6 {
+ max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-7 {
+ max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-8 {
+ max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-9 {
+ max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-10 {
+ max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-11 {
+ max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+}
+
+.rz-row > .rz-col-12 {
+ max-width: 100%;
+ flex-basis: 100%;
+}
+
+@media (min-width: 576px) {
+ .rz-row > .rz-col-xs-1 {
+ max-width: calc((100% - 11 * var(--rz-gap)) / 12);
+ flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
+ }
+ .rz-row > .rz-col-xs-2 {
+ max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-3 {
+ max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-4 {
+ max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-5 {
+ max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-6 {
+ max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-7 {
+ max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-8 {
+ max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-9 {
+ max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-10 {
+ max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-11 {
+ max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xs-12 {
+ max-width: 100%;
+ flex-basis: 100%;
+ }
+}
+@media (min-width: 768px) {
+ .rz-row > .rz-col-sm-1 {
+ max-width: calc((100% - 11 * var(--rz-gap)) / 12);
+ flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
+ }
+ .rz-row > .rz-col-sm-2 {
+ max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-3 {
+ max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-4 {
+ max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-5 {
+ max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-6 {
+ max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-7 {
+ max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-8 {
+ max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-9 {
+ max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-10 {
+ max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-11 {
+ max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-sm-12 {
+ max-width: 100%;
+ flex-basis: 100%;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-row > .rz-col-md-1 {
+ max-width: calc((100% - 11 * var(--rz-gap)) / 12);
+ flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
+ }
+ .rz-row > .rz-col-md-2 {
+ max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-3 {
+ max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-4 {
+ max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-5 {
+ max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-6 {
+ max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-7 {
+ max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-8 {
+ max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-9 {
+ max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-10 {
+ max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-11 {
+ max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-md-12 {
+ max-width: 100%;
+ flex-basis: 100%;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-row > .rz-col-lg-1 {
+ max-width: calc((100% - 11 * var(--rz-gap)) / 12);
+ flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
+ }
+ .rz-row > .rz-col-lg-2 {
+ max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-3 {
+ max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-4 {
+ max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-5 {
+ max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-6 {
+ max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-7 {
+ max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-8 {
+ max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-9 {
+ max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-10 {
+ max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-11 {
+ max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-lg-12 {
+ max-width: 100%;
+ flex-basis: 100%;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-row > .rz-col-xl-1 {
+ max-width: calc((100% - 11 * var(--rz-gap)) / 12);
+ flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
+ }
+ .rz-row > .rz-col-xl-2 {
+ max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-3 {
+ max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-4 {
+ max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-5 {
+ max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-6 {
+ max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-7 {
+ max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-8 {
+ max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-9 {
+ max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-10 {
+ max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-11 {
+ max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xl-12 {
+ max-width: 100%;
+ flex-basis: 100%;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-row > .rz-col-xx-1 {
+ max-width: calc((100% - 11 * var(--rz-gap)) / 12);
+ flex-basis: calc((100% - 11 * var(--rz-gap)) / 12);
+ }
+ .rz-row > .rz-col-xx-2 {
+ max-width: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ flex-basis: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-3 {
+ max-width: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ flex-basis: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-4 {
+ max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-5 {
+ max-width: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ flex-basis: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-6 {
+ max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-7 {
+ max-width: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ flex-basis: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-8 {
+ max-width: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ flex-basis: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-9 {
+ max-width: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ flex-basis: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-10 {
+ max-width: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ flex-basis: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-11 {
+ max-width: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ flex-basis: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-row > .rz-col-xx-12 {
+ max-width: 100%;
+ flex-basis: 100%;
+ }
+}
+.rz-offset-0 {
+ margin-inline-start: 0;
+}
+
+.rz-offset-1 {
+ margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+}
+
+.rz-offset-2 {
+ margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+}
+
+.rz-offset-3 {
+ margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+}
+
+.rz-offset-4 {
+ margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+}
+
+.rz-offset-5 {
+ margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+}
+
+.rz-offset-6 {
+ margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+}
+
+.rz-offset-7 {
+ margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+}
+
+.rz-offset-8 {
+ margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+}
+
+.rz-offset-9 {
+ margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+}
+
+.rz-offset-10 {
+ margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+}
+
+.rz-offset-11 {
+ margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap));
+}
+
+@media (min-width: 576px) {
+ .rz-offset-xs-0 {
+ margin-inline-start: 0;
+ }
+ .rz-offset-xs-1 {
+ margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-offset-xs-2 {
+ margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-offset-xs-3 {
+ margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-offset-xs-4 {
+ margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-offset-xs-5 {
+ margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-offset-xs-6 {
+ margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-offset-xs-7 {
+ margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-offset-xs-8 {
+ margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-offset-xs-9 {
+ margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-offset-xs-10 {
+ margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-offset-xs-11 {
+ margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap));
+ }
+}
+@media (min-width: 768px) {
+ .rz-offset-sm-0 {
+ margin-inline-start: 0;
+ }
+ .rz-offset-sm-1 {
+ margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-offset-sm-2 {
+ margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-offset-sm-3 {
+ margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-offset-sm-4 {
+ margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-offset-sm-5 {
+ margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-offset-sm-6 {
+ margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-offset-sm-7 {
+ margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-offset-sm-8 {
+ margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-offset-sm-9 {
+ margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-offset-sm-10 {
+ margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-offset-sm-11 {
+ margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap));
+ }
+}
+@media (min-width: 1024px) {
+ .rz-offset-md-0 {
+ margin-inline-start: 0;
+ }
+ .rz-offset-md-1 {
+ margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-offset-md-2 {
+ margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-offset-md-3 {
+ margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-offset-md-4 {
+ margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-offset-md-5 {
+ margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-offset-md-6 {
+ margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-offset-md-7 {
+ margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-offset-md-8 {
+ margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-offset-md-9 {
+ margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-offset-md-10 {
+ margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-offset-md-11 {
+ margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap));
+ }
+}
+@media (min-width: 1280px) {
+ .rz-offset-lg-0 {
+ margin-inline-start: 0;
+ }
+ .rz-offset-lg-1 {
+ margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-offset-lg-2 {
+ margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-offset-lg-3 {
+ margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-offset-lg-4 {
+ margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-offset-lg-5 {
+ margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-offset-lg-6 {
+ margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-offset-lg-7 {
+ margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-offset-lg-8 {
+ margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-offset-lg-9 {
+ margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-offset-lg-10 {
+ margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-offset-lg-11 {
+ margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap));
+ }
+}
+@media (min-width: 1920px) {
+ .rz-offset-xl-0 {
+ margin-inline-start: 0;
+ }
+ .rz-offset-xl-1 {
+ margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-offset-xl-2 {
+ margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-offset-xl-3 {
+ margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-offset-xl-4 {
+ margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-offset-xl-5 {
+ margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-offset-xl-6 {
+ margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-offset-xl-7 {
+ margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-offset-xl-8 {
+ margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-offset-xl-9 {
+ margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-offset-xl-10 {
+ margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-offset-xl-11 {
+ margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap));
+ }
+}
+@media (min-width: 2560px) {
+ .rz-offset-xx-0 {
+ margin-inline-start: 0;
+ }
+ .rz-offset-xx-1 {
+ margin-inline-start: calc(1 * (100% - 11 * var(--rz-gap)) / 12 + 1 * var(--rz-gap));
+ }
+ .rz-offset-xx-2 {
+ margin-inline-start: calc(2 * (100% - 11 * var(--rz-gap)) / 12 + 2 * var(--rz-gap));
+ }
+ .rz-offset-xx-3 {
+ margin-inline-start: calc(3 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
+ }
+ .rz-offset-xx-4 {
+ margin-inline-start: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 4 * var(--rz-gap));
+ }
+ .rz-offset-xx-5 {
+ margin-inline-start: calc(5 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
+ }
+ .rz-offset-xx-6 {
+ margin-inline-start: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 6 * var(--rz-gap));
+ }
+ .rz-offset-xx-7 {
+ margin-inline-start: calc(7 * (100% - 11 * var(--rz-gap)) / 12 + 7 * var(--rz-gap));
+ }
+ .rz-offset-xx-8 {
+ margin-inline-start: calc(8 * (100% - 11 * var(--rz-gap)) / 12 + 8 * var(--rz-gap));
+ }
+ .rz-offset-xx-9 {
+ margin-inline-start: calc(9 * (100% - 11 * var(--rz-gap)) / 12 + 9 * var(--rz-gap));
+ }
+ .rz-offset-xx-10 {
+ margin-inline-start: calc(10 * (100% - 11 * var(--rz-gap)) / 12 + 10 * var(--rz-gap));
+ }
+ .rz-offset-xx-11 {
+ margin-inline-start: calc(11 * (100% - 11 * var(--rz-gap)) / 12 + 11 * var(--rz-gap));
+ }
+}
+.rz-order-first {
+ order: -1 !important;
+}
+
+.rz-order-last {
+ order: 13 !important;
+}
+
+.rz-order-0 {
+ order: 0 !important;
+}
+
+.rz-order-1 {
+ order: 1 !important;
+}
+
+.rz-order-2 {
+ order: 2 !important;
+}
+
+.rz-order-3 {
+ order: 3 !important;
+}
+
+.rz-order-4 {
+ order: 4 !important;
+}
+
+.rz-order-5 {
+ order: 5 !important;
+}
+
+.rz-order-6 {
+ order: 6 !important;
+}
+
+.rz-order-7 {
+ order: 7 !important;
+}
+
+.rz-order-8 {
+ order: 8 !important;
+}
+
+.rz-order-9 {
+ order: 9 !important;
+}
+
+.rz-order-10 {
+ order: 10 !important;
+}
+
+.rz-order-11 {
+ order: 11 !important;
+}
+
+.rz-order-12 {
+ order: 12 !important;
+}
+
+@media (min-width: 576px) {
+ .rz-order-xs-first {
+ order: -1 !important;
+ }
+ .rz-order-xs-last {
+ order: 13 !important;
+ }
+ .rz-order-xs-0 {
+ order: 0 !important;
+ }
+ .rz-order-xs-1 {
+ order: 1 !important;
+ }
+ .rz-order-xs-2 {
+ order: 2 !important;
+ }
+ .rz-order-xs-3 {
+ order: 3 !important;
+ }
+ .rz-order-xs-4 {
+ order: 4 !important;
+ }
+ .rz-order-xs-5 {
+ order: 5 !important;
+ }
+ .rz-order-xs-6 {
+ order: 6 !important;
+ }
+ .rz-order-xs-7 {
+ order: 7 !important;
+ }
+ .rz-order-xs-8 {
+ order: 8 !important;
+ }
+ .rz-order-xs-9 {
+ order: 9 !important;
+ }
+ .rz-order-xs-10 {
+ order: 10 !important;
+ }
+ .rz-order-xs-11 {
+ order: 11 !important;
+ }
+ .rz-order-xs-12 {
+ order: 12 !important;
+ }
+}
+@media (min-width: 768px) {
+ .rz-order-sm-first {
+ order: -1 !important;
+ }
+ .rz-order-sm-last {
+ order: 13 !important;
+ }
+ .rz-order-sm-0 {
+ order: 0 !important;
+ }
+ .rz-order-sm-1 {
+ order: 1 !important;
+ }
+ .rz-order-sm-2 {
+ order: 2 !important;
+ }
+ .rz-order-sm-3 {
+ order: 3 !important;
+ }
+ .rz-order-sm-4 {
+ order: 4 !important;
+ }
+ .rz-order-sm-5 {
+ order: 5 !important;
+ }
+ .rz-order-sm-6 {
+ order: 6 !important;
+ }
+ .rz-order-sm-7 {
+ order: 7 !important;
+ }
+ .rz-order-sm-8 {
+ order: 8 !important;
+ }
+ .rz-order-sm-9 {
+ order: 9 !important;
+ }
+ .rz-order-sm-10 {
+ order: 10 !important;
+ }
+ .rz-order-sm-11 {
+ order: 11 !important;
+ }
+ .rz-order-sm-12 {
+ order: 12 !important;
+ }
+}
+@media (min-width: 1024px) {
+ .rz-order-md-first {
+ order: -1 !important;
+ }
+ .rz-order-md-last {
+ order: 13 !important;
+ }
+ .rz-order-md-0 {
+ order: 0 !important;
+ }
+ .rz-order-md-1 {
+ order: 1 !important;
+ }
+ .rz-order-md-2 {
+ order: 2 !important;
+ }
+ .rz-order-md-3 {
+ order: 3 !important;
+ }
+ .rz-order-md-4 {
+ order: 4 !important;
+ }
+ .rz-order-md-5 {
+ order: 5 !important;
+ }
+ .rz-order-md-6 {
+ order: 6 !important;
+ }
+ .rz-order-md-7 {
+ order: 7 !important;
+ }
+ .rz-order-md-8 {
+ order: 8 !important;
+ }
+ .rz-order-md-9 {
+ order: 9 !important;
+ }
+ .rz-order-md-10 {
+ order: 10 !important;
+ }
+ .rz-order-md-11 {
+ order: 11 !important;
+ }
+ .rz-order-md-12 {
+ order: 12 !important;
+ }
+}
+@media (min-width: 1280px) {
+ .rz-order-lg-first {
+ order: -1 !important;
+ }
+ .rz-order-lg-last {
+ order: 13 !important;
+ }
+ .rz-order-lg-0 {
+ order: 0 !important;
+ }
+ .rz-order-lg-1 {
+ order: 1 !important;
+ }
+ .rz-order-lg-2 {
+ order: 2 !important;
+ }
+ .rz-order-lg-3 {
+ order: 3 !important;
+ }
+ .rz-order-lg-4 {
+ order: 4 !important;
+ }
+ .rz-order-lg-5 {
+ order: 5 !important;
+ }
+ .rz-order-lg-6 {
+ order: 6 !important;
+ }
+ .rz-order-lg-7 {
+ order: 7 !important;
+ }
+ .rz-order-lg-8 {
+ order: 8 !important;
+ }
+ .rz-order-lg-9 {
+ order: 9 !important;
+ }
+ .rz-order-lg-10 {
+ order: 10 !important;
+ }
+ .rz-order-lg-11 {
+ order: 11 !important;
+ }
+ .rz-order-lg-12 {
+ order: 12 !important;
+ }
+}
+@media (min-width: 1920px) {
+ .rz-order-xl-first {
+ order: -1 !important;
+ }
+ .rz-order-xl-last {
+ order: 13 !important;
+ }
+ .rz-order-xl-0 {
+ order: 0 !important;
+ }
+ .rz-order-xl-1 {
+ order: 1 !important;
+ }
+ .rz-order-xl-2 {
+ order: 2 !important;
+ }
+ .rz-order-xl-3 {
+ order: 3 !important;
+ }
+ .rz-order-xl-4 {
+ order: 4 !important;
+ }
+ .rz-order-xl-5 {
+ order: 5 !important;
+ }
+ .rz-order-xl-6 {
+ order: 6 !important;
+ }
+ .rz-order-xl-7 {
+ order: 7 !important;
+ }
+ .rz-order-xl-8 {
+ order: 8 !important;
+ }
+ .rz-order-xl-9 {
+ order: 9 !important;
+ }
+ .rz-order-xl-10 {
+ order: 10 !important;
+ }
+ .rz-order-xl-11 {
+ order: 11 !important;
+ }
+ .rz-order-xl-12 {
+ order: 12 !important;
+ }
+}
+@media (min-width: 2560px) {
+ .rz-order-xx-first {
+ order: -1 !important;
+ }
+ .rz-order-xx-last {
+ order: 13 !important;
+ }
+ .rz-order-xx-0 {
+ order: 0 !important;
+ }
+ .rz-order-xx-1 {
+ order: 1 !important;
+ }
+ .rz-order-xx-2 {
+ order: 2 !important;
+ }
+ .rz-order-xx-3 {
+ order: 3 !important;
+ }
+ .rz-order-xx-4 {
+ order: 4 !important;
+ }
+ .rz-order-xx-5 {
+ order: 5 !important;
+ }
+ .rz-order-xx-6 {
+ order: 6 !important;
+ }
+ .rz-order-xx-7 {
+ order: 7 !important;
+ }
+ .rz-order-xx-8 {
+ order: 8 !important;
+ }
+ .rz-order-xx-9 {
+ order: 9 !important;
+ }
+ .rz-order-xx-10 {
+ order: 10 !important;
+ }
+ .rz-order-xx-11 {
+ order: 11 !important;
+ }
+ .rz-order-xx-12 {
+ order: 12 !important;
+ }
+}
+.rz-form-field-helper {
+ padding: var(--rz-form-field-helper-padding);
+}
+
+.rz-form-field-content {
+ position: relative;
+ display: inline-flex;
+ align-items: center;
+ vertical-align: top;
+ margin-block: var(--rz-form-field-margin-block);
+ margin-inline: var(--rz-form-field-margin-inline);
+ box-shadow: var(--rz-form-field-shadow);
+ transition: var(--rz-input-transition);
+}
+.rz-form-field-content > *, .rz-form-field-content > .rz-autocomplete, .rz-form-field-content > .rz-autocomplete.rz-state-disabled > .rz-inputtext, .rz-form-field-content input, .rz-form-field-content .rz-inputtext, .rz-form-field-content .rz-inputtext.rz-state-disabled, .rz-form-field-content .rz-datepicker.rz-state-disabled > .rz-inputtext {
+ flex: 1;
+}
+.rz-form-field-content > input {
+ width: 100%;
+}
+.rz-form-field-content .rz-form-field-start,
+.rz-form-field-content .rz-form-field-end {
+ display: flex;
+ flex: 0;
+ align-items: center;
+ white-space: nowrap;
+ padding-block: var(--rz-form-field-start-end-padding-block);
+ padding-inline: var(--rz-form-field-start-end-padding-inline);
+}
+
+.rz-form-field {
+ box-sizing: border-box;
+ display: inline-flex;
+ flex-direction: column;
+ vertical-align: top;
+}
+.rz-form-field:hover .rz-form-field-content {
+ box-shadow: var(--rz-form-field-hover-shadow);
+}
+.rz-form-field.rz-state-focused .rz-form-field-content {
+ box-shadow: var(--rz-form-field-focus-shadow);
+}
+.rz-form-field.rz-state-disabled .rz-form-field-content {
+ color: var(--rz-input-disabled-color);
+ box-shadow: var(--rz-input-disabled-shadow);
+}
+.rz-form-field.rz-state-disabled.rz-variant-outlined .rz-form-field-content, .rz-form-field.rz-state-disabled.rz-variant-filled .rz-form-field-content, .rz-form-field.rz-state-disabled.rz-variant-flat .rz-form-field-content {
+ border: var(--rz-input-disabled-border);
+}
+.rz-form-field.rz-state-disabled :not(.rz-button).rz-state-disabled,
+.rz-form-field.rz-state-disabled :not(.rz-button):disabled {
+ color: var(--rz-input-disabled-color);
+ opacity: 1;
+}
+.rz-form-field.rz-state-disabled :not(.rz-button).rz-state-disabled::placeholder,
+.rz-form-field.rz-state-disabled :not(.rz-button):disabled::placeholder {
+ color: var(--rz-input-disabled-placeholder-color);
+}
+.rz-form-field.rz-variant-outlined .rz-form-field-start, .rz-form-field.rz-variant-filled .rz-form-field-start, .rz-form-field.rz-variant-flat .rz-form-field-start {
+ padding-inline-end: 0;
+}
+.rz-form-field.rz-variant-outlined .rz-form-field-end, .rz-form-field.rz-variant-filled .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-end {
+ padding-inline-start: 0;
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content, .rz-form-field.rz-variant-flat .rz-form-field-content {
+ margin: 0;
+ --rz-input-height: var(--rz-form-field-filled-height);
+ --rz-input-padding-block: var(--rz-form-field-filled-padding-block);
+ --rz-input-padding-inline: var(--rz-form-field-filled-padding-inline);
+ --rz-dropdown-chips-padding-block: var(--rz-form-field-filled-padding-block);
+ --rz-dropdown-chips-padding-inline: var(--rz-form-field-filled-padding-inline);
+ --rz-numeric-input-padding-block: var(--rz-form-field-filled-numeric-padding-block);
+ --rz-numeric-input-padding-inline: var(--rz-form-field-filled-numeric-padding-inline);
+ --rz-form-field-label-floating-top: var(--rz-form-field-filled-label-floating-top);
+ box-shadow: var(--rz-input-shadow);
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content .rz-numeric-up, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-numeric-up {
+ top: calc(var(--rz-numeric-button-offset) + 1rem);
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-start,
+.rz-form-field.rz-variant-filled .rz-form-field-content .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-start,
+.rz-form-field.rz-variant-flat .rz-form-field-content .rz-form-field-end {
+ padding-top: 1rem;
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content .rz-textarea, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-textarea {
+ margin-top: 1rem;
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker-trigger,
+.rz-form-field.rz-variant-filled .rz-form-field-content .rz-timespanpicker-trigger, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker-trigger,
+.rz-form-field.rz-variant-flat .rz-form-field-content .rz-timespanpicker-trigger {
+ top: calc(50% + 0.4375rem);
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content .rz-datepicker .rz-dropdown-clear-icon,
+.rz-form-field.rz-variant-filled .rz-form-field-content .rz-timespanpicker .rz-dropdown-clear-icon, .rz-form-field.rz-variant-flat .rz-form-field-content .rz-datepicker .rz-dropdown-clear-icon,
+.rz-form-field.rz-variant-flat .rz-form-field-content .rz-timespanpicker .rz-dropdown-clear-icon {
+ top: 0.4375rem;
+}
+.rz-form-field.rz-variant-flat:not(.rz-state-disabled):hover .rz-form-field-content {
+ border: var(--rz-input-hover-border);
+ border-block-end: var(--rz-input-hover-border-block-end);
+ box-shadow: var(--rz-input-hover-shadow);
+}
+.rz-form-field.rz-variant-flat:not(.rz-state-disabled).rz-state-focused .rz-form-field-content {
+ border: var(--rz-input-focus-border);
+ border-block-end: var(--rz-input-focus-border-block-end);
+ box-shadow: var(--rz-input-focus-shadow);
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content {
+ border: var(--rz-form-field-filled-border);
+ border-radius: var(--rz-form-field-filled-border-radius);
+ background-color: var(--rz-form-field-filled-background-color);
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-filled .rz-form-field-content:after {
+ display: var(--rz-form-field-filled-underline-display);
+}
+.rz-form-field.rz-variant-filled:not(.rz-state-disabled):hover .rz-form-field-content {
+ border: var(--rz-form-field-filled-hover-border);
+ box-shadow: var(--rz-form-field-filled-hover-shadow);
+ background-color: var(--rz-form-field-filled-hover-background-color);
+}
+.rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused .rz-form-field-content, .rz-form-field.rz-variant-filled:not(.rz-state-disabled).rz-state-focused:hover .rz-form-field-content {
+ border: var(--rz-form-field-filled-focus-border);
+ border-block-end: var(--rz-input-focus-border-block-end);
+ box-shadow: var(--rz-form-field-filled-focus-shadow);
+ background-color: var(--rz-form-field-filled-background-color);
+}
+.rz-form-field.rz-variant-text .rz-form-field-content {
+ border-color: transparent;
+ box-shadow: none;
+ --rz-input-background-color: transparent;
+ --rz-input-hover-background-color: transparent;
+ --rz-input-focus-background-color: transparent;
+ --rz-input-border-radius: 0;
+ --rz-input-padding-block: 0.4375rem;
+ --rz-input-padding-inline: 0;
+ --rz-numeric-input-padding-block: 0.5rem 0.5rem;
+ --rz-numeric-input-padding-inline: 0 1.25rem;
+ --rz-text-area-padding-block: 0.4375rem;
+ --rz-text-area-padding-inline: 0;
+ --rz-form-field-label-inset-inline-start: 0;
+ --rz-form-field-label-padding: var(--rz-form-field-text-label-padding);
+}
+.rz-form-field.rz-variant-text .rz-form-field-content ~ .rz-form-field-helper {
+ padding: 0;
+}
+.rz-form-field.rz-variant-text .rz-form-field-start {
+ padding-inline-start: 0;
+}
+.rz-form-field.rz-variant-text .rz-form-field-end {
+ padding-inline-end: 0;
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content:before, .rz-form-field.rz-variant-text .rz-form-field-content:before {
+ content: "";
+ position: absolute;
+ z-index: 1;
+ inset-inline-start: 50%;
+ inset-inline-end: 50%;
+ bottom: calc(-1 * var(--rz-border-width));
+ height: calc(var(--rz-border-width) + 1px);
+ border: var(--rz-input-focus-border-block-end);
+ border-inline-start-width: 0;
+ border-inline-end-width: 0;
+ transition: inset-inline-start var(--rz-transition), inset-inline-end var(--rz-transition), border-width var(--rz-transition);
+}
+.rz-form-field.rz-variant-filled .rz-form-field-content:after, .rz-form-field.rz-variant-text .rz-form-field-content:after {
+ content: "";
+ position: absolute;
+ inset: calc(-1 * var(--rz-border-width));
+ top: auto;
+ height: var(--rz-border-width);
+ border-block-end: var(--rz-input-border-block-end);
+}
+.rz-form-field.rz-variant-filled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text:hover .rz-form-field-content:after {
+ border-block-end: var(--rz-input-hover-border-block-end);
+}
+.rz-form-field.rz-variant-filled.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-filled.rz-state-disabled:hover .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled .rz-form-field-content:after, .rz-form-field.rz-variant-text.rz-state-disabled:hover .rz-form-field-content:after {
+ border-block-end: var(--rz-input-disabled-border-block-end);
+}
+.rz-form-field.rz-variant-filled.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before, .rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before {
+ inset-inline-start: calc(-1 * var(--rz-border-width));
+ inset-inline-end: calc(-1 * var(--rz-border-width));
+ border: var(--rz-input-focus-border-block-end);
+ border-inline-start-width: var(--rz-border-width);
+ border-inline-end-width: var(--rz-border-width);
+}
+.rz-form-field .rz-numeric-button {
+ display: none;
+}
+.rz-form-field .rz-numeric:focus-within .rz-numeric-button {
+ display: block;
+}
+
+.rz-form-field-label {
+ position: absolute;
+ pointer-events: none;
+ padding: var(--rz-form-field-label-padding);
+ inset-block-start: 50%;
+ inset-inline-end: auto;
+ border-radius: var(--rz-border-radius);
+ inset-inline-start: var(--rz-form-field-label-inset-inline-start);
+ max-width: calc(100% - 1.5rem);
+ transform: translate(0, -50%);
+ background-color: transparent;
+ transition: inset-block-start var(--rz-transition), transform var(--rz-transition), color var(--rz-transition), font-size var(--rz-transition), max-width var(--rz-transition);
+}
+.rz-state-disabled .rz-form-field-content > .rz-form-field-label {
+ color: var(--rz-input-disabled-color) !important;
+}
+.rz-form-field-label:last-child {
+ inset-inline-end: 1.5rem;
+}
+.rz-textarea ~ .rz-form-field-label {
+ inset-block-start: var(--rz-form-field-label-textarea-top);
+ transform: translate(0, 0);
+}
+.rz-form-field.rz-variant-filled .rz-textarea ~ .rz-form-field-label, .rz-form-field.rz-variant-flat .rz-textarea ~ .rz-form-field-label {
+ transform: translate(0, 0.625rem);
+}
+.rz-form-field:not(.rz-floating-label) .rz-form-field-label, .rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-numeric:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field.rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-form-field.rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-form-field.rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field.rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label, .rz-fileupload ~ .rz-form-field-label, .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label, .rz-form-field.rz-state-focused .rz-form-field-label {
+ inset-inline-end: auto;
+ inset-block-start: var(--rz-form-field-label-floating-top);
+ padding-block-start: 0;
+ padding-block-end: 0;
+ transform: translate(0, 0);
+ color: var(--rz-input-placeholder-color);
+ background-color: var(--rz-form-field-label-floating-background-color);
+ font-size: 0.75rem;
+ line-height: 1rem;
+ max-width: calc(100% - 1.5rem);
+}
+.rz-form-field:not(.rz-variant-outlined):not(.rz-floating-label) .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus-within ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-chkbox ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-fileupload ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined).rz-state-focused .rz-form-field-label {
+ background-color: inherit !important;
+}
+.invalid ~ .rz-form-field-label {
+ color: var(--rz-danger) !important;
+}
+.rz-state-focused .rz-form-field-label, .rz-form-field.rz-state-focused .rz-form-field-label, .rz-form-field.rz-variant-filled.rz-state-focused ~ .rz-form-field-label, .rz-form-field.rz-variant-flat.rz-state-focused ~ .rz-form-field-label, .rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-numeric:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-form-field.rz-variant-filled .rz-textbox:focus ~ .rz-form-field-label, .rz-form-field.rz-variant-flat .rz-textbox:focus ~ .rz-form-field-label {
+ color: var(--rz-form-field-label-focus-color);
+}
+
+.rz-timeline {
+ box-sizing: border-box;
+ display: flex;
+}
+.rz-timeline.rz-timeline-column {
+ flex-direction: column;
+}
+.rz-timeline.rz-timeline-column .rz-timeline-item {
+ flex-direction: row;
+}
+.rz-timeline.rz-timeline-column .rz-timeline-content-start {
+ text-align: right;
+}
+.rz-timeline.rz-timeline-column .rz-timeline-content-end {
+ text-align: left;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) {
+ flex-direction: row-reverse;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start {
+ text-align: left;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end {
+ text-align: right;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before {
+ left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ right: auto;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start {
+ display: none;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end {
+ max-width: calc(100% - var(--rz-timeline-axis-size));
+ text-align: start;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item {
+ flex-direction: row-reverse;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before {
+ right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ left: auto;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start {
+ display: none;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end {
+ max-width: calc(100% - var(--rz-timeline-axis-size));
+ text-align: end;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-item:before {
+ left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ right: auto;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-start {
+ display: none;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-left:not(.rz-timeline-reverse) .rz-timeline-content-end {
+ max-width: calc(100% - var(--rz-timeline-axis-size));
+ text-align: left;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item {
+ flex-direction: row-reverse;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-item:before {
+ right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ left: auto;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-start {
+ display: none;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-right:not(.rz-timeline-reverse) .rz-timeline-content-end {
+ max-width: calc(100% - var(--rz-timeline-axis-size));
+ text-align: right;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-item {
+ flex-direction: row-reverse;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-start {
+ text-align: left;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse .rz-timeline-content-end {
+ text-align: right;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) {
+ flex-direction: row;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-start {
+ text-align: right;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) .rz-timeline-content-end {
+ text-align: left;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before {
+ left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ right: auto;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start {
+ max-width: calc(100% - var(--rz-timeline-axis-size));
+ text-align: start;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end {
+ display: none;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item {
+ flex-direction: row;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before {
+ right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ left: auto;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start {
+ max-width: calc(100% - var(--rz-timeline-axis-size));
+ text-align: end;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end {
+ display: none;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-item:before {
+ left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ right: auto;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-start {
+ max-width: calc(100% - var(--rz-timeline-axis-size));
+ text-align: left;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-left .rz-timeline-content-end {
+ display: none;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item {
+ flex-direction: row;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-item:before {
+ right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ left: auto;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-start {
+ max-width: calc(100% - var(--rz-timeline-axis-size));
+ text-align: right;
+}
+.rz-timeline.rz-timeline-column.rz-timeline-reverse.rz-timeline-right .rz-timeline-content-end {
+ display: none;
+}
+.rz-timeline.rz-timeline-row {
+ flex-direction: row;
+}
+.rz-timeline.rz-timeline-row .rz-timeline-item {
+ flex-direction: column;
+ justify-content: end;
+ width: 100%;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-alternate .rz-timeline-item:nth-child(even) {
+ flex-direction: column-reverse;
+ justify-content: start;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-item:before {
+ top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ bottom: auto;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-start {
+ display: none;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-start:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-top:not(.rz-timeline-reverse) .rz-timeline-content-end {
+ max-height: calc(100% - var(--rz-timeline-axis-size));
+}
+.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item {
+ flex-direction: column-reverse;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-item:before {
+ bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ top: auto;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-start {
+ display: none;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-end:not(.rz-timeline-reverse) .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-bottom:not(.rz-timeline-reverse) .rz-timeline-content-end {
+ max-height: calc(100% - var(--rz-timeline-axis-size));
+}
+.rz-timeline.rz-timeline-row.rz-timeline-reverse .rz-timeline-item {
+ flex-direction: column-reverse;
+ justify-content: start;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-alternate .rz-timeline-item:nth-child(even) {
+ flex-direction: column;
+ justify-content: end;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-item:before {
+ top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ bottom: auto;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-start {
+ max-height: calc(100% - var(--rz-timeline-axis-size));
+}
+.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-start .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-top .rz-timeline-content-end {
+ display: none;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item {
+ flex-direction: column;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-item:before, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-item:before {
+ bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-axis-size) / 2 - var(--rz-timeline-line-width) / 2);
+ top: auto;
+}
+.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-start, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-start {
+ max-height: calc(100% - var(--rz-timeline-axis-size));
+}
+.rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-end .rz-timeline-content-end, .rz-timeline.rz-timeline-row.rz-timeline-reverse.rz-timeline-bottom .rz-timeline-content-end {
+ display: none;
+}
+
+.rz-timeline-item {
+ display: flex;
+ padding: var(--rz-timeline-item-padding);
+ position: relative;
+}
+.rz-timeline-align-items-center .rz-timeline-item {
+ align-items: center;
+}
+.rz-timeline-align-items-normal .rz-timeline-item {
+ align-items: normal;
+}
+.rz-timeline-align-items-start .rz-timeline-item {
+ align-items: start;
+}
+.rz-timeline-align-items-end .rz-timeline-item {
+ align-items: end;
+}
+.rz-timeline-align-items-stretch .rz-timeline-item {
+ align-items: stretch;
+}
+.rz-timeline-item:before {
+ content: "";
+ position: absolute;
+ background-color: var(--rz-timeline-line-color);
+}
+.rz-timeline-column .rz-timeline-item:before {
+ width: var(--rz-timeline-line-width);
+ top: 0;
+ bottom: 0;
+ left: calc(50% - var(--rz-timeline-line-width) / 2);
+ right: auto;
+}
+.rz-timeline-column .rz-timeline-item:first-child:before {
+ top: calc(50% - var(--rz-timeline-line-width) / 2);
+ border-top-left-radius: var(--rz-timeline-line-border-radius);
+ border-top-right-radius: var(--rz-timeline-line-border-radius);
+}
+.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:first-child:before {
+ top: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2);
+}
+.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:first-child:before {
+ top: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2);
+}
+.rz-timeline-column .rz-timeline-item:last-child:before {
+ bottom: calc(50% - var(--rz-timeline-line-width) / 2);
+ border-bottom-left-radius: var(--rz-timeline-line-border-radius);
+ border-bottom-right-radius: var(--rz-timeline-line-border-radius);
+}
+.rz-timeline-column.rz-timeline-align-items-start .rz-timeline-item:last-child:before {
+ bottom: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2);
+}
+.rz-timeline-column.rz-timeline-align-items-end .rz-timeline-item:last-child:before {
+ bottom: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2);
+}
+.rz-timeline-row .rz-timeline-item:before {
+ top: calc(50% - var(--rz-timeline-line-width) / 2);
+ bottom: auto;
+ left: 0;
+ right: 0;
+ height: var(--rz-timeline-line-width);
+}
+.rz-timeline-row .rz-timeline-item:first-child:before {
+ left: calc(50% - var(--rz-timeline-line-width) / 2);
+ border-top-left-radius: var(--rz-timeline-line-border-radius);
+ border-bottom-left-radius: var(--rz-timeline-line-border-radius);
+}
+.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:first-child:before {
+ left: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2);
+}
+.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:first-child:before {
+ left: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2);
+}
+.rz-timeline-row .rz-timeline-item:last-child:before {
+ right: calc(50% - var(--rz-timeline-line-width) / 2);
+ border-top-right-radius: var(--rz-timeline-line-border-radius);
+ border-bottom-right-radius: var(--rz-timeline-line-border-radius);
+}
+.rz-timeline-row.rz-timeline-align-items-start .rz-timeline-item:last-child:before {
+ right: calc(100% - var(--rz-timeline-item-padding) - var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2);
+}
+.rz-timeline-row.rz-timeline-align-items-end .rz-timeline-item:last-child:before {
+ right: calc(var(--rz-timeline-item-padding) + var(--rz-timeline-point-size) / 2 - var(--rz-timeline-line-width) / 2);
+}
+
+.rz-timeline-content-start {
+ text-align: center;
+}
+.rz-timeline-column .rz-timeline-content-start {
+ flex: 1 1 auto;
+ max-width: calc(50% - var(--rz-timeline-axis-size) / 2);
+}
+
+.rz-timeline-content-end {
+ flex: 1 1 auto;
+ text-align: center;
+}
+.rz-timeline-column .rz-timeline-content-end {
+ max-width: calc(50% - var(--rz-timeline-axis-size) / 2);
+}
+.rz-timeline-row .rz-timeline-content-end {
+ max-height: calc(50% - var(--rz-timeline-axis-size) / 2);
+}
+
+.rz-timeline-axis {
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex: 0 1 var(--rz-timeline-axis-size);
+}
+.rz-timeline-column .rz-timeline-axis {
+ width: var(--rz-timeline-axis-size);
+}
+.rz-timeline-row .rz-timeline-axis {
+ height: var(--rz-timeline-axis-size);
+}
+
+.rz-timeline-point {
+ position: relative;
+ display: flex;
+ flex: 0 1 var(--rz-timeline-point-size);
+ align-items: center;
+ justify-content: center;
+ height: var(--rz-timeline-point-size);
+ width: var(--rz-timeline-point-size);
+ border: var(--rz-timeline-point-border);
+ border-radius: var(--rz-timeline-point-border-radius);
+ background-color: var(--rz-timeline-point-background-color);
+ color: var(--rz-timeline-point-color);
+}
+
+.rz-timeline-point-outlined {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-timeline-point-color);
+ border-color: var(--rz-timeline-point-background-color);
+}
+
+.rz-timeline-point-flat {
+ border: 0;
+}
+
+.rz-timeline-point-text {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-timeline-point-color);
+ border: 0;
+}
+
+.rz-timeline-point-primary {
+ background-color: var(--rz-primary);
+ color: var(--rz-on-primary);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-primary {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-primary);
+ border-color: var(--rz-primary);
+}
+
+.rz-timeline-point-text.rz-timeline-point-primary {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-primary);
+}
+
+.rz-timeline-point-secondary {
+ background-color: var(--rz-secondary);
+ color: var(--rz-on-secondary);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-secondary {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-secondary);
+ border-color: var(--rz-secondary);
+}
+
+.rz-timeline-point-text.rz-timeline-point-secondary {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-secondary);
+}
+
+.rz-timeline-point-info {
+ background-color: var(--rz-info);
+ color: var(--rz-on-info);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-info {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-info);
+ border-color: var(--rz-info);
+}
+
+.rz-timeline-point-text.rz-timeline-point-info {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-info);
+}
+
+.rz-timeline-point-warning {
+ background-color: var(--rz-warning);
+ color: var(--rz-on-warning);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-warning {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-warning);
+ border-color: var(--rz-warning);
+}
+
+.rz-timeline-point-text.rz-timeline-point-warning {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-warning);
+}
+
+.rz-timeline-point-error {
+ background-color: var(--rz-danger);
+ color: var(--rz-on-danger);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-error {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-danger);
+ border-color: var(--rz-danger);
+}
+
+.rz-timeline-point-text.rz-timeline-point-error {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-danger);
+}
+
+.rz-timeline-point-danger {
+ background-color: var(--rz-danger);
+ color: var(--rz-on-danger);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-danger {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-danger);
+ border-color: var(--rz-danger);
+}
+
+.rz-timeline-point-text.rz-timeline-point-danger {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-danger);
+}
+
+.rz-timeline-point-success {
+ background-color: var(--rz-success);
+ color: var(--rz-on-success);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-success {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-success);
+ border-color: var(--rz-success);
+}
+
+.rz-timeline-point-text.rz-timeline-point-success {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-success);
+}
+
+.rz-timeline-point-base {
+ background-color: var(--rz-base-700);
+ color: var(--rz-text-contrast-color);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-base {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-base-700);
+ border-color: var(--rz-base-700);
+}
+
+.rz-timeline-point-text.rz-timeline-point-base {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-base-700);
+}
+
+.rz-timeline-point-light {
+ background-color: var(--rz-base-700);
+ color: var(--rz-text-contrast-color);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-light {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-base-700);
+ border-color: var(--rz-base-700);
+}
+
+.rz-timeline-point-text.rz-timeline-point-light {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-base-700);
+}
+
+.rz-timeline-point-dark {
+ background-color: var(--rz-base-900);
+ color: var(--rz-text-contrast-color);
+}
+
+.rz-timeline-point-outlined.rz-timeline-point-dark {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-base-900);
+ border-color: var(--rz-base-900);
+}
+
+.rz-timeline-point-text.rz-timeline-point-dark {
+ background-color: var(--rz-base-background-color);
+ color: var(--rz-base-900);
+}
+
+.rz-timeline-axis-lg {
+ --rz-timeline-point-size: 3rem;
+}
+.rz-timeline-axis-lg .rz-timeline-point .rzi {
+ font-size: 2rem;
+}
+
+.rz-timeline-axis-md {
+ --rz-timeline-point-size: 1.5rem;
+}
+.rz-timeline-axis-md .rz-timeline-point .rzi {
+ font-size: 1rem;
+}
+
+.rz-timeline-axis-sm {
+ --rz-timeline-point-size: 1rem;
+}
+.rz-timeline-axis-sm .rz-timeline-point .rzi {
+ font-size: 0.625rem;
+}
+
+.rz-timeline-axis-xs {
+ --rz-timeline-point-size: 0.75rem;
+}
+.rz-timeline-axis-xs .rz-timeline-point .rzi {
+ font-size: 0.5rem;
+}
+
+.rz-picklist-wrapper {
+ box-sizing: border-box;
+ width: 100%;
+ height: 100%;
+ --rz-gap: 1rem;
+}
+
+.rz-picklist-source-wrapper,
+.rz-picklist-target-wrapper {
+ flex: 1;
+ --rz-gap: 0.5rem;
+ overflow: hidden;
+}
+.rz-picklist-source-wrapper .rz-listbox,
+.rz-picklist-target-wrapper .rz-listbox {
+ width: 100%;
+ height: 100%;
+}
+
+.rz-picklist-buttons.rz-flex-row .rzi {
+ transform: rotate(90deg);
+}
+
+.rz-carousel {
+ position: relative;
+ overflow: hidden;
+ scrollbar-color: transparent transparent;
+ border-radius: var(--rz-carousel-border-radius);
+}
+.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-items,
+.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-items:has(+ .rz-carousel-pager-bottom) {
+ height: calc(100% - var(--rz-carousel-pager-height));
+}
+.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-items:has(+ .rz-carousel-pager-bottom) {
+ height: calc(100% - 2 * var(--rz-carousel-pager-height));
+}
+.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-prev,
+.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-next {
+ inset-block-start: calc(50% + var(--rz-carousel-pager-height) / 2);
+}
+.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-prev:has(~ .rz-carousel-pager-bottom),
+.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-next:has(~ .rz-carousel-pager-bottom) {
+ inset-block-start: calc(50% - var(--rz-carousel-pager-height) / 2);
+}
+.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-prev:has(~ .rz-carousel-pager-bottom),
+.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-pager-top ~ .rz-carousel-next:has(~ .rz-carousel-pager-bottom) {
+ inset-block-start: 50%;
+}
+
+.rz-carousel-items {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ height: 100%;
+ display: flex;
+ overflow-x: scroll;
+ counter-reset: item;
+ scroll-behavior: smooth;
+ scroll-snap-type: x mandatory;
+ border-radius: var(--rz-carousel-border-radius);
+ scrollbar-width: none;
+ touch-action: pan-y;
+ -ms-overflow-style: none;
+}
+.rz-carousel-items::-webkit-scrollbar {
+ display: none;
+}
+
+.rz-carousel-item {
+ margin: 0;
+ padding: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: relative;
+ flex: 0 0 100%;
+ width: 100%;
+ counter-increment: item;
+ scrollbar-color: initial;
+ scrollbar-width: initial;
+ -ms-overflow-style: initial;
+}
+
+.rz-carousel-snapper {
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ scroll-snap-align: center;
+}
+
+.rz-carousel-pager {
+ gap: var(--rz-carousel-pager-gap);
+ height: var(--rz-carousel-pager-height);
+}
+
+.rz-carousel-pager-button {
+ cursor: pointer;
+ width: var(--rz-carousel-pager-button-width);
+ height: var(--rz-carousel-pager-button-height);
+ border: var(--rz-carousel-pager-button-border);
+ border-radius: var(--rz-carousel-pager-button-border-radius);
+ background-color: var(--rz-carousel-pager-button-background-color);
+ color: var(--rz-carousel-pager-button-color);
+ transition: var(--rz-button-transition);
+ -webkit-appearance: none;
+}
+.rz-carousel-pager-button:hover {
+ border: var(--rz-carousel-pager-button-hover-border);
+ background-color: var(--rz-carousel-pager-button-hover-background-color);
+ color: var(--rz-carousel-pager-button-hover-color);
+}
+.rz-carousel-pager-button.rz-state-active {
+ width: var(--rz-carousel-pager-button-active-width);
+ height: var(--rz-carousel-pager-button-active-height);
+ border: var(--rz-carousel-pager-button-active-border);
+ background-color: var(--rz-carousel-pager-button-active-background-color);
+ color: var(--rz-carousel-pager-button-active-color);
+}
+
+.rz-carousel-pager-overlay .rz-carousel-pager {
+ position: absolute;
+ z-index: 998;
+ inset-inline: 0;
+ opacity: var(--rz-carousel-pager-overlay-opacity);
+}
+.rz-carousel-pager-overlay .rz-carousel-pager-top {
+ inset-block-start: 0;
+}
+.rz-carousel-pager-overlay .rz-carousel-pager-bottom {
+ inset-block-end: 0;
+}
+
+.rz-carousel-prev,
+.rz-carousel-next {
+ position: absolute;
+ z-index: 999;
+ inset-block-start: 50%; /* calc(50% - var(--rz-carousel-pager-height)/2) */
+ transform: translateY(-50%);
+ border-radius: var(--rz-carousel-prev-next-button-border-radius);
+}
+
+.rz-carousel-prev {
+ inset-inline-start: var(--rz-carousel-prev-next-button-inset);
+}
+
+.rz-carousel-next {
+ inset-inline-end: var(--rz-carousel-prev-next-button-inset);
+}
+.rz-carousel-next .rzi {
+ order: 2;
+}
+
+*[dir=rtl] .rz-carousel-prev .rzi,
+*[dir=rtl] .rz-carousel-next .rzi {
+ transform: rotate(180deg);
+}
+
+/* input field */
+.rz-timespanpicker {
+ display: inline-block;
+ position: relative;
+}
+.rz-timespanpicker .rz-readonly {
+ cursor: pointer;
+}
+.rz-timespanpicker > .rz-inputtext {
+ width: 100%;
+ line-height: var(--rz-timespanpicker-line-height);
+}
+.rz-timespanpicker:has(.rz-timespanpicker-trigger) > .rz-inputtext {
+ padding-inline-end: calc(1rem + var(--rz-timespanpicker-trigger-icon-width));
+}
+.rz-timespanpicker:has(.rz-dropdown-clear-icon) > .rz-inputtext {
+ padding-inline-end: calc(1rem + var(--rz-dropdown-trigger-icon-width));
+}
+.rz-timespanpicker:has(.rz-timespanpicker-trigger):has(.rz-dropdown-clear-icon) > .rz-inputtext {
+ padding-inline-end: calc(var(--rz-dropdown-trigger-icon-width) + 1rem + var(--rz-timespanpicker-trigger-icon-width));
+}
+.rz-timespanpicker:not(.rz-state-disabled):hover .rz-timespanpicker-trigger {
+ box-shadow: none;
+ color: var(--rz-timespanpicker-trigger-icon-hover-color);
+}
+.rz-timespanpicker.rz-state-disabled > .rz-inputtext {
+ color: var(--rz-input-disabled-color);
+ box-shadow: var(--rz-input-disabled-shadow);
+ background-color: var(--rz-input-disabled-background-color);
+ border: var(--rz-input-disabled-border);
+ opacity: var(--rz-input-disabled-opacity);
+}
+.rz-timespanpicker.rz-state-disabled > .rz-inputtext::placeholder {
+ color: var(--rz-input-disabled-placeholder-color);
+}
+.rz-timespanpicker:not(:has(.rz-timespanpicker-trigger)) .rz-dropdown-clear-icon {
+ inset-inline-end: 0.5rem;
+}
+
+/* popup trigger button */
+.rz-timespanpicker-trigger {
+ box-shadow: none;
+ position: absolute;
+ inset-block-start: 50%;
+ inset-inline-end: 0.625rem;
+ transform: translateY(-50%);
+ background-color: transparent;
+ padding: 0;
+ vertical-align: text-top;
+ color: var(--rz-timespanpicker-trigger-icon-color);
+ width: var(--rz-timespanpicker-trigger-icon-width);
+ height: var(--rz-timespanpicker-trigger-icon-height);
+ font-size: var(--rz-timespanpicker-trigger-icon-height);
+}
+.rz-timespanpicker-trigger.rz-state-disabled {
+ border: none;
+ box-shadow: none;
+ cursor: initial;
+ opacity: 1;
+ color: var(--rz-input-disabled-color);
+}
+.rz-timespanpicker-trigger:not(.rz-state-disabled):hover:not(:active), .rz-timespanpicker-trigger:not(.rz-state-disabled):hover:active {
+ background-color: transparent;
+}
+.rz-timespanpicker-trigger:not(.rz-state-disabled):active {
+ box-shadow: none !important;
+ background-image: none !important;
+}
+.rz-timespanpicker-trigger .rzi-timespan {
+ font-size: inherit;
+ vertical-align: top;
+}
+.rz-timespanpicker-trigger .rzi-timespan:before {
+ content: "timer";
+}
+.rz-timespanpicker-trigger .rz-button-text {
+ display: none;
+}
+
+/* panel */
+.rz-timespanpicker-inline {
+ border: var(--rz-input-border);
+ border-radius: var(--rz-border-radius);
+ background-color: var(--rz-timespanpicker-panel-background-color);
+ overflow: auto;
+}
+
+.rz-timespanpicker-popup-container {
+ display: none;
+ box-sizing: content-box;
+ position: absolute;
+ width: var(--rz-timespanpicker-popup-width);
+ margin: var(--rz-timespanpicker-popup-margin);
+ box-shadow: var(--rz-timespanpicker-popup-shadow);
+ border: var(--rz-timespanpicker-popup-border);
+ border-radius: var(--rz-border-radius);
+ background-color: var(--rz-timespanpicker-panel-background-color);
+}
+
+.rz-timespanpicker-panel {
+ padding: var(--rz-timespanpicker-panel-padding);
+}
+
+.rz-timespanpicker-panel, .rz-timespanpicker-panel-fieldcontainer {
+ display: flex;
+ align-items: flex-end;
+ justify-content: center;
+ gap: var(--rz-timespanpicker-panel-gap);
+}
+
+.rz-timespanpicker-panel-fieldwithunit {
+ display: flex;
+ flex-flow: column;
+ flex-wrap: nowrap;
+ align-items: center;
+ gap: var(--rz-timespanpicker-panel-unit-gap);
+ width: min-content;
+}
+
+.rz-timespanpicker-unit-label {
+ color: var(--rz-timespanpicker-unit-label-color);
+ font-size: 0.75rem;
+ text-transform: uppercase;
+}
+
+.rz-timespanpicker-unitvaluepicker {
+ width: fit-content;
+ min-width: var(--rz-timespanpicker-panel-field-min-width);
+}
+
+.rz-timespanpicker-signpicker {
+ align-self: stretch;
+}
+.rz-timespanpicker-signpicker > .rz-button {
+ flex: 1;
+ --rz-selectbar-border-radius: var(--rz-input-border-radius);
+}
+
+.rz-toc {
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+ line-height: normal;
+}
+
+.rz-toc-list {
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+}
+
+.rz-toc-item-wrapper {
+ position: relative;
+}
+.rz-toc-item-wrapper:after {
+ content: "";
+ position: absolute;
+ inset-block: var(--rz-toc-link-selected-indicator-inset-block);
+ inset-inline: var(--rz-toc-link-selected-indicator-inset-inline);
+ width: var(--rz-toc-link-selected-indicator-size);
+ border-radius: var(--rz-toc-link-selected-indicator-border-radius);
+ background-color: transparent;
+ transition: background-color var(--rz-transition);
+}
+
+.rz-toc-item-selected > .rz-toc-item-wrapper:after {
+ background-color: var(--rz-toc-link-selected-indicator-color);
+}
+
+.rz-toc-link {
+ display: flex;
+ padding-block: var(--rz-toc-link-padding-block);
+ padding-inline: var(--rz-toc-link-padding-inline);
+ text-decoration: none;
+ font-size: var(--rz-toc-link-font-size);
+ font-weight: var(--rz-toc-link-font-weight);
+ border: var(--rz-toc-link-border);
+ border-radius: var(--rz-toc-link-border-radius);
+ color: var(--rz-toc-link-color);
+ background-color: var(--rz-toc-link-background-color);
+ transition: border var(--rz-transition), color var(--rz-transition), background-color var(--rz-transition);
+}
+.rz-toc-link:hover {
+ color: var(--rz-toc-link-hover-color);
+ background-color: var(--rz-toc-link-hover-background-color);
+}
+.rz-toc-link:focus {
+ outline: var(--rz-outline-normal);
+}
+.rz-toc-link:focus-visible {
+ outline: var(--rz-link-focus-outline);
+ outline-offset: calc(-1 * var(--rz-outline-width));
+}
+.rz-toc-item-selected > .rz-toc-item-wrapper .rz-toc-link {
+ border: var(--rz-toc-link-selected-border);
+ color: var(--rz-toc-link-selected-color);
+ background-color: var(--rz-toc-link-selected-background-color);
+}
+.rz-toc-horizontal .rz-toc-item-selected .rz-toc-link {
+ border: var(--rz-toc-horizontal-link-selected-border);
+ color: var(--rz-toc-horizontal-link-selected-color);
+ background-color: var(--rz-toc-horizontal-link-selected-background-color);
+}
+
+.rz-toc-horizontal {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: center;
+ border-radius: var(--rz-toc-horizontal-border-radius);
+ background-color: var(--rz-toc-horizontal-background-color);
+ overflow: hidden;
+ box-shadow: var(--rz-toc-horizontal-shadow);
+}
+.rz-toc-horizontal .rz-toc-item {
+ flex: 1;
+ display: inline-flex;
+}
+.rz-toc-horizontal .rz-toc-item .rz-toc-item-wrapper {
+ display: flex;
+ flex: 1;
+}
+.rz-toc-horizontal .rz-toc-item .rz-toc-item-wrapper:after {
+ inset-block: var(--rz-toc-horizontal-link-selected-indicator-inset-block);
+ inset-inline: var(--rz-toc-horizontal-link-selected-indicator-inset-inline);
+ width: auto;
+ height: var(--rz-toc-link-selected-indicator-size);
+}
+.rz-toc-horizontal .rz-toc-link {
+ flex: 1;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+ padding-block: var(--rz-toc-horizontal-link-padding-block);
+ padding-inline: var(--rz-toc-horizontal-link-padding-inline);
+ font-size: var(--rz-toc-horizontal-link-font-size);
+}
+
+.rz-expander {
+ display: grid;
+ transition: grid-template-rows var(--rz-expander-transition);
+}
+.rz-expander .rz-expander-content {
+ overflow: hidden;
+}
+.rz-expander.rz-state-expanded {
+ grid-template-rows: 1fr;
+}
+.rz-expander.rz-state-collapsed {
+ grid-template-rows: 0fr;
+}
+
+.rz-chat {
+ display: flex;
+ flex-direction: column;
+ background-color: var(--rz-chat-background-color);
+ border: var(--rz-chat-border);
+ border-radius: var(--rz-chat-border-radius);
+ overflow: hidden;
+}
+
+.rz-chat-header {
+ z-index: 1;
+ padding-block: var(--rz-chat-header-padding-block);
+ padding-inline: var(--rz-chat-header-padding-inline);
+ background-color: var(--rz-chat-header-background-color);
+ border-bottom: var(--rz-chat-header-bottom-border);
+ box-shadow: var(--rz-chat-header-shadow);
+}
+
+.rz-chat-header-title {
+ flex: 1;
+ font-size: var(--rz-chat-header-title-font-size);
+ font-weight: var(--rz-chat-header-title-font-weight);
+}
+
+.rz-chat-messages {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+ overflow-y: auto;
+ padding: 0.5rem;
+}
+
+.rz-chat-empty {
+ height: 100%;
+}
+.rz-chat-empty .rzi {
+ font-size: 3rem;
+ opacity: 0.3;
+}
+
+.rz-chat-message {
+ display: flex;
+ align-items: flex-end;
+ gap: 0.5rem;
+ max-width: 90%;
+}
+
+.rz-chat-message-text {
+ padding: var(--rz-chat-message-text-padding);
+ border-radius: var(--rz-chat-message-text-border-radius);
+ word-wrap: break-word;
+ white-space: pre-wrap;
+ font-size: 1rem;
+ line-height: 1;
+ --rz-text-h1-margin-block-end: 0;
+ --rz-text-h2-margin-block-end: 0;
+ --rz-text-h3-margin-block-end: 0;
+ --rz-text-h4-margin-block-end: 0;
+ --rz-text-h5-margin-block-end: 0;
+ --rz-text-h6-margin-block-end: 0;
+ --rz-text-body1-margin-block-end: 0;
+ --rz-text-body2-margin-block-end: 0;
+}
+
+.rz-chat-message-avatar {
+ width: var(--rz-chat-avatar-size);
+ height: var(--rz-chat-avatar-size);
+ border-radius: var(--rz-chat-avatar-border-radius);
+ font-size: var(--rz-chat-avatar-font-size);
+ font-weight: var(--rz-chat-avatar-font-weight);
+ background-color: var(--rz-base);
+ color: var(--rz-on-base);
+ flex-shrink: 0;
+}
+
+.rz-chat-avatar-initials {
+ width: 100%;
+ overflow: hidden;
+ text-align: center;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.rz-chat-message-time {
+ font-size: 0.75rem;
+ color: var(--rz-text-disabled-color);
+ padding: var(--rz-chat-message-time-padding);
+}
+
+.rz-chat-message-user {
+ align-self: flex-end;
+ flex-direction: row-reverse;
+}
+.rz-chat-message-user .rz-chat-message-avatar {
+ background-color: var(--rz-chat-message-user-background-color);
+ color: var(--rz-chat-message-user-color);
+}
+.rz-chat-message-user .rz-chat-message-text {
+ background-color: var(--rz-chat-message-user-background-color);
+ color: var(--rz-chat-message-user-color);
+ border-end-end-radius: var(--rz-chat-message-callout-radius);
+ /* --rz-text-h1-color: var(--rz-chat-message-user-color);
+ --rz-text-h2-color: var(--rz-chat-message-user-color);
+ --rz-text-h3-color: var(--rz-chat-message-user-color);
+ --rz-text-h4-color: var(--rz-chat-message-user-color);
+ --rz-text-h5-color: var(--rz-chat-message-user-color);
+ --rz-text-h6-color: var(--rz-chat-message-user-color);
+ --rz-text-body1-color: var(--rz-chat-message-user-color);
+ --rz-text-body2-color: var(--rz-chat-message-user-color); */
+}
+
+.rz-chat-message-assistant {
+ align-self: flex-start;
+}
+.rz-chat-message-assistant .rz-chat-message-avatar {
+ background-color: var(--rz-chat-message-assistant-background-color);
+ color: var(--rz-chat-message-assistant-color);
+}
+.rz-chat-message-assistant .rz-chat-message-text {
+ background-color: var(--rz-chat-message-assistant-background-color);
+ color: var(--rz-chat-message-assistant-color);
+ border-end-start-radius: var(--rz-chat-message-callout-radius);
+ /* --rz-text-h1-color: var(--rz-chat-message-assistant-color);
+ --rz-text-h2-color: var(--rz-chat-message-assistant-color);
+ --rz-text-h3-color: var(--rz-chat-message-assistant-color);
+ --rz-text-h4-color: var(--rz-chat-message-assistant-color);
+ --rz-text-h5-color: var(--rz-chat-message-assistant-color);
+ --rz-text-h6-color: var(--rz-chat-message-assistant-color);
+ --rz-text-body1-color: var(--rz-chat-message-assistant-color);
+ --rz-text-body2-color: var(--rz-chat-message-assistant-color); */
+}
+
+.rz-chat-input {
+ position: sticky;
+ bottom: 0;
+ z-index: 2;
+}
+
+.rz-chat-input-inner {
+ display: grid;
+ grid-template-columns: 1fr auto;
+ align-items: stretch;
+ gap: 0.5rem;
+ padding: 0.5rem;
+ height: fit-content;
+}
+
+.rz-chat-textarea {
+ width: 100%;
+ height: fit-content;
+ max-height: 10rem;
+ overflow-y: scroll;
+ padding-block: var(--rz-text-area-padding-block);
+ padding-inline: var(--rz-text-area-padding-inline);
+ field-sizing: content;
+ resize: none;
+}
+
+.rz-chat-message-streaming-icon {
+ animation: rz-pulse 1.5s infinite;
+}
+
+/* Right-to-left send button */
+*[dir=rtl] .rz-chat-send-btn {
+ transform: scaleX(-1);
+}
+
+.rz-skeleton {
+ display: inline-block;
+ position: relative;
+ overflow: hidden;
+ background-color: var(--rz-skeleton-background-color);
+ border-radius: var(--rz-skeleton-border-radius);
+}
+
+.rz-skeleton.rz-skeleton-text {
+ width: 10rem;
+ height: 0.75em;
+}
+
+.rz-skeleton.rz-skeleton-circular {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+}
+
+.rz-skeleton.rz-skeleton-rectangular {
+ width: 3rem;
+ height: 2rem;
+ border-radius: 0;
+}
+
+.rz-skeleton.rz-skeleton-wave {
+ background: linear-gradient(90deg, var(--rz-skeleton-background-color) 25%, var(--rz-skeleton-animation-color) 50%, var(--rz-skeleton-background-color) 75%);
+ background-size: 200% 100%;
+ animation: rz-wave var(--rz-skeleton-animation-duration) infinite;
+}
+
+.rz-skeleton.rz-skeleton-pulse {
+ animation: rz-pulse var(--rz-skeleton-animation-duration) infinite;
+}
+
+:root {
+ /* Theme Colors */
+ --rz-white: #ffffff;
+ --rz-black: #000000;
+ --rz-base: #63737a;
+ --rz-base-50: #ffffff;
+ --rz-base-100: #f6f7fa;
+ --rz-base-200: #e9edf0;
+ --rz-base-300: #dadfe2;
+ --rz-base-400: #a8b4b8;
+ --rz-base-500: #7b8a8e;
+ --rz-base-600: #63737a;
+ --rz-base-700: #45565e;
+ --rz-base-800: #38474e;
+ --rz-base-900: #28363c;
+ --rz-base-light: #a8b4b8;
+ --rz-base-lighter: #ffffff;
+ --rz-base-dark: #45565e;
+ --rz-base-darker: #28363c;
+ --rz-primary: #ff6d41;
+ --rz-primary-light: #ff7f58;
+ --rz-primary-lighter: rgba(255, 109, 65, 0.16);
+ --rz-primary-dark: #eb643c;
+ --rz-primary-darker: #bf5231;
+ --rz-secondary: #3b9fd5;
+ --rz-secondary-light: #53abda;
+ --rz-secondary-lighter: rgba(59, 159, 213, 0.2);
+ --rz-secondary-dark: #3692c4;
+ --rz-secondary-darker: #2c77a0;
+ --rz-info: #2cc8c8;
+ --rz-info-light: #4ed1d1;
+ --rz-info-lighter: rgba(44, 200, 200, 0.2);
+ --rz-info-dark: #25a8a8;
+ --rz-info-darker: #219696;
+ --rz-success: #5dbf74;
+ --rz-success-light: #77c98a;
+ --rz-success-lighter: rgba(93, 191, 116, 0.16);
+ --rz-success-dark: #4ea061;
+ --rz-success-darker: #468f57;
+ --rz-warning: #fac152;
+ --rz-warning-light: #fbcb6e;
+ --rz-warning-lighter: rgba(250, 193, 82, 0.2);
+ --rz-warning-dark: #d2a245;
+ --rz-warning-darker: #bc913e;
+ --rz-danger: #f9777f;
+ --rz-danger-light: #fa8d93;
+ --rz-danger-lighter: rgba(249, 119, 127, 0.2);
+ --rz-danger-dark: #d1646b;
+ --rz-danger-darker: #bb595f;
+ --rz-on-base: #ffffff;
+ --rz-on-base-light: #28363c;
+ --rz-on-base-lighter: #28363c;
+ --rz-on-base-dark: #ffffff;
+ --rz-on-base-darker: #ffffff;
+ --rz-on-primary: #ffffff;
+ --rz-on-primary-light: #ffffff;
+ --rz-on-primary-lighter: #ff6d41;
+ --rz-on-primary-dark: #ffffff;
+ --rz-on-primary-darker: #ffffff;
+ --rz-on-secondary: #ffffff;
+ --rz-on-secondary-light: #ffffff;
+ --rz-on-secondary-lighter: #3b9fd5;
+ --rz-on-secondary-dark: #ffffff;
+ --rz-on-secondary-darker: #ffffff;
+ --rz-on-info: #ffffff;
+ --rz-on-info-light: #ffffff;
+ --rz-on-info-lighter: #2cc8c8;
+ --rz-on-info-dark: #ffffff;
+ --rz-on-info-darker: #ffffff;
+ --rz-on-success: #ffffff;
+ --rz-on-success-light: #ffffff;
+ --rz-on-success-lighter: #5dbf74;
+ --rz-on-success-dark: #ffffff;
+ --rz-on-success-darker: #ffffff;
+ --rz-on-warning: #ffffff;
+ --rz-on-warning-light: #ffffff;
+ --rz-on-warning-lighter: #fac152;
+ --rz-on-warning-dark: #ffffff;
+ --rz-on-warning-darker: #ffffff;
+ --rz-on-danger: #ffffff;
+ --rz-on-danger-light: #ffffff;
+ --rz-on-danger-lighter: #f9777f;
+ --rz-on-danger-dark: #ffffff;
+ --rz-on-danger-darker: #ffffff;
+ --rz-series-1: #376df5;
+ --rz-series-2: #64dfdf;
+ --rz-series-3: #f68769;
+ --rz-series-4: #c161e2;
+ --rz-series-5: #fdd07a;
+ --rz-series-6: #f8629b;
+ --rz-series-7: #74d062;
+ --rz-series-8: #84a7ff;
+ --rz-series-9: #4d99f9;
+ --rz-series-10: #8cecec;
+ --rz-series-11: #fab793;
+ --rz-series-12: #da88ee;
+ --rz-series-13: #fee3ab;
+ --rz-series-14: #fb89c3;
+ --rz-series-15: #a2e389;
+ --rz-series-16: #b5caff;
+ --rz-series-17: #1750f3;
+ --rz-series-18: #46d7d7;
+ --rz-series-19: #f46e4c;
+ --rz-series-20: #b343db;
+ --rz-series-21: #fdc55f;
+ --rz-series-22: #f64485;
+ --rz-series-23: #58c544;
+ --rz-series-24: #6a93ff;
+ /* Theme Constants */
+ --rz-border-width: 1px;
+ --rz-root-font-size: 16px;
+ --rz-body-font-size: 0.875rem;
+ --rz-body-line-height: 1.429;
+ --rz-body-background-color: var(--rz-base-900);
+ --rz-text-font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+ --rz-outline-offset: 2px;
+ --rz-outline-width: 2px;
+ --rz-outline-color: var(--rz-secondary);
+ /* Semantic Text */
+ --rz-text-title-color: var(--rz-base-50);
+ --rz-text-color: var(--rz-base-100);
+ --rz-text-secondary-color: var(--rz-base-300);
+ --rz-text-tertiary-color: var(--rz-base-400);
+ --rz-text-disabled-color: var(--rz-base-600);
+ --rz-text-contrast-color: var(--rz-white);
+ /* Text */
+ --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem);
+ --rz-text-display-h1-line-height: 1em;
+ --rz-text-display-h1-font-weight: 700;
+ --rz-text-display-h1-letter-spacing: -0.04em;
+ --rz-text-display-h1-color: var(--rz-text-title-color);
+ --rz-text-display-h1-margin-block-start: 0;
+ --rz-text-display-h1-margin-block-end: 1rem;
+ --rz-text-display-h2-font-size: clamp(3.75rem, 5.278vw, 4.75rem);
+ --rz-text-display-h2-line-height: calc(1em + 4px);
+ --rz-text-display-h2-font-weight: 700;
+ --rz-text-display-h2-letter-spacing: -0.03em;
+ --rz-text-display-h2-color: var(--rz-text-title-color);
+ --rz-text-display-h2-margin-block-start: 0;
+ --rz-text-display-h2-margin-block-end: 1rem;
+ --rz-text-display-h3-font-size: clamp(2.625rem, 3.889vw, 3.5rem);
+ --rz-text-display-h3-line-height: calc(1em + 4px);
+ --rz-text-display-h3-font-weight: 700;
+ --rz-text-display-h3-letter-spacing: -0.02em;
+ --rz-text-display-h3-color: var(--rz-text-title-color);
+ --rz-text-display-h3-margin-block-start: 0;
+ --rz-text-display-h3-margin-block-end: 0.75rem;
+ --rz-text-display-h4-font-size: clamp(2.25rem, 3.333vw, 3rem);
+ --rz-text-display-h4-line-height: 1em;
+ --rz-text-display-h4-font-weight: 700;
+ --rz-text-display-h4-letter-spacing: -0.02em;
+ --rz-text-display-h4-color: var(--rz-text-title-color);
+ --rz-text-display-h4-margin-block-start: 0;
+ --rz-text-display-h4-margin-block-end: 0.5rem;
+ --rz-text-display-h5-font-size: clamp(1.5rem, 2.222vw, 2rem);
+ --rz-text-display-h5-line-height: 1em;
+ --rz-text-display-h5-font-weight: 600;
+ --rz-text-display-h5-letter-spacing: -0.02em;
+ --rz-text-display-h5-color: var(--rz-text-title-color);
+ --rz-text-display-h5-margin-block-start: 0;
+ --rz-text-display-h5-margin-block-end: 0.5rem;
+ --rz-text-display-h6-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
+ --rz-text-display-h6-line-height: 1em;
+ --rz-text-display-h6-font-weight: 600;
+ --rz-text-display-h6-letter-spacing: -0.02em;
+ --rz-text-display-h6-color: var(--rz-text-title-color);
+ --rz-text-display-h6-margin-block-start: 0;
+ --rz-text-display-h6-margin-block-end: 0.5rem;
+ --rz-text-h1-font-size: clamp(3.75rem, 5.278vw, 4.75rem);
+ --rz-text-h1-line-height: calc(1em + 4px);
+ --rz-text-h1-font-weight: 600;
+ --rz-text-h1-letter-spacing: -0.04em;
+ --rz-text-h1-color: var(--rz-text-title-color);
+ --rz-text-h1-margin-block-start: 0;
+ --rz-text-h1-margin-block-end: 1rem;
+ --rz-text-h2-font-size: clamp(2.625rem, 3.889vw, 3.5rem);
+ --rz-text-h2-line-height: calc(1em + 4px);
+ --rz-text-h2-font-weight: 600;
+ --rz-text-h2-letter-spacing: -0.03em;
+ --rz-text-h2-color: var(--rz-text-title-color);
+ --rz-text-h2-margin-block-start: 0;
+ --rz-text-h2-margin-block-end: 1rem;
+ --rz-text-h3-font-size: clamp(2.25rem, 3.333vw, 3rem);
+ --rz-text-h3-line-height: 1em;
+ --rz-text-h3-font-weight: 600;
+ --rz-text-h3-letter-spacing: -0.02em;
+ --rz-text-h3-color: var(--rz-text-title-color);
+ --rz-text-h3-margin-block-start: 0;
+ --rz-text-h3-margin-block-end: 0.75rem;
+ --rz-text-h4-font-size: clamp(1.75rem, 2.778vw, 2.5rem);
+ --rz-text-h4-line-height: 1em;
+ --rz-text-h4-font-weight: 600;
+ --rz-text-h4-letter-spacing: -0.02em;
+ --rz-text-h4-color: var(--rz-text-title-color);
+ --rz-text-h4-margin-block-start: 0;
+ --rz-text-h4-margin-block-end: 0.5rem;
+ --rz-text-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
+ --rz-text-h5-line-height: 1em;
+ --rz-text-h5-font-weight: 600;
+ --rz-text-h5-letter-spacing: -0.02em;
+ --rz-text-h5-color: var(--rz-text-title-color);
+ --rz-text-h5-margin-block-start: 0;
+ --rz-text-h5-margin-block-end: 0.5rem;
+ --rz-text-h6-font-size: clamp(1rem, 1.667vw, 1.25rem);
+ --rz-text-h6-line-height: 1em;
+ --rz-text-h6-font-weight: 600;
+ --rz-text-h6-letter-spacing: -0.02em;
+ --rz-text-h6-color: var(--rz-text-title-color);
+ --rz-text-h6-margin-block-start: 0;
+ --rz-text-h6-margin-block-end: 0.5rem;
+ --rz-text-subtitle1-font-size: 1rem;
+ --rz-text-subtitle1-line-height: 1.25rem;
+ --rz-text-subtitle1-font-weight: 600;
+ --rz-text-subtitle1-letter-spacing: -0.02em;
+ --rz-text-subtitle1-color: var(--rz-text-title-color);
+ --rz-text-subtitle1-margin-block-start: 0;
+ --rz-text-subtitle1-margin-block-end: 0.5rem;
+ --rz-text-subtitle2-font-size: 0.875rem;
+ --rz-text-subtitle2-line-height: 1.25rem;
+ --rz-text-subtitle2-font-weight: 600;
+ --rz-text-subtitle2-letter-spacing: -0.02em;
+ --rz-text-subtitle2-color: var(--rz-text-title-color);
+ --rz-text-subtitle2-margin-block-start: 0;
+ --rz-text-subtitle2-margin-block-end: 0.5rem;
+ --rz-text-body1-font-size: 1rem;
+ --rz-text-body1-line-height: 1.25rem;
+ --rz-text-body1-font-weight: 400;
+ --rz-text-body1-letter-spacing: -0.02em;
+ --rz-text-body1-color: var(--rz-text-color);
+ --rz-text-body1-margin-block-start: 0;
+ --rz-text-body1-margin-block-end: 0.5rem;
+ --rz-text-body2-font-size: 0.875rem;
+ --rz-text-body2-line-height: 1.25rem;
+ --rz-text-body2-font-weight: 400;
+ --rz-text-body2-letter-spacing: -0.02em;
+ --rz-text-body2-color: var(--rz-text-color);
+ --rz-text-body2-margin-block-start: 0;
+ --rz-text-body2-margin-block-end: 0.5rem;
+ --rz-text-button-font-size: 0.875rem;
+ --rz-text-button-line-height: 1.25rem;
+ --rz-text-button-font-weight: 600;
+ --rz-text-button-letter-spacing: -0.02em;
+ --rz-text-button-color: var(--rz-text-color);
+ --rz-text-button-margin-block-start: 0;
+ --rz-text-button-margin-block-end: 0.5rem;
+ --rz-text-caption-font-size: 0.75rem;
+ --rz-text-caption-line-height: normal;
+ --rz-text-caption-font-weight: 400;
+ --rz-text-caption-letter-spacing: 0.4px;
+ --rz-text-caption-color: var(--rz-text-color);
+ --rz-text-caption-margin-block-start: 0;
+ --rz-text-caption-margin-block-end: 0.5rem;
+ --rz-text-overline-font-size: 0.625rem;
+ --rz-text-overline-line-height: normal;
+ --rz-text-overline-font-weight: 400;
+ --rz-text-overline-letter-spacing: 1.5px;
+ --rz-text-overline-text-transform: uppercase;
+ --rz-text-overline-color: var(--rz-text-color);
+ --rz-text-overline-margin-block-start: 0;
+ --rz-text-overline-margin-block-end: 0.5rem;
+ --rz-text-selection-background-color: var(--rz-primary-lighter);
+ --rz-text-selection-color: inherit;
+ /* Link */
+ --rz-link-color: var(--rz-secondary);
+ --rz-link-text-decoration: none;
+ --rz-link-hover-color: var(--rz-secondary-dark);
+ --rz-link-hover-text-decoration: underline;
+ --rz-link-focus-outline: var(--rz-outline-focus);
+ --rz-link-focus-outline-offset: var(--rz-outline-offset);
+ /* Base Background */
+ --rz-base-background-color: var(--rz-base-800);
+ /* Border */
+ --rz-border-white: var(--rz-border-width) solid var(--rz-white);
+ --rz-border-black: var(--rz-border-width) solid var(--rz-black);
+ --rz-border-base: var(--rz-border-width) solid var(--rz-base);
+ --rz-border-base-50: var(--rz-border-width) solid var(--rz-base-50);
+ --rz-border-base-100: var(--rz-border-width) solid var(--rz-base-100);
+ --rz-border-base-200: var(--rz-border-width) solid var(--rz-base-200);
+ --rz-border-base-300: var(--rz-border-width) solid var(--rz-base-300);
+ --rz-border-base-400: var(--rz-border-width) solid var(--rz-base-400);
+ --rz-border-base-500: var(--rz-border-width) solid var(--rz-base-500);
+ --rz-border-base-600: var(--rz-border-width) solid var(--rz-base-600);
+ --rz-border-base-700: var(--rz-border-width) solid var(--rz-base-700);
+ --rz-border-base-800: var(--rz-border-width) solid var(--rz-base-800);
+ --rz-border-base-900: var(--rz-border-width) solid var(--rz-base-900);
+ --rz-border-base-light: var(--rz-border-width) solid var(--rz-base-light);
+ --rz-border-base-lighter: var(--rz-border-width) solid var(--rz-base-lighter);
+ --rz-border-base-dark: var(--rz-border-width) solid var(--rz-base-dark);
+ --rz-border-base-darker: var(--rz-border-width) solid var(--rz-base-darker);
+ --rz-border-primary: var(--rz-border-width) solid var(--rz-primary);
+ --rz-border-primary-light: var(--rz-border-width) solid var(--rz-primary-light);
+ --rz-border-primary-lighter: var(--rz-border-width) solid var(--rz-primary-lighter);
+ --rz-border-primary-dark: var(--rz-border-width) solid var(--rz-primary-dark);
+ --rz-border-primary-darker: var(--rz-border-width) solid var(--rz-primary-darker);
+ --rz-border-secondary: var(--rz-border-width) solid var(--rz-secondary);
+ --rz-border-secondary-light: var(--rz-border-width) solid var(--rz-secondary-light);
+ --rz-border-secondary-lighter: var(--rz-border-width) solid var(--rz-secondary-lighter);
+ --rz-border-secondary-dark: var(--rz-border-width) solid var(--rz-secondary-dark);
+ --rz-border-secondary-darker: var(--rz-border-width) solid var(--rz-secondary-darker);
+ --rz-border-info: var(--rz-border-width) solid var(--rz-info);
+ --rz-border-info-light: var(--rz-border-width) solid var(--rz-info-light);
+ --rz-border-info-lighter: var(--rz-border-width) solid var(--rz-info-lighter);
+ --rz-border-info-dark: var(--rz-border-width) solid var(--rz-info-dark);
+ --rz-border-info-darker: var(--rz-border-width) solid var(--rz-info-darker);
+ --rz-border-success: var(--rz-border-width) solid var(--rz-success);
+ --rz-border-success-light: var(--rz-border-width) solid var(--rz-success-light);
+ --rz-border-success-lighter: var(--rz-border-width) solid var(--rz-success-lighter);
+ --rz-border-success-dark: var(--rz-border-width) solid var(--rz-success-dark);
+ --rz-border-success-darker: var(--rz-border-width) solid var(--rz-success-darker);
+ --rz-border-warning: var(--rz-border-width) solid var(--rz-warning);
+ --rz-border-warning-light: var(--rz-border-width) solid var(--rz-warning-light);
+ --rz-border-warning-lighter: var(--rz-border-width) solid var(--rz-warning-lighter);
+ --rz-border-warning-dark: var(--rz-border-width) solid var(--rz-warning-dark);
+ --rz-border-warning-darker: var(--rz-border-width) solid var(--rz-warning-darker);
+ --rz-border-danger: var(--rz-border-width) solid var(--rz-danger);
+ --rz-border-danger-light: var(--rz-border-width) solid var(--rz-danger-light);
+ --rz-border-danger-lighter: var(--rz-border-width) solid var(--rz-danger-lighter);
+ --rz-border-danger-dark: var(--rz-border-width) solid var(--rz-danger-dark);
+ --rz-border-danger-darker: var(--rz-border-width) solid var(--rz-danger-darker);
+ --rz-border-on-base: var(--rz-border-width) solid var(--rz-on-base);
+ --rz-border-on-base-light: var(--rz-border-width) solid var(--rz-on-base-light);
+ --rz-border-on-base-lighter: var(--rz-border-width) solid var(--rz-on-base-lighter);
+ --rz-border-on-base-dark: var(--rz-border-width) solid var(--rz-on-base-dark);
+ --rz-border-on-base-darker: var(--rz-border-width) solid var(--rz-on-base-darker);
+ --rz-border-on-primary: var(--rz-border-width) solid var(--rz-on-primary);
+ --rz-border-on-primary-light: var(--rz-border-width) solid var(--rz-on-primary-light);
+ --rz-border-on-primary-lighter: var(--rz-border-width) solid var(--rz-on-primary-lighter);
+ --rz-border-on-primary-dark: var(--rz-border-width) solid var(--rz-on-primary-dark);
+ --rz-border-on-primary-darker: var(--rz-border-width) solid var(--rz-on-primary-darker);
+ --rz-border-on-secondary: var(--rz-border-width) solid var(--rz-on-secondary);
+ --rz-border-on-secondary-light: var(--rz-border-width) solid var(--rz-on-secondary-light);
+ --rz-border-on-secondary-lighter: var(--rz-border-width) solid var(--rz-on-secondary-lighter);
+ --rz-border-on-secondary-dark: var(--rz-border-width) solid var(--rz-on-secondary-dark);
+ --rz-border-on-secondary-darker: var(--rz-border-width) solid var(--rz-on-secondary-darker);
+ --rz-border-on-info: var(--rz-border-width) solid var(--rz-on-info);
+ --rz-border-on-info-light: var(--rz-border-width) solid var(--rz-on-info-light);
+ --rz-border-on-info-lighter: var(--rz-border-width) solid var(--rz-on-info-lighter);
+ --rz-border-on-info-dark: var(--rz-border-width) solid var(--rz-on-info-dark);
+ --rz-border-on-info-darker: var(--rz-border-width) solid var(--rz-on-info-darker);
+ --rz-border-on-success: var(--rz-border-width) solid var(--rz-on-success);
+ --rz-border-on-success-light: var(--rz-border-width) solid var(--rz-on-success-light);
+ --rz-border-on-success-lighter: var(--rz-border-width) solid var(--rz-on-success-lighter);
+ --rz-border-on-success-dark: var(--rz-border-width) solid var(--rz-on-success-dark);
+ --rz-border-on-success-darker: var(--rz-border-width) solid var(--rz-on-success-darker);
+ --rz-border-on-warning: var(--rz-border-width) solid var(--rz-on-warning);
+ --rz-border-on-warning-light: var(--rz-border-width) solid var(--rz-on-warning-light);
+ --rz-border-on-warning-lighter: var(--rz-border-width) solid var(--rz-on-warning-lighter);
+ --rz-border-on-warning-dark: var(--rz-border-width) solid var(--rz-on-warning-dark);
+ --rz-border-on-warning-darker: var(--rz-border-width) solid var(--rz-on-warning-darker);
+ --rz-border-on-danger: var(--rz-border-width) solid var(--rz-on-danger);
+ --rz-border-on-danger-light: var(--rz-border-width) solid var(--rz-on-danger-light);
+ --rz-border-on-danger-lighter: var(--rz-border-width) solid var(--rz-on-danger-lighter);
+ --rz-border-on-danger-dark: var(--rz-border-width) solid var(--rz-on-danger-dark);
+ --rz-border-on-danger-darker: var(--rz-border-width) solid var(--rz-on-danger-darker);
+ --rz-border-series-1: var(--rz-border-width) solid var(--rz-series-1);
+ --rz-border-series-2: var(--rz-border-width) solid var(--rz-series-2);
+ --rz-border-series-3: var(--rz-border-width) solid var(--rz-series-3);
+ --rz-border-series-4: var(--rz-border-width) solid var(--rz-series-4);
+ --rz-border-series-5: var(--rz-border-width) solid var(--rz-series-5);
+ --rz-border-series-6: var(--rz-border-width) solid var(--rz-series-6);
+ --rz-border-series-7: var(--rz-border-width) solid var(--rz-series-7);
+ --rz-border-series-8: var(--rz-border-width) solid var(--rz-series-8);
+ --rz-border-series-9: var(--rz-border-width) solid var(--rz-series-9);
+ --rz-border-series-10: var(--rz-border-width) solid var(--rz-series-10);
+ --rz-border-series-11: var(--rz-border-width) solid var(--rz-series-11);
+ --rz-border-series-12: var(--rz-border-width) solid var(--rz-series-12);
+ --rz-border-series-13: var(--rz-border-width) solid var(--rz-series-13);
+ --rz-border-series-14: var(--rz-border-width) solid var(--rz-series-14);
+ --rz-border-series-15: var(--rz-border-width) solid var(--rz-series-15);
+ --rz-border-series-16: var(--rz-border-width) solid var(--rz-series-16);
+ --rz-border-series-17: var(--rz-border-width) solid var(--rz-series-17);
+ --rz-border-series-18: var(--rz-border-width) solid var(--rz-series-18);
+ --rz-border-series-19: var(--rz-border-width) solid var(--rz-series-19);
+ --rz-border-series-20: var(--rz-border-width) solid var(--rz-series-20);
+ --rz-border-series-21: var(--rz-border-width) solid var(--rz-series-21);
+ --rz-border-series-22: var(--rz-border-width) solid var(--rz-series-22);
+ --rz-border-series-23: var(--rz-border-width) solid var(--rz-series-23);
+ --rz-border-series-24: var(--rz-border-width) solid var(--rz-series-24);
+ /* Interaction State Border */
+ --rz-border-normal: var(--rz-border-width) solid var(--rz-base-700);
+ --rz-border-hover: var(--rz-border-width) solid var(--rz-base-600);
+ --rz-border-focus: var(--rz-border-width) solid var(--rz-base-600);
+ --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-700);
+ /* Border Radius */
+ --rz-border-radius: 4px;
+ --rz-border-radius-0: 0;
+ --rz-border-radius-1: 0.25rem;
+ --rz-border-radius-2: 0.5rem;
+ --rz-border-radius-3: 0.75rem;
+ --rz-border-radius-4: 1rem;
+ --rz-border-radius-5: 1.25rem;
+ --rz-border-radius-6: 1.5rem;
+ --rz-border-radius-7: 1.75rem;
+ --rz-border-radius-8: 2rem;
+ --rz-border-radius-9: 2.25rem;
+ --rz-border-radius-10: 2.5rem;
+ /* Outline */
+ --rz-outline-white: var(--rz-outline-width) solid var(--rz-white);
+ --rz-outline-black: var(--rz-outline-width) solid var(--rz-black);
+ --rz-outline-base: var(--rz-outline-width) solid var(--rz-base);
+ --rz-outline-base-50: var(--rz-outline-width) solid var(--rz-base-50);
+ --rz-outline-base-100: var(--rz-outline-width) solid var(--rz-base-100);
+ --rz-outline-base-200: var(--rz-outline-width) solid var(--rz-base-200);
+ --rz-outline-base-300: var(--rz-outline-width) solid var(--rz-base-300);
+ --rz-outline-base-400: var(--rz-outline-width) solid var(--rz-base-400);
+ --rz-outline-base-500: var(--rz-outline-width) solid var(--rz-base-500);
+ --rz-outline-base-600: var(--rz-outline-width) solid var(--rz-base-600);
+ --rz-outline-base-700: var(--rz-outline-width) solid var(--rz-base-700);
+ --rz-outline-base-800: var(--rz-outline-width) solid var(--rz-base-800);
+ --rz-outline-base-900: var(--rz-outline-width) solid var(--rz-base-900);
+ --rz-outline-base-light: var(--rz-outline-width) solid var(--rz-base-light);
+ --rz-outline-base-lighter: var(--rz-outline-width) solid var(--rz-base-lighter);
+ --rz-outline-base-dark: var(--rz-outline-width) solid var(--rz-base-dark);
+ --rz-outline-base-darker: var(--rz-outline-width) solid var(--rz-base-darker);
+ --rz-outline-primary: var(--rz-outline-width) solid var(--rz-primary);
+ --rz-outline-primary-light: var(--rz-outline-width) solid var(--rz-primary-light);
+ --rz-outline-primary-lighter: var(--rz-outline-width) solid var(--rz-primary-lighter);
+ --rz-outline-primary-dark: var(--rz-outline-width) solid var(--rz-primary-dark);
+ --rz-outline-primary-darker: var(--rz-outline-width) solid var(--rz-primary-darker);
+ --rz-outline-secondary: var(--rz-outline-width) solid var(--rz-secondary);
+ --rz-outline-secondary-light: var(--rz-outline-width) solid var(--rz-secondary-light);
+ --rz-outline-secondary-lighter: var(--rz-outline-width) solid var(--rz-secondary-lighter);
+ --rz-outline-secondary-dark: var(--rz-outline-width) solid var(--rz-secondary-dark);
+ --rz-outline-secondary-darker: var(--rz-outline-width) solid var(--rz-secondary-darker);
+ --rz-outline-info: var(--rz-outline-width) solid var(--rz-info);
+ --rz-outline-info-light: var(--rz-outline-width) solid var(--rz-info-light);
+ --rz-outline-info-lighter: var(--rz-outline-width) solid var(--rz-info-lighter);
+ --rz-outline-info-dark: var(--rz-outline-width) solid var(--rz-info-dark);
+ --rz-outline-info-darker: var(--rz-outline-width) solid var(--rz-info-darker);
+ --rz-outline-success: var(--rz-outline-width) solid var(--rz-success);
+ --rz-outline-success-light: var(--rz-outline-width) solid var(--rz-success-light);
+ --rz-outline-success-lighter: var(--rz-outline-width) solid var(--rz-success-lighter);
+ --rz-outline-success-dark: var(--rz-outline-width) solid var(--rz-success-dark);
+ --rz-outline-success-darker: var(--rz-outline-width) solid var(--rz-success-darker);
+ --rz-outline-warning: var(--rz-outline-width) solid var(--rz-warning);
+ --rz-outline-warning-light: var(--rz-outline-width) solid var(--rz-warning-light);
+ --rz-outline-warning-lighter: var(--rz-outline-width) solid var(--rz-warning-lighter);
+ --rz-outline-warning-dark: var(--rz-outline-width) solid var(--rz-warning-dark);
+ --rz-outline-warning-darker: var(--rz-outline-width) solid var(--rz-warning-darker);
+ --rz-outline-danger: var(--rz-outline-width) solid var(--rz-danger);
+ --rz-outline-danger-light: var(--rz-outline-width) solid var(--rz-danger-light);
+ --rz-outline-danger-lighter: var(--rz-outline-width) solid var(--rz-danger-lighter);
+ --rz-outline-danger-dark: var(--rz-outline-width) solid var(--rz-danger-dark);
+ --rz-outline-danger-darker: var(--rz-outline-width) solid var(--rz-danger-darker);
+ --rz-outline-on-base: var(--rz-outline-width) solid var(--rz-on-base);
+ --rz-outline-on-base-light: var(--rz-outline-width) solid var(--rz-on-base-light);
+ --rz-outline-on-base-lighter: var(--rz-outline-width) solid var(--rz-on-base-lighter);
+ --rz-outline-on-base-dark: var(--rz-outline-width) solid var(--rz-on-base-dark);
+ --rz-outline-on-base-darker: var(--rz-outline-width) solid var(--rz-on-base-darker);
+ --rz-outline-on-primary: var(--rz-outline-width) solid var(--rz-on-primary);
+ --rz-outline-on-primary-light: var(--rz-outline-width) solid var(--rz-on-primary-light);
+ --rz-outline-on-primary-lighter: var(--rz-outline-width) solid var(--rz-on-primary-lighter);
+ --rz-outline-on-primary-dark: var(--rz-outline-width) solid var(--rz-on-primary-dark);
+ --rz-outline-on-primary-darker: var(--rz-outline-width) solid var(--rz-on-primary-darker);
+ --rz-outline-on-secondary: var(--rz-outline-width) solid var(--rz-on-secondary);
+ --rz-outline-on-secondary-light: var(--rz-outline-width) solid var(--rz-on-secondary-light);
+ --rz-outline-on-secondary-lighter: var(--rz-outline-width) solid var(--rz-on-secondary-lighter);
+ --rz-outline-on-secondary-dark: var(--rz-outline-width) solid var(--rz-on-secondary-dark);
+ --rz-outline-on-secondary-darker: var(--rz-outline-width) solid var(--rz-on-secondary-darker);
+ --rz-outline-on-info: var(--rz-outline-width) solid var(--rz-on-info);
+ --rz-outline-on-info-light: var(--rz-outline-width) solid var(--rz-on-info-light);
+ --rz-outline-on-info-lighter: var(--rz-outline-width) solid var(--rz-on-info-lighter);
+ --rz-outline-on-info-dark: var(--rz-outline-width) solid var(--rz-on-info-dark);
+ --rz-outline-on-info-darker: var(--rz-outline-width) solid var(--rz-on-info-darker);
+ --rz-outline-on-success: var(--rz-outline-width) solid var(--rz-on-success);
+ --rz-outline-on-success-light: var(--rz-outline-width) solid var(--rz-on-success-light);
+ --rz-outline-on-success-lighter: var(--rz-outline-width) solid var(--rz-on-success-lighter);
+ --rz-outline-on-success-dark: var(--rz-outline-width) solid var(--rz-on-success-dark);
+ --rz-outline-on-success-darker: var(--rz-outline-width) solid var(--rz-on-success-darker);
+ --rz-outline-on-warning: var(--rz-outline-width) solid var(--rz-on-warning);
+ --rz-outline-on-warning-light: var(--rz-outline-width) solid var(--rz-on-warning-light);
+ --rz-outline-on-warning-lighter: var(--rz-outline-width) solid var(--rz-on-warning-lighter);
+ --rz-outline-on-warning-dark: var(--rz-outline-width) solid var(--rz-on-warning-dark);
+ --rz-outline-on-warning-darker: var(--rz-outline-width) solid var(--rz-on-warning-darker);
+ --rz-outline-on-danger: var(--rz-outline-width) solid var(--rz-on-danger);
+ --rz-outline-on-danger-light: var(--rz-outline-width) solid var(--rz-on-danger-light);
+ --rz-outline-on-danger-lighter: var(--rz-outline-width) solid var(--rz-on-danger-lighter);
+ --rz-outline-on-danger-dark: var(--rz-outline-width) solid var(--rz-on-danger-dark);
+ --rz-outline-on-danger-darker: var(--rz-outline-width) solid var(--rz-on-danger-darker);
+ --rz-outline-series-1: var(--rz-outline-width) solid var(--rz-series-1);
+ --rz-outline-series-2: var(--rz-outline-width) solid var(--rz-series-2);
+ --rz-outline-series-3: var(--rz-outline-width) solid var(--rz-series-3);
+ --rz-outline-series-4: var(--rz-outline-width) solid var(--rz-series-4);
+ --rz-outline-series-5: var(--rz-outline-width) solid var(--rz-series-5);
+ --rz-outline-series-6: var(--rz-outline-width) solid var(--rz-series-6);
+ --rz-outline-series-7: var(--rz-outline-width) solid var(--rz-series-7);
+ --rz-outline-series-8: var(--rz-outline-width) solid var(--rz-series-8);
+ --rz-outline-series-9: var(--rz-outline-width) solid var(--rz-series-9);
+ --rz-outline-series-10: var(--rz-outline-width) solid var(--rz-series-10);
+ --rz-outline-series-11: var(--rz-outline-width) solid var(--rz-series-11);
+ --rz-outline-series-12: var(--rz-outline-width) solid var(--rz-series-12);
+ --rz-outline-series-13: var(--rz-outline-width) solid var(--rz-series-13);
+ --rz-outline-series-14: var(--rz-outline-width) solid var(--rz-series-14);
+ --rz-outline-series-15: var(--rz-outline-width) solid var(--rz-series-15);
+ --rz-outline-series-16: var(--rz-outline-width) solid var(--rz-series-16);
+ --rz-outline-series-17: var(--rz-outline-width) solid var(--rz-series-17);
+ --rz-outline-series-18: var(--rz-outline-width) solid var(--rz-series-18);
+ --rz-outline-series-19: var(--rz-outline-width) solid var(--rz-series-19);
+ --rz-outline-series-20: var(--rz-outline-width) solid var(--rz-series-20);
+ --rz-outline-series-21: var(--rz-outline-width) solid var(--rz-series-21);
+ --rz-outline-series-22: var(--rz-outline-width) solid var(--rz-series-22);
+ --rz-outline-series-23: var(--rz-outline-width) solid var(--rz-series-23);
+ --rz-outline-series-24: var(--rz-outline-width) solid var(--rz-series-24);
+ /* Interaction State Outline */
+ --rz-outline-normal: none;
+ --rz-outline-focus: var(--rz-outline-width) solid var(--rz-outline-color);
+ /* Shadow */
+ --rz-shadow-0: none;
+ --rz-shadow-1: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08);
+ --rz-shadow-2: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px 0 rgba(0, 0, 0, 0.04);
+ --rz-shadow-3: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1);
+ --rz-shadow-4: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 3px 5px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.11);
+ --rz-shadow-5: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 4px 6px rgba(0, 0, 0, 0.04), 0px 12px 24px rgba(0, 0, 0, 0.12);
+ --rz-shadow-6: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 5px 8px rgba(0, 0, 0, 0.04), 0px 14px 28px rgba(0, 0, 0, 0.13);
+ --rz-shadow-7: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 6px 10px rgba(0, 0, 0, 0.04), 0px 16px 32px rgba(0, 0, 0, 0.14);
+ --rz-shadow-8: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 7px 12px rgba(0, 0, 0, 0.04), 0px 18px 40px rgba(0, 0, 0, 0.15);
+ --rz-shadow-9: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.04), 0px 20px 48px rgba(0, 0, 0, 0.16);
+ --rz-shadow-10: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 9px 20px rgba(0, 0, 0, 0.04), 0px 22px 64px rgba(0, 0, 0, 0.2);
+ /* Transition */
+ --rz-transition: 0.1s linear;
+ --rz-transition-all: all 0.1s linear;
+ --rz-expander-transition: 0.2s ease-in-out;
+ /* Layout Body */
+ --rz-layout-body-margin: 0;
+ --rz-layout-body-padding: 1rem;
+ --rz-layout-body-border-radius: 0;
+ --rz-layout-body-background-color: transparent;
+ /* Accordion */
+ --rz-accordion-item-padding-block: 0.25rem;
+ --rz-accordion-item-padding-inline: 0;
+ --rz-accordion-item-margin: 0;
+ --rz-accordion-item-border: none;
+ --rz-accordion-item-background-color: var(--rz-base-background-color);
+ --rz-accordion-item-color: var(--rz-text-color);
+ --rz-accordion-item-focus-outline: var(--rz-outline-focus);
+ --rz-accordion-item-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-accordion-item-line-height: 1.25rem;
+ --rz-accordion-item-font-size: var(--rz-body-font-size);
+ --rz-accordion-item-font-weight: normal;
+ --rz-accordion-icon-width: var(--rz-icon-size);
+ --rz-accordion-icon-height: var(--rz-icon-size);
+ --rz-accordion-icon-font-size: var(--rz-icon-size);
+ --rz-accordion-icon-margin-inline: 0 0.25rem;
+ --rz-accordion-toggle-icon-margin-inline: 0 0.25rem;
+ --rz-accordion-toggle-icon-order: 0;
+ --rz-accordion-selected-color: var(--rz-secondary);
+ --rz-accordion-hover-color: var(--rz-secondary);
+ --rz-accordion-content-padding-inline: 1.5rem 0.5rem;
+ --rz-accordion-content-padding-block: 0.5rem;
+ --rz-accordion-content-font-size: var(--rz-body-font-size);
+ --rz-accordion-border-radius: var(--rz-border-radius);
+ --rz-accordion-shadow: none;
+ /* Alert */
+ --rz-alert-margin: 0.5rem 0;
+ --rz-alert-padding: 1rem;
+ --rz-alert-gap: 1rem;
+ --rz-alert-color: var(--rz-text-color);
+ --rz-alert-background-color: var(--rz-base-200);
+ --rz-alert-box-shadow: var(--rz-shadow-3);
+ --rz-alert-border-radius: var(--rz-border-radius);
+ --rz-alert-message-margin: 0.25rem 0;
+ --rz-alert-title-color: var(--rz-text-h6-color);
+ --rz-alert-icon-color: var(--rz-alert-color);
+ --rz-alert-icon-margin: 0.25rem 0;
+ --rz-alert-icon-size: var(--rz-icon-size);
+ /* Badge */
+ --rz-badge-border-radius: var(--rz-border-radius);
+ --rz-badge-pill-border-radius: calc(4 * var(--rz-border-radius));
+ --rz-badge-padding: 0.125rem 0.25rem;
+ --rz-badge-pill-padding: 0.125rem 0.5rem;
+ --rz-badge-font-size: 0.75rem;
+ --rz-badge-font-weight: 600;
+ --rz-badge-line-height: 1rem;
+ --rz-badge-text-transform: uppercase;
+ --rz-badge-letter-spacing: 0.02rem;
+ /* Button */
+ --rz-button-base-background-color: var(--rz-primary);
+ --rz-button-base-color: var(--rz-on-primary);
+ --rz-button-background-size: auto;
+ --rz-button-border-radius: var(--rz-border-radius);
+ --rz-button-shadow: none;
+ --rz-button-transition: var(--rz-transition-all), width 0, height 0;
+ --rz-button-line-height: 1.25rem;
+ --rz-button-vertical-align: top;
+ --rz-button-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
+ --rz-button-hover-gradient: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
+ --rz-button-hover-background-size: auto;
+ --rz-button-focus-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
+ --rz-button-focus-gradient: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
+ --rz-button-focus-background-size: auto;
+ --rz-button-focus-outline: var(--rz-outline-focus);
+ --rz-button-focus-outline-offset: var(--rz-outline-offset);
+ --rz-button-active-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
+ --rz-button-active-gradient: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+ --rz-button-active-background-size: auto;
+ --rz-button-disabled-opacity: 0.2;
+ --rz-button-empty-opacity: 0.4;
+ /* Card */
+ --rz-card-padding: 1.25rem;
+ --rz-card-background-color: var(--rz-base-background-color);
+ --rz-card-flat-background-color: var(--rz-base-700);
+ --rz-card-shadow: var(--rz-shadow-2);
+ --rz-card-border: var(--rz-border-normal);
+ --rz-card-border-radius: var(--rz-border-radius);
+ --rz-card-heading-margin-bottom: 0.5rem;
+ /* Carousel */
+ --rz-carousel-pager-button-width: 0.75rem;
+ --rz-carousel-pager-button-height: 0.75rem;
+ --rz-carousel-pager-button-border: 0.125rem solid var(--rz-base);
+ --rz-carousel-pager-button-border-radius: 50%;
+ --rz-carousel-pager-button-background-color: var(--rz-base);
+ --rz-carousel-pager-button-color: var(--rz-on-base);
+ --rz-carousel-pager-button-hover-border: var(--rz-carousel-pager-button-border);
+ --rz-carousel-pager-button-hover-background-color: transparent;
+ --rz-carousel-pager-button-hover-color: var(--rz-on-base-dark);
+ --rz-carousel-pager-button-active-width: var(--rz-carousel-pager-button-width);
+ --rz-carousel-pager-button-active-height: var(--rz-carousel-pager-button-height);
+ --rz-carousel-pager-button-active-border: 0.125rem solid var(--rz-base-800);
+ --rz-carousel-pager-button-active-background-color: var(--rz-primary);
+ --rz-carousel-pager-button-active-color: var(--rz-on-primary);
+ --rz-carousel-pager-overlay-opacity: 0.7;
+ --rz-carousel-pager-gap: 0.5rem;
+ --rz-carousel-pager-height: 3rem;
+ --rz-carousel-prev-next-button-border-radius: var(--rz-button-border-radius);
+ --rz-carousel-prev-next-button-inset: 1rem;
+ --rz-carousel-border-radius: var(--rz-card-border-radius);
+ /* Chart */
+ --rz-chart-axis-color: var(--rz-base-600);
+ --rz-chart-axis-label-color: var(--rz-text-secondary-color);
+ --rz-chart-axis-font-size: 0.875rem;
+ --rz-chart-legend-font-size: 0.875rem;
+ --rz-chart-legend-focus-outline: var(--rz-outline-focus);
+ --rz-chart-legend-focus-outline-offset: var(--rz-outline-offset);
+ --rz-chart-tooltip-background: var(--rz-base-background-color);
+ --rz-chart-tooltip-color: var(--rz-text-color);
+ --rz-chart-tooltip-border-radius: var(--rz-tooltip-border-radius);
+ --rz-chart-tooltip-font-size: var(--rz-tooltip-font-size);
+ --rz-chart-tooltip-item-border-radius: var(--rz-border-radius);
+ --rz-chart-tooltip-item-hover-background-color: var(--rz-grid-stripe-background-color);
+ --rz-chart-marker-stroke: var(--rz-base-background-color);
+ /* Chat */
+ --rz-chat-background-color: var(--rz-base-background-color);
+ --rz-chat-border: var(--rz-border-normal);
+ --rz-chat-border-radius: var(--rz-border-radius);
+ --rz-chat-header-padding-block: 0.5rem;
+ --rz-chat-header-padding-inline: 1rem 0.5rem;
+ --rz-chat-header-background-color: var(--rz-base-background-color);
+ --rz-chat-header-bottom-border: var(--rz-border-normal);
+ --rz-chat-header-shadow: none;
+ --rz-chat-header-title-font-size: 1rem;
+ --rz-chat-header-title-font-weight: 600;
+ --rz-chat-message-user-color: var(--rz-on-primary-lighter);
+ --rz-chat-message-user-background-color: var(--rz-primary-lighter);
+ --rz-chat-message-assistant-color: var(--rz-on-base);
+ --rz-chat-message-assistant-background-color: var(--rz-base);
+ --rz-chat-message-text-padding: 0.25rem 0.5rem;
+ --rz-chat-message-text-border-radius: var(--rz-border-radius);
+ --rz-chat-avatar-size: 2rem;
+ --rz-chat-avatar-border-radius: var(--rz-border-radius);
+ --rz-chat-avatar-font-size: 1rem;
+ --rz-chat-avatar-font-weight: 700;
+ --rz-chat-message-time-padding: 0;
+ --rz-chat-message-callout-radius: calc(var(--rz-border-radius) / 4);
+ /* Checkbox */
+ --rz-checkbox-width: 1.25rem;
+ --rz-checkbox-height: 1.25rem;
+ --rz-checkbox-border-radius: 2px;
+ --rz-checkbox-border-width: inherit;
+ --rz-checkbox-label-margin-block: 0;
+ --rz-checkbox-label-margin-inline: 0.5rem 1rem;
+ --rz-checkbox-margin-block: 0;
+ --rz-checkbox-margin-inline: 0;
+ --rz-checkbox-focus-outline: var(--rz-outline-focus);
+ --rz-checkbox-focus-outline-offset: var(--rz-outline-offset);
+ --rz-checkbox-checked-background-color: var(--rz-secondary);
+ --rz-checkbox-checked-hover-background-color: var(--rz-secondary-light);
+ --rz-checkbox-checked-disabled-background-color: var(--rz-secondary);
+ --rz-checkbox-checked-color: var(--rz-on-secondary);
+ --rz-checkbox-checked-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
+ --rz-checkbox-checked-border: var(--rz-input-border-block-end);
+ --rz-checkbox-checked-hover-border: var(--rz-input-border-block-end);
+ --rz-checkbox-checked-disabled-border: var(--rz-input-border-block-end);
+ --rz-checkbox-checked-icon-background-color: transparent;
+ --rz-checkbox-checked-icon-border-radius: 0;
+ --rz-checkbox-icon-width: var(--rz-body-font-size);
+ --rz-checkbox-icon-height: var(--rz-body-font-size);
+ --rz-checkbox-icon-font-size: var(--rz-body-font-size);
+ --rz-checkbox-tri-icon-width: var(--rz-body-font-size);
+ --rz-checkbox-tri-icon-height: var(--rz-body-font-size);
+ --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size);
+ /* Chip */
+ --rz-chip-background-color: var(--rz-base-700);
+ --rz-chip-color: var(--rz-text-color);
+ --rz-chip-padding-block: 0;
+ --rz-chip-padding-inline: 0.5rem 0;
+ --rz-chip-gap: 0.5rem;
+ --rz-chip-border-radius: var(--rz-border-radius);
+ --rz-chip-font-size: 0.875rem;
+ /* ColorPicker */
+ --rz-colorpicker-panel-border: var(--rz-border-normal);
+ --rz-colorpicker-panel-background-color: var(--rz-base-background-color);
+ --rz-colorpicker-panel-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
+ --rz-colorpicker-panel-padding: 0.5rem;
+ --rz-colorpicker-panel-max-width: 20rem;
+ --rz-colorpicker-saturation-height: 200px;
+ --rz-colorpicker-focus-outline: var(--rz-outline-focus);
+ --rz-colorpicker-focus-outline-offset: var(--rz-outline-offset);
+ --rz-colorpicker-value-border-radius: var(--rz-border-radius);
+ --rz-colorpicker-items-gap: 0.5rem;
+ --rz-colorpicker-item-size: 1.25rem;
+ --rz-colorpicker-item-border-radius: var(--rz-border-radius);
+ --rz-colorpicker-item-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 0px 4px inset;
+ --rz-colorpicker-item-selected-transform: scale(1.25);
+ --rz-colorpicker-handle-size: 12px;
+ --rz-colorpicker-handle-border: 2px solid var(--rz-white);
+ --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px;
+ --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem;
+ --rz-colorpicker-hex-input-height: 2rem;
+ --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem;
+ --rz-colorpicker-rgba-input-height: 2rem;
+ --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color);
+ /* DataFilter */
+ --rz-datafilter-item-padding-block: 0.25rem;
+ --rz-datafilter-item-padding-inline-start: 2rem;
+ --rz-datafilter-item-indentation: 0.25rem;
+ --rz-datafilter-item-path-width: 1rem;
+ --rz-datafilter-item-path-height: calc(0.25rem + var(--rz-input-height) / 2);
+ --rz-datafilter-item-path-border: var(--rz-border-normal);
+ --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius));
+ /* DataList */
+ --rz-datalist-background-color: var(--rz-base-background-color);
+ --rz-datalist-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
+ --rz-datalist-padding: 0.5rem;
+ --rz-datalist-border: var(--rz-border-base-700);
+ --rz-datalist-border-radius: var(--rz-border-radius);
+ --rz-datalist-item-shadow: 0 22px 64px 0 rgba(0, 0, 0, 0.22);
+ --rz-datalist-item-border: none;
+ --rz-datalist-item-margin-block: 0.5rem;
+ --rz-datalist-item-margin-inline: 0.5rem;
+ --rz-datalist-item-padding: 1rem;
+ --rz-datalist-item-background-color: var(--rz-base-background-color);
+ /* DatePicker */
+ --rz-datepicker-trigger-icon-width: var(--rz-icon-size);
+ --rz-datepicker-trigger-icon-height: var(--rz-icon-size);
+ --rz-datepicker-line-height: 1.25rem;
+ --rz-datepicker-trigger-icon-color: var(--rz-input-value-color);
+ --rz-datepicker-trigger-icon-hover-color: var(--rz-input-value-color);
+ --rz-datepicker-popup-width: 20rem;
+ --rz-datepicker-panel-border: var(--rz-border-normal);
+ --rz-datepicker-panel-background-color: var(--rz-base-background-color);
+ --rz-datepicker-panel-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
+ --rz-datepicker-panel-margin: 0;
+ --rz-datepicker-header-color: var(--rz-text-secondary-color);
+ --rz-datepicker-header-background-color: var(--rz-base-800);
+ --rz-datepicker-header-padding-block: 0.25rem;
+ --rz-datepicker-header-padding-inline: 0.25rem;
+ --rz-datepicker-header-border: none;
+ --rz-datepicker-footer-padding: 0 1rem;
+ --rz-datepicker-footer-line-height: 2.8125rem;
+ --rz-datepicker-prev-next-icon-size: 1.5rem;
+ --rz-datepicker-prev-next-button-border-radius: var(--rz-border-radius);
+ --rz-datepicker-calendar-padding-block: 0;
+ --rz-datepicker-calendar-padding-inline: 0;
+ --rz-datepicker-calendar-item-padding: 0.5rem 0.875rem;
+ --rz-datepicker-calendar-header-font-size: 0.625rem;
+ --rz-datepicker-calendar-header-text-transform: uppercase;
+ --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color);
+ --rz-datepicker-calendar-font-size: var(--rz-body-font-size);
+ --rz-datepicker-calendar-color: var(--rz-text-color);
+ --rz-datepicker-calendar-hover-color: var(--rz-on-secondary-light);
+ --rz-datepicker-calendar-hover-background-color: var(--rz-secondary-light);
+ --rz-datepicker-calendar-selected-color: var(--rz-on-secondary-dark);
+ --rz-datepicker-calendar-selected-background-color: var(--rz-secondary-dark);
+ --rz-datepicker-calendar-selected-hover-color: var(--rz-on-secondary);
+ --rz-datepicker-calendar-selected-hover-background-color: var(--rz-secondary);
+ --rz-datepicker-calendar-border: var(--rz-border-base-700);
+ --rz-datepicker-calendar-border-radius: 0;
+ --rz-datepicker-calendar-transition: var(--rz-transition-all);
+ --rz-datepicker-calendar-today-color: var(--rz-secondary);
+ --rz-datepicker-calendar-today-background-color: transparent;
+ --rz-datepicker-calendar-today-box-shadow: none;
+ --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius);
+ --rz-datepicker-month-dropdown-width: 8rem;
+ --rz-datepicker-year-dropdown-width: 4.5rem;
+ --rz-datepicker-focus-outline: var(--rz-outline-focus);
+ --rz-datepicker-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-timepicker-color: var(--rz-text-color);
+ --rz-timepicker-background-color: var(--rz-base-900);
+ --rz-timepicker-separator-color: var(--rz-text-color);
+ --rz-timepicker-padding-block: 0.5rem;
+ --rz-timepicker-padding-inline: 0.5rem;
+ --rz-timepicker-hour-padding: 0.5rem;
+ --rz-timepicker-button-color: var(--rz-on-secondary);
+ --rz-timepicker-button-background-color: var(--rz-secondary);
+ --rz-timepicker-button-width: 0.875rem;
+ --rz-timepicker-button-height: 0.875rem;
+ --rz-timepicker-button-border-radius: 2px;
+ --rz-timepicker-button-padding: 0.5rem 1rem !important;
+ --rz-timepicker-gap: 0.5rem;
+ --rz-timepicker-separator-margin: 0 0.5rem;
+ --rz-timepicker-border: none;
+ /* Dialog */
+ --rz-dialog-background-color: var(--rz-base-background-color);
+ --rz-dialog-shadow: 0 22px 64px 0 rgba(0, 0, 0, 0.22);
+ --rz-dialog-title-background-color: var(--rz-base-background-color);
+ --rz-dialog-title-border: none;
+ --rz-dialog-title-padding-block: 0.6875rem;
+ --rz-dialog-title-padding-inline: 1.25rem;
+ --rz-dialog-title-font-size: 1.25rem;
+ --rz-dialog-title-line-height: 1.875rem;
+ --rz-dialog-title-font-weight: 700;
+ --rz-dialog-title-letter-spacing: -0.03em;
+ --rz-dialog-title-color: var(--rz-text-title-color);
+ --rz-dialog-close-font-size: var(--rz-icon-size);
+ --rz-dialog-close-color: var(--rz-text-tertiary-color);
+ --rz-dialog-close-hover-color: var(--rz-text-color);
+ --rz-dialog-close-vertical-align: middle;
+ --rz-dialog-content-padding: 1.25rem;
+ --rz-dialog-mask-background-color: var(--rz-base-800);
+ --rz-dialog-border-radius: var(--rz-border-radius);
+ --rz-dialog-mask-zindex: 1000;
+ --rz-dialog-zindex: 1001;
+ --rz-dialog-transition: 0.1s ease-in-out;
+ /* DropDown */
+ --rz-dropdown-trigger-icon-width: var(--rz-icon-size);
+ --rz-dropdown-trigger-icon-height: var(--rz-icon-size);
+ --rz-dropdown-trigger-icon-margin-block: 0;
+ --rz-dropdown-trigger-icon-margin-inline: 0 0.5rem;
+ --rz-dropdown-horizontal-padding: 0.5rem;
+ --rz-dropdown-panel-padding: 0 0.5rem;
+ --rz-dropdown-items-margin: 0 -0.5rem;
+ --rz-dropdown-items-padding: 0;
+ --rz-dropdown-item-padding: 0.5rem;
+ --rz-dropdown-item-font-size: var(--rz-input-font-size);
+ --rz-dropdown-item-hover-background-color: var(--rz-secondary-light);
+ --rz-dropdown-item-selected-background-color: var(--rz-secondary-dark);
+ --rz-dropdown-item-selected-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
+ --rz-dropdown-item-hover-color: var(--rz-on-secondary-light);
+ --rz-dropdown-item-selected-color: var(--rz-on-secondary-dark);
+ --rz-dropdown-item-selected-hover-background-color: var(--rz-secondary);
+ --rz-dropdown-item-selected-hover-color: var(--rz-on-secondary);
+ --rz-dropdown-item-transition: none;
+ --rz-dropdown-item-disabled-opacity: 0.2;
+ --rz-dropdown-label-padding-block: 0;
+ --rz-dropdown-label-padding-inline: 0 var(--rz-icon-size);
+ --rz-dropdown-filter-border: var(--rz-border-base-700);
+ --rz-dropdown-filter-padding: 0.5rem 0;
+ --rz-dropdown-open-background-color: var(--rz-base-background-color);
+ --rz-dropdown-open-border: var(--rz-input-border);
+ --rz-dropdown-panel-border: var(--rz-input-border);
+ --rz-dropdown-panel-shadow: none;
+ --rz-dropdown-chips-padding-block: var(--rz-input-padding-block);
+ --rz-dropdown-chips-padding-inline: var(--rz-input-padding-inline);
+ --rz-multiselect-checkbox-margin-block: 0;
+ --rz-multiselect-checkbox-margin-inline: 0 0.5rem;
+ /* Editor */
+ --rz-editor-border: var(--rz-input-border);
+ --rz-editor-border-radius: var(--rz-border-radius);
+ --rz-editor-toolbar-background-color: var(--rz-base-background-color);
+ --rz-editor-toolbar-item-margin: 0.25rem 0.125rem;
+ --rz-editor-button-padding: 0.5rem;
+ --rz-editor-button-background-color: var(--rz-base-background-color);
+ --rz-editor-button-color: var(--rz-text-color);
+ --rz-editor-button-disabled-color: var(--rz-text-disabled-color);
+ --rz-editor-button-selected-background-color: var(--rz-secondary);
+ --rz-editor-button-selected-color: var(--rz-on-secondary);
+ --rz-editor-separator-background-color: var(--rz-base-700);
+ --rz-editor-content-background-color: var(--rz-base-background-color);
+ --rz-editor-focus-outline: var(--rz-outline-focus);
+ --rz-editor-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ /* Fieldset */
+ --rz-fieldset-border: var(--rz-border-base-700);
+ --rz-fieldset-border-radius: 0;
+ --rz-fieldset-padding: 1.25rem;
+ --rz-fieldset-legend-color: var(--rz-text-tertiary-color);
+ --rz-fieldset-legend-font-size: var(--rz-body-font-size);
+ --rz-fieldset-legend-margin-block: 0;
+ --rz-fieldset-legend-margin-inline: 1rem 0;
+ --rz-fieldset-legend-padding-block: 0;
+ --rz-fieldset-legend-padding-inline: 1rem;
+ --rz-fieldset-toggle-width: 1.125rem;
+ --rz-fieldset-toggle-margin-block: 0;
+ --rz-fieldset-toggle-margin-inline: 0 0.5rem;
+ --rz-fieldset-toggle-height: 1.125rem;
+ --rz-fieldset-toggle-background-color: var(--rz-base-700);
+ --rz-fieldset-toggle-color: var(--rz-text-tertiary-color);
+ --rz-fieldset-toggle-font-size: 1rem;
+ --rz-fieldset-toggle-border: none;
+ --rz-fieldset-toggle-focus-outline: var(--rz-outline-focus);
+ --rz-fieldset-toggle-focus-outline-offset: var(--rz-outline-offset);
+ /* Footer */
+ --rz-footer-padding: 1rem;
+ --rz-footer-background-color: var(--rz-base-background-color);
+ --rz-footer-border: var(--rz-border-base-700);
+ --rz-footer-color: var(--rz-text-color);
+ --rz-footer-z: 2;
+ /* FormField */
+ --rz-form-field-margin-block: 0.625rem 0;
+ --rz-form-field-margin-inline: 0;
+ --rz-form-field-start-end-padding-block: 0;
+ --rz-form-field-start-end-padding-inline: var(--rz-input-padding-inline);
+ --rz-form-field-filled-height: 3.25rem;
+ --rz-form-field-filled-padding-block: 1.4375rem 0.4375rem;
+ --rz-form-field-filled-padding-inline: 0.4375rem;
+ --rz-form-field-filled-numeric-padding-block: 1.5rem 0.5rem;
+ --rz-form-field-filled-numeric-padding-inline: 0.5rem 1.25rem;
+ --rz-form-field-filled-background-color: var(--rz-base-700);
+ --rz-form-field-filled-hover-background-color: var(--rz-base-700);
+ --rz-form-field-filled-border: var(--rz-input-border);
+ --rz-form-field-filled-hover-border: var(--rz-input-hover-border);
+ --rz-form-field-filled-focus-border: var(--rz-input-focus-border);
+ --rz-form-field-filled-border-radius: var(--rz-border-radius);
+ --rz-form-field-filled-label-floating-top: 0.25rem;
+ --rz-form-field-filled-hover-shadow: var(--rz-input-hover-shadow);
+ --rz-form-field-filled-focus-shadow: var(--rz-input-focus-shadow);
+ --rz-form-field-filled-underline-display: none;
+ --rz-form-field-shadow: none;
+ --rz-form-field-hover-shadow: none;
+ --rz-form-field-focus-shadow: none;
+ --rz-form-field-label-color: var(--rz-text-color);
+ --rz-form-field-label-focus-color: var(--rz-primary);
+ --rz-form-field-label-padding: 0.125rem 0.1875rem;
+ --rz-form-field-text-label-padding: 0.125rem 0;
+ --rz-form-field-label-inset-inline-start: 0.25rem;
+ --rz-form-field-label-textarea-top: 0.375rem;
+ --rz-form-field-label-floating-top: -0.625rem;
+ --rz-form-field-label-floating-background-color: var(--rz-input-background-color);
+ --rz-form-field-helper-padding: 0 0.5rem;
+ /* Forms */
+ --rz-form-error-color: var(--rz-danger);
+ --rz-form-error-font-size: 0.75rem;
+ --rz-validator-background-color: var(--rz-danger);
+ --rz-validator-color: var(--rz-on-danger);
+ --rz-validator-shadow: 0 6px 14px 0 rgba(249, 119, 127, 0.3);
+ --rz-validator-text-padding: 0;
+ --rz-validator-padding: 0.25rem 0.5rem;
+ --rz-validator-pointer-size: 0.375rem;
+ --rz-validator-transform: translateY(12px);
+ /* Gauge */
+ --rz-gauge-scale-color: var(--rz-base-300);
+ --rz-gauge-scale-label-color: var(--rz-text-tertiary-color);
+ --rz-gauge-scale-font-size: var(--rz-body-font-size);
+ --rz-gauge-pointer-color: var(--rz-text-secondary-color);
+ --rz-gauge-arc-scale-color: var(--rz-base-300);
+ --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color);
+ --rz-gauge-arc-value-color: var(--rz-secondary);
+ /* Map */
+ --rz-map-height: 10rem;
+ --rz-map-padding: 1.25rem;
+ --rz-map-background-color: var(--rz-base-background-color);
+ --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
+ /* Gravatar */
+ --rz-gravatar-width: 2rem;
+ --rz-gravatar-height: 2rem;
+ --rz-gravatar-border-radius: 50%;
+ --rz-gravatar-box-shadow: none;
+ /* Grid */
+ --rz-grid-data-border-shadow: none;
+ --rz-grid-cell-border: var(--rz-border-normal);
+ --rz-grid-right-cell-border: var(--rz-border-normal);
+ --rz-grid-bottom-cell-border: var(--rz-border-normal);
+ --rz-grid-cell-padding: 0.5rem;
+ --rz-grid-cell-color: var(--rz-text-color);
+ --rz-grid-cell-font-size: var(--rz-body-font-size);
+ --rz-grid-cell-line-height: var(--rz-body-line-height);
+ --rz-grid-cell-focus-background-color: var(--rz-secondary-lighter);
+ --rz-grid-cell-focus-color: var(--rz-on-secondary-lighter);
+ --rz-grid-cell-focus-outline: var(--rz-outline-focus);
+ --rz-grid-cell-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-grid-hover-background-color: var(--rz-secondary-lighter);
+ --rz-grid-hover-color: var(--rz-on-secondary-lighter);
+ --rz-grid-focus-outline: var(--rz-outline-focus);
+ --rz-grid-focus-outline-offset: var(--rz-outline-offset);
+ --rz-grid-selected-background-color: var(--rz-secondary-dark);
+ --rz-grid-selected-color: var(--rz-on-secondary-dark);
+ --rz-grid-toolbar-background-color: var(--rz-base-background-color);
+ --rz-grid-header-cell-border: var(--rz-border-normal);
+ --rz-grid-header-cell-border-bottom: none;
+ --rz-grid-header-background-color: var(--rz-base-900);
+ --rz-grid-header-font-size: 0.75rem;
+ --rz-grid-header-line-height: 1rem;
+ --rz-grid-header-font-weight: 600;
+ --rz-grid-header-text-transform: uppercase;
+ --rz-grid-header-color: var(--rz-text-secondary-color);
+ --rz-grid-header-cell-padding: 0.625rem 0;
+ --rz-grid-header-title-padding-inline: 0.5rem 0;
+ --rz-grid-header-sorted-background-color: var(--rz-base-800);
+ --rz-grid-header-padding: 1rem;
+ --rz-grid-foot-cell-color: var(--rz-text-color);
+ --rz-grid-foot-background-color: var(--rz-base-900);
+ --rz-grid-filter-background-color: var(--rz-base-800);
+ --rz-grid-filter-padding: 0.5rem;
+ --rz-grid-filter-margin: 0;
+ --rz-grid-filter-border: var(--rz-border-normal);
+ --rz-grid-filter-font-size: var(--rz-body-font-size);
+ --rz-grid-filter-icon-width: var(--rz-icon-size);
+ --rz-grid-filter-icon-height: var(--rz-icon-size);
+ --rz-grid-filter-icon-margin-inline: 0 0.25rem;
+ --rz-grid-filter-icon-font-size: var(--rz-icon-size);
+ --rz-grid-filter-color: var(--rz-text-disabled-color);
+ --rz-grid-filter-focus-color: var(--rz-secondary);
+ --rz-grid-filter-gap: 1rem;
+ --rz-grid-filter-buttons-padding: 0 1rem 1rem;
+ --rz-grid-filter-buttons-border: none;
+ --rz-grid-filter-buttons-background-color: var(--rz-base-800);
+ --rz-grid-filter-button-padding-inline: 1rem;
+ --rz-grid-clear-filter-button-background-color: var(--rz-base);
+ --rz-grid-clear-filter-button-color: var(--rz-on-base);
+ --rz-grid-clear-filter-button-shadow: none;
+ --rz-grid-apply-filter-button-background-color: var(--rz-primary);
+ --rz-grid-apply-filter-button-color: var(--rz-on-primary);
+ --rz-grid-apply-filter-button-shadow: none;
+ --rz-grid-header-filter-icon-margin-inline: auto 0.5rem;
+ --rz-grid-header-filter-icon-hover-color: var(--rz-text-color);
+ --rz-grid-header-filter-icon-active-color: var(--rz-primary);
+ --rz-grid-header-filter-icon-font-size: 1rem;
+ --rz-grid-simple-filter-icon-active-color: var(--rz-on-secondary-dark);
+ --rz-grid-simple-filter-icon-active-background-color: var(--rz-secondary-dark);
+ --rz-grid-border: var(--rz-border-normal);
+ --rz-grid-border-radius: 0;
+ --rz-grid-sort-icon-width: 1rem;
+ --rz-grid-sort-icon-height: 1rem;
+ --rz-grid-sort-icon-color: var(--rz-text-disabled-color);
+ --rz-grid-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
+ --rz-grid-background-color: var(--rz-base-background-color);
+ --rz-grid-stripe-background-color: var(--rz-base-700);
+ --rz-grid-stripe-odd-background-color: var(--rz-base-background-color);
+ --rz-grid-column-resizer-width: 0.5rem;
+ --rz-grid-column-resizer-helper-width: 0.25rem;
+ --rz-grid-column-resizer-helper-background-color: var(--rz-secondary);
+ --rz-grid-column-icon-width: 2rem;
+ --rz-grid-column-icon-padding: 0;
+ --rz-grid-detail-template-border: none;
+ --rz-grid-detail-template-border-radius: 0;
+ --rz-grid-detail-template-padding: 0;
+ --rz-grid-detail-template-background-color: var(--rz-base-900);
+ --rz-grid-loading-indicator-color: currentColor;
+ --rz-grid-loading-indicator-background-color: var(--rz-base-600);
+ --rz-grid-loading-indicator-background-opacity: 0.5;
+ --rz-grid-frozen-cell-border: var(--rz-border-normal);
+ --rz-grid-frozen-cell-background-color: var(--rz-base-900);
+ --rz-grid-state-transition: var(--rz-transition-all);
+ --rz-grid-group-header-padding: 0.5rem;
+ --rz-grid-group-header-gap: 0.5rem;
+ --rz-grid-group-header-item-color: var(--rz-text-color);
+ --rz-grid-group-header-item-background-color: var(--rz-base-background-color);
+ --rz-grid-group-header-item-padding-block: 0.5rem;
+ --rz-grid-group-header-item-padding-inline: 0.5rem;
+ --rz-grid-group-header-item-border: var(--rz-border-normal);
+ --rz-grid-group-header-item-border-radius: var(--rz-border-radius);
+ --rz-grid-group-header-item-title-margin-inline: 0 0.5rem;
+ --rz-column-drag-handle-color: var(--rz-text-secondary-color);
+ --rz-column-drag-handle-hover-color: var(--rz-text-secondary-color);
+ --rz-column-drag-handle-margin-inline: 0 auto;
+ --rz-column-draggable-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1);
+ /* Header */
+ --rz-header-background-color: var(--rz-base-background-color);
+ --rz-header-min-height: 3.125rem;
+ --rz-header-z: 2;
+ --rz-header-border: var(--rz-border-base-700);
+ --rz-header-color: var(--rz-text-color);
+ --rz-header-shadow: none;
+ /* Icon */
+ --rz-icon-font-family: Material Symbols;
+ --rz-icon-size: 1.25rem;
+ --rz-icon-fill: 0;
+ --rz-icon-weight: inherit;
+ --rz-icon-grade: 0;
+ --rz-icon-optical-size: 48;
+ /* Input */
+ --rz-input-font-size: var(--rz-body-font-size);
+ --rz-input-height: 2.25rem;
+ --rz-input-line-height: var(--rz-body-line-height);
+ --rz-input-padding-block: 0.4375rem;
+ --rz-input-padding-inline: 0.4375rem;
+ --rz-input-value-color: var(--rz-text-color);
+ --rz-input-placeholder-color: var(--rz-text-tertiary-color);
+ --rz-input-background-color: var(--rz-base-900);
+ --rz-input-border: var(--rz-border-normal);
+ --rz-input-border-block-end: var(--rz-border-normal);
+ --rz-input-border-radius: var(--rz-border-radius);
+ --rz-input-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
+ --rz-input-hover-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
+ --rz-input-hover-background-color: var(--rz-base-background-color);
+ --rz-input-hover-border: var(--rz-border-hover);
+ --rz-input-hover-border-block-end: var(--rz-input-hover-border);
+ --rz-input-focus-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
+ --rz-input-focus-background-color: var(--rz-base-background-color);
+ --rz-input-focus-border: var(--rz-border-focus);
+ --rz-input-focus-border-block-end: var(--rz-input-focus-border);
+ --rz-input-focus-outline: var(--rz-outline-normal);
+ --rz-input-focus-outline-offset: 0;
+ --rz-input-disabled-border: var(--rz-border-disabled);
+ --rz-input-disabled-border-block-end: var(--rz-border-disabled);
+ --rz-input-disabled-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
+ --rz-input-disabled-background-color: var(--rz-base-800);
+ --rz-input-disabled-color: var(--rz-text-tertiary-color);
+ --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color);
+ --rz-input-disabled-opacity: 1;
+ --rz-input-transition: var(--rz-transition-all), width 0, height 0;
+ /* Layout */
+ --rz-layout-background-color: var(--rz-body-background-color);
+ /* Listbox */
+ --rz-listbox-background-color: var(--rz-input-background-color);
+ --rz-listbox-border-radius: var(--rz-input-border-radius);
+ --rz-listbox-border: var(--rz-input-border);
+ --rz-listbox-focus-border: var(--rz-input-focus-border);
+ --rz-listbox-focus-shadow: var(--rz-input-focus-shadow);
+ --rz-listbox-filter-border: var(--rz-border-base-100);
+ --rz-listbox-padding: 0;
+ --rz-listbox-item-padding: var(--rz-dropdown-item-padding);
+ --rz-listbox-item-margin: 0;
+ --rz-listbox-checkbox-margin-block: 0;
+ --rz-listbox-checkbox-margin-inline: 0 0.5rem;
+ --rz-listbox-header-padding-block: 0.5rem;
+ --rz-listbox-header-padding-inline: 0.5rem;
+ --rz-listbox-header-icon-width: var(--rz-icon-size);
+ --rz-listbox-header-icon-height: var(--rz-icon-size);
+ --rz-listbox-header-icon-margin: 0;
+ /* Login */
+ --rz-login-register-background-color: var(--rz-base-700);
+ --rz-login-register-padding-block: 1rem;
+ --rz-login-register-padding-inline: 1rem;
+ --rz-login-register-margin-block: 2rem 0;
+ --rz-login-register-margin-inline: 0;
+ --rz-login-register-button-margin-block: 0;
+ --rz-login-register-button-margin-inline: 0;
+ /* Lookup */
+ --rz-lookup-panel-background-color: var(--rz-base-background-color);
+ --rz-lookup-panel-padding: 1rem;
+ --rz-lookup-search-gap: 0.5rem;
+ --rz-lookup-search-margin-bottom: 0.5rem;
+ /* Menu */
+ --rz-menu-background-color: var(--rz-base-background-color);
+ --rz-menu-border: var(--rz-border-normal);
+ --rz-menu-border-radius: 2px;
+ --rz-menu-item-padding-block: 0.5rem;
+ --rz-menu-item-padding-inline: 0.5rem 1rem;
+ --rz-menu-item-border-radius: 0;
+ --rz-menu-item-color: var(--rz-text-color);
+ --rz-menu-item-hover-color: var(--rz-on-secondary-light);
+ --rz-menu-item-hover-background-color: var(--rz-secondary-light);
+ --rz-menu-item-focus-outline: var(--rz-outline-focus);
+ --rz-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-menu-item-selected-color: var(--rz-secondary);
+ --rz-menu-item-selected-background-color: transparent;
+ --rz-menu-item-icon-margin-inline: 0 0.5rem;
+ --rz-menu-item-icon-color: var(--rz-text-color);
+ --rz-menu-item-icon-hover-color: var(--rz-on-secondary-light);
+ --rz-menu-item-offset: 1rem;
+ --rz-menu-item-transition: none;
+ --rz-menu-item-disabled-opacity: 0.2;
+ --rz-menu-top-item-padding-block: 0.5rem;
+ --rz-menu-top-item-padding-inline: 0.5rem;
+ --rz-menu-top-item-border-radius: 0;
+ --rz-menu-top-item-color: var(--rz-text-color);
+ --rz-menu-top-item-background-color: var(--rz-base-background-color);
+ --rz-menu-top-item-hover-color: var(--rz-secondary);
+ --rz-menu-top-item-hover-background-color: transparent;
+ --rz-menu-top-item-selected-color: var(--rz-secondary);
+ --rz-menu-top-item-selected-background-color: transparent;
+ --rz-menu-top-item-icon-color: var(--rz-text-color);
+ --rz-menu-top-item-icon-hover-color: var(--rz-secondary);
+ --rz-context-menu-padding-block: 0;
+ --rz-context-menu-padding-inline: 0;
+ --rz-context-menu-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1);
+ /* Notification */
+ --rz-notification-padding: 1rem 1.25rem;
+ --rz-notification-gap: 0.625rem;
+ --rz-notification-icon-margin: 0;
+ --rz-notification-container-background-color: transparent;
+ --rz-notification-shadow: none;
+ --rz-notification-border-radius: var(--rz-border-radius);
+ --rz-notification-success-color: var(--rz-on-success);
+ --rz-notification-success-background-color: var(--rz-success);
+ --rz-notification-success-icon-color: var(--rz-on-success);
+ --rz-notification-warning-color: var(--rz-on-warning);
+ --rz-notification-warning-background-color: var(--rz-warning);
+ --rz-notification-warning-icon-color: var(--rz-on-warning);
+ --rz-notification-error-color: var(--rz-on-danger);
+ --rz-notification-error-background-color: var(--rz-danger);
+ --rz-notification-error-icon-color: var(--rz-on-danger);
+ --rz-notification-info-color: var(--rz-on-info);
+ --rz-notification-info-background-color: var(--rz-info);
+ --rz-notification-info-icon-color: var(--rz-on-info);
+ /* Numeric */
+ --rz-numeric-line-height: 1.25rem;
+ --rz-numeric-input-padding-block: 0.5rem;
+ --rz-numeric-input-padding-inline: 0.5rem 1.25rem;
+ --rz-numeric-button-width: 0.875rem;
+ --rz-numeric-button-height: 0.875rem;
+ --rz-numeric-button-offset: 2px;
+ --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px);
+ --rz-numeric-button-background-color: var(--rz-secondary);
+ --rz-numeric-button-disabled-background-color: var(--rz-base-700);
+ --rz-numeric-button-disabled-color: var(--rz-text-disabled-color);
+ --rz-numeric-button-color: var(--rz-on-secondary);
+ /* Overlay */
+ --rz-overlay-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
+ --rz-overlay-border: var(--rz-border-normal);
+ --rz-overlay-background-color: var(--rz-base-background-color);
+ /* Pager */
+ --rz-pager-background-color: var(--rz-base-background-color);
+ --rz-pager-padding: 0.5rem;
+ --rz-pager-gap: 0.5rem;
+ --rz-pager-border: var(--rz-border-normal);
+ --rz-pager-button-border-radius: var(--rz-border-radius);
+ --rz-pager-numeric-button-background-color: var(--rz-base-700);
+ --rz-pager-numeric-button-color: var(--rz-text-color);
+ --rz-pager-numeric-button-border: 1px solid transparent;
+ --rz-pager-numeric-button-hover-background-color: var(--rz-base-700);
+ --rz-pager-numeric-button-hover-color: var(--rz-text-color);
+ --rz-pager-numeric-button-padding: 0.4375rem;
+ --rz-pager-numeric-button-selected-background-color: var(--rz-base-900);
+ --rz-pager-numeric-button-selected-color: var(--rz-text-contrast-color);
+ --rz-pager-numeric-button-selected-border: var(--rz-border-base-900);
+ --rz-pager-numeric-button-selected-padding: 0.4375rem;
+ --rz-pager-numeric-button-min-width: 2.25rem;
+ --rz-pager-back-button-background-color: var(--rz-base-700);
+ --rz-pager-back-button-color: var(--rz-text-color);
+ --rz-pager-next-button-background-color: var(--rz-base-700);
+ --rz-pager-next-button-color: var(--rz-text-color);
+ --rz-pager-dropdown-width: 80px;
+ --rz-pager-summary-padding: 1.25rem;
+ --rz-pager-summary-font-size: var(--rz-body-font-size);
+ --rz-pager-summary-color: var(--rz-text-secondary-color);
+ /* PanelMenu */
+ --rz-panel-menu-padding-block: 0;
+ --rz-panel-menu-padding-inline: 0;
+ --rz-panel-menu-font-size: var(--rz-body-font-size);
+ --rz-panel-menu-font-weight: 600;
+ --rz-panel-menu-focus-outline: var(--rz-outline-focus);
+ --rz-panel-menu-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-panel-menu-item-line-height: 1.25rem;
+ --rz-panel-menu-item-padding-block: 0.75rem;
+ --rz-panel-menu-item-padding-inline: 1rem;
+ --rz-panel-menu-item-margin-block: 0;
+ --rz-panel-menu-item-margin-inline: 0;
+ --rz-panel-menu-item-border: var(--rz-border-base-900);
+ --rz-panel-menu-item-border-radius: 0;
+ --rz-panel-menu-item-color: var(--rz-text-contrast-color);
+ --rz-panel-menu-item-background-color: var(--rz-base-800);
+ --rz-panel-menu-item-hover-color: var(--rz-text-contrast-color);
+ --rz-panel-menu-item-hover-background-color: rgba(0, 0, 0, 0.3);
+ --rz-panel-menu-item-active-color: var(--rz-text-contrast-color);
+ --rz-panel-menu-item-active-background-color: var(--rz-base-900);
+ --rz-panel-menu-item-active-indicator: var(--rz-secondary);
+ --rz-panel-menu-item-offset: 0.75rem;
+ --rz-panel-menu-item-transition: color var(--rz-transition), background-color var(--rz-transition);
+ --rz-panel-menu-2nd-level-vertical-offset: 0;
+ --rz-panel-menu-item-2nd-level-padding-block: 0.5rem;
+ --rz-panel-menu-item-2nd-level-padding-inline: 1rem;
+ --rz-panel-menu-item-2nd-level-margin-block: 0;
+ --rz-panel-menu-item-2nd-level-margin-inline: 0;
+ --rz-panel-menu-item-2nd-level-border-radius: 0;
+ --rz-panel-menu-item-2nd-level-offset: 2.75rem;
+ --rz-panel-menu-item-2nd-level-font-size: var(--rz-body-font-size);
+ --rz-panel-menu-item-2nd-level-font-weight: 400;
+ --rz-panel-menu-item-2nd-level-color: inherit;
+ --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-900);
+ --rz-panel-menu-item-2nd-level-hover-color: inherit;
+ --rz-panel-menu-item-2nd-level-hover-background-color: rgba(0, 0, 0, 0.4);
+ --rz-panel-menu-item-2nd-level-active-color: inherit;
+ --rz-panel-menu-item-2nd-level-active-background-color: rgba(0, 0, 0, 0.4);
+ --rz-panel-menu-item-2nd-level-active-font-weight: inherit;
+ --rz-panel-menu-item-3rd-level-color: inherit;
+ --rz-panel-menu-item-3rd-level-background-color: rgba(0, 0, 0, 0.4);
+ --rz-panel-menu-item-3rd-level-hover-color: inherit;
+ --rz-panel-menu-item-3rd-level-hover-background-color: rgba(0, 0, 0, 0.6);
+ --rz-panel-menu-item-3rd-level-active-color: inherit;
+ --rz-panel-menu-item-3rd-level-active-background-color: rgba(0, 0, 0, 0.6);
+ --rz-panel-menu-icon-width: var(--rz-icon-size);
+ --rz-panel-menu-icon-font-size: var(--rz-icon-size);
+ --rz-panel-menu-icon-color: inherit;
+ --rz-panel-menu-icon-height: var(--rz-icon-size);
+ --rz-panel-menu-icon-margin-inline: 0 0.5rem;
+ --rz-panel-menu-icon-2nd-level-margin-inline: -1.625rem 0.625rem;
+ --rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size) * 0.8);
+ --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size);
+ --rz-panel-menu-toggle-icon-opacity: 1;
+ /* Panel */
+ --rz-panel-background-color: var(--rz-base-background-color);
+ --rz-panel-padding: 0.5rem;
+ --rz-panel-title-line-height: 1.25rem;
+ --rz-panel-title-font-weight: 600;
+ --rz-panel-content-margin: 0;
+ --rz-panel-toggle-icon-width: var(--rz-icon-size);
+ --rz-panel-toggle-icon-height: var(--rz-icon-size);
+ --rz-panel-toggle-icon-font-size: var(--rz-icon-size);
+ --rz-panel-toggle-icon-border-radius: 2px;
+ --rz-panel-toggle-icon-background-color: var(--rz-base-700);
+ --rz-panel-toggle-icon-focus-outline: var(--rz-outline-focus);
+ --rz-panel-toggle-icon-focus-outline-offset: var(--rz-outline-offset);
+ --rz-panel-hover-color: var(--rz-secondary);
+ --rz-panel-border-radius: var(--rz-border-radius);
+ --rz-panel-shadow: none;
+ /* ProfileMenu */
+ --rz-profile-menu-background-color: var(--rz-base-background-color);
+ --rz-profile-menu-top-item-background-color: var(--rz-base-background-color);
+ --rz-profile-menu-border: var(--rz-border-base-900);
+ --rz-profile-menu-padding-block: 0.625rem;
+ --rz-profile-menu-padding-inline: 1rem;
+ --rz-profile-menu-border-radius: var(--rz-border-radius);
+ --rz-profile-menu-toggle-button-color: var(--rz-text-color);
+ --rz-profile-menu-item-hover-background-color: var(--rz-secondary);
+ --rz-profile-menu-item-focus-outline: var(--rz-outline-focus);
+ --rz-profile-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-profile-menu-item-icon-width: var(--rz-icon-size);
+ --rz-profile-menu-item-icon-height: var(--rz-icon-size);
+ --rz-profile-menu-item-icon-font-size: var(--rz-icon-size);
+ --rz-profile-menu-item-icon-margin-inline: 0 0.5rem;
+ /* ProgressBar */
+ --rz-progressbar-value: 100%;
+ --rz-progressbar-background-color: var(--rz-base-700);
+ --rz-progressbar-color: var(--rz-text-color);
+ --rz-progressbar-font-size: var(--rz-body-font-size);
+ --rz-progressbar-height: 1.25rem;
+ --rz-progressbar-border-radius: var(--rz-border-radius);
+ --rz-progressbar-value-background-color: var(--rz-secondary);
+ --rz-progressbar-value-transition: var(--rz-transition-all);
+ --rz-progressbar-circular-stroke-width: 2px;
+ --rz-progressbar-circular-value-stroke-width: 3px;
+ --rz-progressbar-circular-value-endpoint: round;
+ /* Radio */
+ --rz-radio-width: 1.25rem;
+ --rz-radio-height: 1.25rem;
+ --rz-radio-border-radius: 50%;
+ --rz-radio-border-width: inherit;
+ --rz-radio-label-margin-block: 0;
+ --rz-radio-label-margin-inline: 1rem;
+ --rz-radio-margin-block: 0;
+ --rz-radio-margin-inline: 0;
+ --rz-radio-focus-outline: var(--rz-outline-focus);
+ --rz-radio-focus-outline-offset: var(--rz-outline-offset);
+ --rz-radio-active-background-color: var(--rz-secondary);
+ --rz-radio-active-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
+ --rz-radio-checked-background-color: var(--rz-secondary);
+ --rz-radio-checked-hover-background-color: var(--rz-secondary-light);
+ --rz-radio-checked-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
+ --rz-radio-checked-color: var(--rz-text-contrast-color);
+ --rz-radio-circle-background-color: var(--rz-base-background-color);
+ --rz-radio-circle-shadow: inset 0 4px 7px 0 rgba(0, 0, 0, 0.03);
+ --rz-radio-circle-hover-background-color: var(--rz-base-100);
+ --rz-radio-icon-width: 0.5rem;
+ --rz-radio-icon-height: 0.5rem;
+ --rz-radio-checked-border: var(--rz-input-border-block-end);
+ /* Rating */
+ --rz-rating-color: var(--rz-secondary);
+ --rz-rating-opacity: 1;
+ --rz-rating-font-size: var(--rz-icon-size);
+ --rz-rating-selected-color: var(--rz-primary);
+ --rz-rating-focus-color: var(--rz-primary-light);
+ --rz-rating-disabled-color: var(--rz-text-disabled-color);
+ --rz-rating-disabled-opacity: 0.3;
+ --rz-rating-ban-icon: highlight_off;
+ --rz-rating-ban-icon-color: var(--rz-secondary);
+ /* Sankey Diagram */
+ --rz-sankey-node-stroke-width: 0;
+ --rz-sankey-link-stroke-width: 0;
+ --rz-sankey-link-opacity: 0.5;
+ --rz-sankey-link-hover-opacity: 0.7;
+ --rz-sankey-label-font-size: 0.875rem;
+ --rz-sankey-label-color: var(--rz-text-color);
+ --rz-sankey-label-stroke: var(--rz-body-background-color);
+ --rz-sankey-label-stroke-width: 2px;
+ /* Scheduler */
+ --rz-scheduler-border: var(--rz-border-normal);
+ --rz-scheduler-border-color: var(--rz-base-700);
+ --rz-scheduler-minor-border-color: var(--rz-base-700);
+ --rz-scheduler-border-radius: var(--rz-border-radius);
+ --rz-scheduler-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
+ --rz-scheduler-background-color: var(--rz-base-background-color);
+ --rz-scheduler-color: var(--rz-text-tertiary-color);
+ --rz-scheduler-toolbar-padding: 0.5rem;
+ --rz-scheduler-toolbar-background-color: var(--rz-base-900);
+ --rz-scheduler-toolbar-title-font-size: 1rem;
+ --rz-scheduler-toolbar-title-font-weight: 700;
+ --rz-scheduler-toolbar-title-color: var(--rz-text-title-color);
+ --rz-scheduler-prev-next-button-background-color: var(--rz-secondary);
+ --rz-scheduler-prev-next-button-color: var(--rz-on-secondary);
+ --rz-scheduler-prev-next-button-padding-block: 0.5rem;
+ --rz-scheduler-prev-next-button-padding-inline: 0.5rem;
+ --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size);
+ --rz-scheduler-prev-button-border-start-start-radius: var(--rz-border-radius);
+ --rz-scheduler-prev-button-border-start-end-radius: 0;
+ --rz-scheduler-prev-button-border-end-start-radius: var(--rz-border-radius);
+ --rz-scheduler-prev-button-border-end-end-radius: 0;
+ --rz-scheduler-next-button-border-start-start-radius: 0;
+ --rz-scheduler-next-button-border-start-end-radius: var(--rz-border-radius);
+ --rz-scheduler-next-button-border-end-start-radius: 0;
+ --rz-scheduler-next-button-border-end-end-radius: var(--rz-border-radius);
+ --rz-scheduler-today-button-margin-inline-start: 0.5rem;
+ --rz-scheduler-today-button-padding: 0.5rem 1rem;
+ --rz-scheduler-today-button-font-size: 0.75rem;
+ --rz-scheduler-today-button-text-transform: uppercase;
+ --rz-scheduler-view-button-border: var(--rz-border-normal);
+ --rz-scheduler-view-button-color: var(--rz-text-secondary-color);
+ --rz-scheduler-view-button-background-color: var(--rz-base-background-color);
+ --rz-scheduler-view-selected-color: var(--rz-on-secondary);
+ --rz-scheduler-view-selected-background-color: var(--rz-secondary);
+ --rz-scheduler-view-selected-border-color: var(--rz-secondary);
+ --rz-scheduler-header-background-color: var(--rz-base-700);
+ --rz-scheduler-header-font-size: 0.75rem;
+ --rz-scheduler-header-font-size-small: 0.5rem;
+ --rz-scheduler-header-text-transform: uppercase;
+ --rz-scheduler-header-color: inherit;
+ --rz-scheduler-header-border: none;
+ --rz-scheduler-header-padding: 0.5rem 0;
+ --rz-scheduler-event-color: var(--rz-on-info);
+ --rz-scheduler-event-background-color: var(--rz-info);
+ --rz-scheduler-event-font-size: 0.75rem;
+ --rz-scheduler-event-line-height: 1.25rem;
+ --rz-scheduler-event-padding-block: 0 1px;
+ --rz-scheduler-event-padding-inline: 1px;
+ --rz-scheduler-event-content-padding: 0.125rem 0.25rem;
+ --rz-scheduler-event-list-button-color: var(--rz-secondary);
+ --rz-scheduler-event-list-button-font-size: 0.75rem;
+ --rz-scheduler-slot-title-font-size: 0.875rem;
+ --rz-scheduler-slot-title-font-size-small: 0.6rem;
+ --rz-scheduler-slot-title-padding: 0 0.25rem;
+ --rz-scheduler-day-number-padding: 0 0.5rem;
+ --rz-scheduler-weekend-color: var(--rz-text-tertiary-color);
+ --rz-scheduler-weekend-background-color: var(--rz-base-700);
+ --rz-scheduler-other-month-background-color: var(--rz-base-900);
+ --rz-scheduler-timeline-slot-width: 7rem;
+ --rz-scheduler-timeline-slot-height: 7rem;
+ --rz-scheduler-year-padding: 1.5rem;
+ --rz-scheduler-year-slot-padding: 1px;
+ --rz-scheduler-year-slot-title-width: 100%;
+ --rz-scheduler-year-slot-title-border-radius: 0.25rem;
+ --rz-scheduler-planner-slot-width: 3rem;
+ --rz-scheduler-planner-slot-height: 4.5rem;
+ --rz-scheduler-focus-outline: var(--rz-outline-focus);
+ --rz-scheduler-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-scheduler-highlight-background-color: rgba(255, 220, 40, 0.2);
+ /* Scrollbar */
+ --rz-scrollbar-background-color: transparent;
+ --rz-scrollbar-color: var(--rz-base-600);
+ --rz-scrollbar-border-radius: calc(2 * var(--rz-border-radius));
+ --rz-scrollbar-size: 16px;
+ /* SecurityCode */
+ --rz-security-code-input-min-width: var(--rz-input-height);
+ --rz-security-code-input-min-height: var(--rz-input-height);
+ --rz-security-code-input-padding: 0.125rem;
+ --rz-security-code-input-font-size: 1.25rem;
+ --rz-security-code-input-font-weight: 600;
+ --rz-security-code-input-line-height: 1;
+ /* SelectBar */
+ --rz-selectbar-background-color: var(--rz-base-backgorund-color);
+ --rz-selectbar-color: var(--rz-text-color);
+ --rz-selectbar-border: var(--rz-border-normal);
+ --rz-selectbar-selected-background-color: var(--rz-secondary);
+ --rz-selectbar-selected-color: var(--rz-on-secondary);
+ --rz-selectbar-selected-border: var(--rz-border-secondary);
+ --rz-selectbar-border-radius: var(--rz-border-radius);
+ --rz-selectbar-focus-outline: var(--rz-outline-focus);
+ --rz-selectbar-focus-outline-offset: var(--rz-outline-offset);
+ --rz-selectbar-button-focus-outline: var(--rz-outline-width) solid var(--rz-text-color);
+ --rz-selectbar-button-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ /* SidebarToggle */
+ --rz-sidebar-toggle-icon-width: 1.5rem;
+ --rz-sidebar-toggle-icon-height: 1.5rem;
+ --rz-sidebar-toggle-margin-inline-end: 1rem;
+ --rz-sidebar-toggle-padding: 0.8125rem;
+ --rz-sidebar-toggle-border: var(--rz-border-base-700);
+ --rz-sidebar-toggle-color: var(--rz-text-color);
+ --rz-sidebar-toggle-background-color: var(--rz-base-background-color);
+ --rz-sidebar-toggle-hover-color: var(--rz-secondary);
+ --rz-sidebar-toggle-hover-background-color: var(--rz-header-background-color);
+ --rz-sidebar-toggle-hover-border-radius: 0;
+ --rz-sidebar-toggle-focus-outline: var(--rz-outline-focus);
+ --rz-sidebar-toggle-focus-outline-offset: calc(-1 * var(--rz-outline-offset));
+ /* Sidebar */
+ --rz-sidebar-z: 1;
+ --rz-sidebar-width: 250px;
+ --rz-sidebar-border-inline-end: var(--rz-border-base-800);
+ --rz-sidebar-background-color: var(--rz-base-background-color);
+ --rz-sidebar-color: var(--rz-white);
+ /* Skeleton */
+ --rz-skeleton-background-color: var(--rz-base-600);
+ --rz-skeleton-animation-color: var(--rz-base-700);
+ --rz-skeleton-border-radius: var(--rz-border-radius);
+ --rz-skeleton-animation-duration: 1.5s;
+ /* Slider */
+ --rz-slider-background-color: var(--rz-base-900);
+ --rz-slider-border: var(--rz-border-normal);
+ --rz-slider-border-radius: var(--rz-border-radius);
+ --rz-slider-horizontal-height: 0.5rem;
+ --rz-slider-horizontal-width: 10rem;
+ --rz-slider-range-background-color: var(--rz-secondary-dark);
+ --rz-slider-range-border: var(--rz-border-secondary-light);
+ --rz-slider-handle-width: 0.75rem;
+ --rz-slider-handle-height: 1.5rem;
+ --rz-slider-handle-color: var(--rz-on-secondary);
+ --rz-slider-handle-background-color: var(--rz-secondary);
+ --rz-slider-handle-border: none;
+ --rz-slider-handle-border-radius: calc(var(--rz-border-radius) / 2);
+ --rz-slider-handle-shadow: none;
+ --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition);
+ --rz-slider-handle-hover-background-color: var(--rz-secondary-light);
+ --rz-slider-handle-hover-border: none;
+ --rz-slider-handle-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
+ --rz-slider-handle-focus-outline: var(--rz-outline-focus);
+ --rz-slider-handle-focus-outline-offset: var(--rz-outline-offset);
+ --rz-slider-disabled-background-color: var(--rz-base-background-color);
+ --rz-slider-disabled-border: var(--rz-border-disabled);
+ --rz-slider-disabled-range-background-color: var(--rz-base-700);
+ --rz-slider-disabled-range-border: var(--rz-border-base-700);
+ --rz-slider-disabled-handle-border: none;
+ --rz-slider-disabled-handle-background-color: var(--rz-base-700);
+ /* SplitButton */
+ --rz-splitbutton-menu-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
+ --rz-splitbutton-menu-min-width: 10rem;
+ --rz-splitbutton-background-color: var(--rz-primary);
+ --rz-splitbutton-border-radius: var(--rz-border-radius);
+ /* Splitter */
+ --rz-splitter-bar-color: var(--rz-text-secondary-color);
+ --rz-splitter-bar-color-active: var(--rz-on-secondary);
+ --rz-splitter-bar-background-color: var(--rz-base-700);
+ --rz-splitter-bar-background-color-active: var(--rz-secondary);
+ --rz-splitter-bar-hover-opacity: 0.8;
+ /* Stack/Grid Layout */
+ --rz-gap: 1rem;
+ --rz-row-gap: 1rem;
+ /* Steps */
+ --rz-steps-color: var(--rz-text-color);
+ --rz-steps-number-border-radius: 50%;
+ --rz-steps-number-padding-block: 0.375rem;
+ --rz-steps-number-padding-inline: 0;
+ --rz-steps-number-width: 2rem;
+ --rz-steps-number-height: 2rem;
+ --rz-steps-number-line-height: var(--rz-body-line-height);
+ --rz-steps-number-color: var(--rz-text-color);
+ --rz-steps-number-background-color: var(--rz-base-700);
+ --rz-steps-number-selected-color: var(--rz-on-secondary);
+ --rz-steps-number-selected-background: var(--rz-secondary);
+ --rz-steps-number-focus-outline: var(--rz-outline-focus);
+ --rz-steps-number-focus-outline-offset: var(--rz-outline-offset);
+ --rz-steps-title-selected-color: var(--rz-secondary);
+ --rz-steps-title-margin-block: 0;
+ --rz-steps-title-margin-inline: 0.5rem 1rem;
+ --rz-steps-buttons-padding-block: 1rem;
+ --rz-steps-buttons-padding-inline: 0;
+ --rz-steps-button-color: var(--rz-text-secondary-color);
+ /* Switch */
+ --rz-switch-background-color: var(--rz-base-400);
+ --rz-switch-checked-background-color: var(--rz-secondary);
+ --rz-switch-box-shadow: none;
+ --rz-switch-circle-background-color: var(--rz-text-contrast-color);
+ --rz-switch-checked-circle-background-color: var(--rz-on-secondary);
+ --rz-switch-focus-outline: var(--rz-outline-focus);
+ --rz-switch-focus-outline-offset: var(--rz-outline-offset);
+ /* Tabs */
+ --rz-tabs-padding: 1.25rem;
+ --rz-tabs-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
+ --rz-tabs-border: none;
+ --rz-tabs-border-radius: var(--rz-border-radius);
+ --rz-tabs-background-color: var(--rz-base-background-color);
+ --rz-tabs-tab-font-size: var(--rz-body-font-size);
+ --rz-tabs-tab-line-height: var(--rz-body-line-height);
+ --rz-tabs-tab-font-weight: normal;
+ --rz-tabs-tab-text-transform: none;
+ --rz-tabs-tab-letter-spacing: 0;
+ --rz-tabs-tab-padding-block: 0.5rem;
+ --rz-tabs-tab-padding-inline: 1rem;
+ --rz-tabs-tab-background-color: var(--rz-base-700);
+ --rz-tabs-tab-color: var(--rz-text-secondary-color);
+ --rz-tabs-tab-selected-background-color: var(--rz-tabs-background-color);
+ --rz-tabs-tab-selected-color: var(--rz-text-title-color);
+ --rz-tabs-tab-selected-top-border-color: var(--rz-secondary);
+ --rz-tabs-tab-hover-background-color: var(--rz-base-800);
+ --rz-tabs-tab-hover-color: var(--rz-text-color);
+ --rz-tabs-tab-focus-background-color: var(--rz-base-background-color);
+ --rz-tabs-tab-focus-color: var(--rz-text-color);
+ --rz-tabs-tab-focus-outline: var(--rz-outline-focus);
+ --rz-tabs-tab-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-tabs-icon-font-size: var(--rz-icon-size);
+ --rz-tabs-icon-margin-inline: -0.25rem 0.25rem;
+ --rz-tabs-transition: var(--rz-transition-all);
+ /* Textarea */
+ --rz-text-area-padding-block: var(--rz-input-padding-block);
+ --rz-text-area-padding-inline: var(--rz-input-padding-inline);
+ /* Timeline */
+ --rz-timeline-item-padding: 0.5rem;
+ --rz-timeline-axis-size: 4rem;
+ --rz-timeline-point-size: 1rem;
+ --rz-timeline-point-border: 3px solid var(--rz-base-background-color);
+ --rz-timeline-point-border-radius: calc(var(--rz-border-radius) * 12);
+ --rz-timeline-point-background-color: var(--rz-base-600);
+ --rz-timeline-point-color: var(--rz-text-color);
+ --rz-timeline-line-color: var(--rz-base-600);
+ --rz-timeline-line-width: 0.125rem;
+ --rz-timeline-line-border-radius: calc(var(--rz-border-radius) * 20);
+ /* TimestampPicker */
+ --rz-timespanpicker-line-height: 1.25rem;
+ --rz-timespanpicker-trigger-icon-width: var(--rz-icon-size);
+ --rz-timespanpicker-trigger-icon-height: var(--rz-icon-size);
+ --rz-timespanpicker-trigger-icon-color: var(--rz-input-value-color);
+ --rz-timespanpicker-trigger-icon-hover-color: var(--rz-input-value-color);
+ --rz-timespanpicker-focus-outline: var(--rz-outline-focus);
+ --rz-timespanpicker-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-timespanpicker-popup-border: var(--rz-border-normal);
+ --rz-timespanpicker-popup-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
+ --rz-timespanpicker-popup-margin: 0;
+ --rz-timespanpicker-popup-width: fit-content;
+ --rz-timespanpicker-panel-background-color: var(--rz-base-800);
+ --rz-timespanpicker-panel-padding: 0.5rem;
+ --rz-timespanpicker-panel-gap: 0.5rem;
+ --rz-timespanpicker-panel-unit-gap: 0;
+ --rz-timespanpicker-panel-field-min-width: 4rem;
+ --rz-timespanpicker-unit-label-color: var(--rz-text-tertiary-color);
+ /* Toc */
+ --rz-toc-link-padding-block: 0.5rem;
+ --rz-toc-link-padding-inline: 0.75rem;
+ --rz-toc-link-font-size: var(--rz-body-font-size);
+ --rz-toc-link-font-weight: 400;
+ --rz-toc-link-border: none;
+ --rz-toc-link-border-radius: var(--rz-border-radius);
+ --rz-toc-link-color: var(--rz-text-color);
+ --rz-toc-link-background-color: transparent;
+ --rz-toc-link-hover-color: var(--rz-secondary-dark);
+ --rz-toc-link-hover-background-color: transparent;
+ --rz-toc-link-selected-border: none;
+ --rz-toc-link-selected-color: var(--rz-secondary);
+ --rz-toc-link-selected-background-color: transparent;
+ --rz-toc-link-selected-indicator-color: var(--rz-secondary);
+ --rz-toc-link-selected-indicator-size: 0.125rem;
+ --rz-toc-link-selected-indicator-inset-block: 0.5rem;
+ --rz-toc-link-selected-indicator-inset-inline: 0 auto;
+ --rz-toc-horizontal-shadow: var(--rz-shadow-3);
+ --rz-toc-horizontal-border-radius: var(--rz-border-radius);
+ --rz-toc-horizontal-background-color: var(--rz-base-background-color);
+ --rz-toc-horizontal-link-padding-block: 1rem;
+ --rz-toc-horizontal-link-padding-inline: 1rem;
+ --rz-toc-horizontal-link-font-size: var(--rz-body-font-size);
+ --rz-toc-horizontal-link-selected-indicator-inset-block: auto 0;
+ --rz-toc-horizontal-link-selected-indicator-inset-inline: 0.5rem;
+ --rz-toc-horizontal-link-selected-border: none;
+ --rz-toc-horizontal-link-selected-color: var(--rz-secondary);
+ --rz-toc-horizontal-link-selected-background-color: transparent;
+ --rz-toc-link-selected-indicator-border-radius: 0;
+ /* Tooltip */
+ --rz-tooltip-background-color: var(--rz-info);
+ --rz-tooltip-color: var(--rz-on-info);
+ --rz-tooltip-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15);
+ --rz-tooltip-padding: 0.25rem 0.5rem;
+ --rz-tooltip-border-radius: var(--rz-border-radius);
+ --rz-tooltip-font-size: var(--rz-body-font-size);
+ /* Tree */
+ --rz-tree-background-color: var(--rz-base-background-color);
+ --rz-tree-node-padding-block: 0.25rem;
+ --rz-tree-node-padding-inline: 0.25rem;
+ --rz-tree-node-selected-background-color: var(--rz-secondary);
+ --rz-tree-node-selected-color: var(--rz-on-secondary);
+ --rz-tree-node-selected-border-radius: calc(var(--rz-border-radius) / 2);
+ --rz-tree-node-margin-block: 1px;
+ --rz-tree-node-margin-inline: 1px;
+ --rz-tree-node-hover-background-color: var(--rz-secondary-light);
+ --rz-tree-node-hover-color: var(--rz-on-secondary-light);
+ --rz-tree-node-focus-outline: var(--rz-outline-focus);
+ --rz-tree-node-focus-outline-offset: calc(-1 * var(--rz-outline-width));
+ --rz-tree-node-toggle-width: 1rem;
+ --rz-tree-node-toggle-color: var(--rz-text-tertiary-color);
+ --rz-tree-node-toggle-hover-color: var(--rz-text-color);
+ --rz-tree-transition: var(--rz-transition-all), width 0, height 0;
+ /* Upload */
+ --rz-upload-button-bar-background-color: var(--rz-base-700);
+ --rz-upload-button-bar-padding: 0.5rem;
+ --rz-upload-button-bar-border-radius: var(--rz-border-radius);
+ --rz-upload-files-background-color: var(--rz-base-background-color);
+ --rz-upload-files-padding: 0.5rem 0;
+ --rz-upload-files-remove-background-color: var(--rz-base-700);
+ --rz-upload-files-remove-color: var(--rz-text-color);
+ --rz-upload-files-margin: 0 0.5rem;
+ --rz-upload-choose-background-color: var(--rz-secondary);
+ --rz-upload-choose-color: var(--rz-on-secondary);
+ --rz-upload-choose-hover-background-color: var(--rz-secondary);
+ --rz-upload-choose-hover-color: var(--rz-on-secondary);
+ --rz-upload-choose-active-background-color: var(--rz-secondary-dark);
+ --rz-upload-choose-active-color: var(--rz-on-secondary-dark);
+ --rz-upload-cancel-background-color: var(--rz-base-200);
+ --rz-upload-cancel-color: var(--rz-text-color);
+ --rz-upload-button-background-color: var(--rz-primary);
+}
\ No newline at end of file
diff --git a/LittleShop/wwwroot/manifest.json b/LittleShop/wwwroot/manifest.json
new file mode 100644
index 0000000..c7fc886
--- /dev/null
+++ b/LittleShop/wwwroot/manifest.json
@@ -0,0 +1,90 @@
+{
+ "name": "LittleShop Admin",
+ "short_name": "LittleShop",
+ "description": "Modern e-commerce admin panel for managing orders, products, and customers",
+ "start_url": "/Admin/Dashboard",
+ "display": "standalone",
+ "orientation": "any",
+ "theme_color": "#2563eb",
+ "background_color": "#f9fafb",
+ "scope": "/Admin/",
+ "categories": ["business", "productivity", "shopping"],
+ "icons": [
+ {
+ "src": "/icons/icon-72x72.png",
+ "sizes": "72x72",
+ "type": "image/png",
+ "purpose": "any"
+ },
+ {
+ "src": "/icons/icon-96x96.png",
+ "sizes": "96x96",
+ "type": "image/png",
+ "purpose": "any"
+ },
+ {
+ "src": "/icons/icon-128x128.png",
+ "sizes": "128x128",
+ "type": "image/png",
+ "purpose": "any"
+ },
+ {
+ "src": "/icons/icon-144x144.png",
+ "sizes": "144x144",
+ "type": "image/png",
+ "purpose": "any"
+ },
+ {
+ "src": "/icons/icon-152x152.png",
+ "sizes": "152x152",
+ "type": "image/png",
+ "purpose": "any"
+ },
+ {
+ "src": "/icons/icon-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png",
+ "purpose": "any maskable"
+ },
+ {
+ "src": "/icons/icon-384x384.png",
+ "sizes": "384x384",
+ "type": "image/png",
+ "purpose": "any"
+ },
+ {
+ "src": "/icons/icon-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png",
+ "purpose": "any maskable"
+ }
+ ],
+ "shortcuts": [
+ {
+ "name": "Orders",
+ "short_name": "Orders",
+ "description": "View and manage orders",
+ "url": "/Admin/Orders",
+ "icons": [
+ {
+ "src": "/icons/icon-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ }
+ ]
+ },
+ {
+ "name": "Products",
+ "short_name": "Products",
+ "description": "Manage product catalog",
+ "url": "/Admin/Products",
+ "icons": [
+ {
+ "src": "/icons/icon-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ }
+ ]
+ }
+ ]
+}
\ No newline at end of file
diff --git a/LittleShop/wwwroot/sw.js b/LittleShop/wwwroot/sw.js
new file mode 100644
index 0000000..defdbfe
--- /dev/null
+++ b/LittleShop/wwwroot/sw.js
@@ -0,0 +1,106 @@
+// LittleShop Admin - Service Worker
+// Provides offline functionality and app-like experience
+
+const CACHE_NAME = 'littleshop-admin-v1';
+const urlsToCache = [
+ '/Admin/Dashboard',
+ '/Admin/Orders',
+ '/Admin/Products',
+ '/Admin/Categories',
+ '/lib/bootstrap/css/bootstrap.min.css',
+ '/lib/fontawesome/css/all.min.css',
+ '/lib/bootstrap-icons/bootstrap-icons.css',
+ '/css/modern-admin.css',
+ '/lib/jquery/jquery.min.js',
+ '/lib/bootstrap/js/bootstrap.bundle.min.js',
+ '/js/modern-mobile.js',
+ '/lib/fontawesome/webfonts/fa-solid-900.woff2',
+ '/lib/fontawesome/webfonts/fa-brands-400.woff2'
+];
+
+// Install event - cache resources
+self.addEventListener('install', (event) => {
+ console.log('SW: Installing service worker');
+ event.waitUntil(
+ caches.open(CACHE_NAME)
+ .then((cache) => {
+ console.log('SW: Caching app shell');
+ return cache.addAll(urlsToCache);
+ })
+ );
+});
+
+// Activate event - clean up old caches
+self.addEventListener('activate', (event) => {
+ console.log('SW: Activating service worker');
+ event.waitUntil(
+ caches.keys().then((cacheNames) => {
+ return Promise.all(
+ cacheNames.map((cacheName) => {
+ if (cacheName !== CACHE_NAME) {
+ console.log('SW: Deleting old cache:', cacheName);
+ return caches.delete(cacheName);
+ }
+ })
+ );
+ })
+ );
+});
+
+// Fetch event - serve from cache, fallback to network
+self.addEventListener('fetch', (event) => {
+ // Only handle GET requests
+ if (event.request.method !== 'GET') {
+ return;
+ }
+
+ event.respondWith(
+ caches.match(event.request)
+ .then((response) => {
+ // Return cached version or fetch from network
+ return response || fetch(event.request).catch(() => {
+ // If both cache and network fail, show offline page for HTML requests
+ if (event.request.headers.get('accept').includes('text/html')) {
+ return new Response(`
+
+
+
+ LittleShop Admin - Offline
+
+
+
+
+ 📱
+ You're offline
+ Please check your internet connection and try again.
+ Try Again
+
+
+ `, {
+ headers: { 'Content-Type': 'text/html' }
+ });
+ }
+ });
+ })
+ );
+});
\ No newline at end of file
diff --git a/create_pwa_icons.ps1 b/create_pwa_icons.ps1
new file mode 100644
index 0000000..0721041
--- /dev/null
+++ b/create_pwa_icons.ps1
@@ -0,0 +1,86 @@
+# PowerShell script to generate PWA icons
+# Creates PNG icons for LittleShop Admin PWA
+
+Add-Type -AssemblyName System.Drawing
+
+function Create-Icon {
+ param(
+ [int]$Size,
+ [string]$OutputPath
+ )
+
+ # Create bitmap
+ $bitmap = New-Object System.Drawing.Bitmap($Size, $Size)
+ $graphics = [System.Drawing.Graphics]::FromImage($bitmap)
+ $graphics.SmoothingMode = [System.Drawing.Drawing2D.SmoothingMode]::AntiAlias
+ $graphics.TextRenderingHint = [System.Drawing.Text.TextRenderingHint]::AntiAlias
+
+ # Create gradient brush
+ $startColor = [System.Drawing.Color]::FromArgb(37, 99, 235) # #2563eb
+ $endColor = [System.Drawing.Color]::FromArgb(124, 58, 237) # #7c3aed
+ $gradientBrush = New-Object System.Drawing.Drawing2D.LinearGradientBrush(
+ [System.Drawing.Point]::new(0, 0),
+ [System.Drawing.Point]::new($Size, $Size),
+ $startColor,
+ $endColor
+ )
+
+ # Draw rounded rectangle background
+ $cornerRadius = [int]($Size * 0.15)
+ $rect = New-Object System.Drawing.Rectangle(0, 0, $Size, $Size)
+
+ # Create rounded rectangle path
+ $path = New-Object System.Drawing.Drawing2D.GraphicsPath
+ $path.AddArc(0, 0, $cornerRadius * 2, $cornerRadius * 2, 180, 90)
+ $path.AddArc($Size - $cornerRadius * 2, 0, $cornerRadius * 2, $cornerRadius * 2, 270, 90)
+ $path.AddArc($Size - $cornerRadius * 2, $Size - $cornerRadius * 2, $cornerRadius * 2, $cornerRadius * 2, 0, 90)
+ $path.AddArc(0, $Size - $cornerRadius * 2, $cornerRadius * 2, $cornerRadius * 2, 90, 90)
+ $path.CloseFigure()
+
+ # Fill background
+ $graphics.FillPath($gradientBrush, $path)
+
+ # Draw text "LS"
+ $font = New-Object System.Drawing.Font("Segoe UI", ($Size * 0.3), [System.Drawing.FontStyle]::Bold)
+ $brush = New-Object System.Drawing.SolidBrush([System.Drawing.Color]::White)
+ $format = New-Object System.Drawing.StringFormat
+ $format.Alignment = [System.Drawing.StringAlignment]::Center
+ $format.LineAlignment = [System.Drawing.StringAlignment]::Center
+
+ $textRect = New-Object System.Drawing.RectangleF(0, 0, $Size, $Size)
+ $graphics.DrawString("LS", $font, $brush, $textRect, $format)
+
+ # Save image
+ $bitmap.Save($OutputPath, [System.Drawing.Imaging.ImageFormat]::Png)
+
+ # Cleanup
+ $graphics.Dispose()
+ $bitmap.Dispose()
+ $gradientBrush.Dispose()
+ $font.Dispose()
+ $brush.Dispose()
+ $path.Dispose()
+
+ Write-Host "Created icon: $OutputPath ($Size x $Size)"
+}
+
+# Create icons directory
+$iconsDir = "C:\Production\Source\LittleShop\LittleShop\wwwroot\icons"
+if (!(Test-Path $iconsDir)) {
+ New-Item -ItemType Directory -Path $iconsDir -Force
+}
+
+# Generate all required icon sizes
+$sizes = @(72, 96, 128, 144, 152, 192, 384, 512)
+
+foreach ($size in $sizes) {
+ $outputPath = Join-Path $iconsDir "icon-${size}x${size}.png"
+ Create-Icon -Size $size -OutputPath $outputPath
+}
+
+Write-Host ""
+Write-Host "🎉 All PWA icons created successfully!"
+Write-Host "Icons saved to: $iconsDir"
+Write-Host ""
+Write-Host "Generated icons:"
+Get-ChildItem $iconsDir -Name "icon-*.png" | ForEach-Object { Write-Host " ✅ $_" }
\ No newline at end of file