xtreme-ui 0.0.118 → 0.0.120

package/dist/components/layout/ThemeSwitch/ThemeSwitch.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("react"),H=require("clsx"),d=require("../../base/Button/Button.cjs"),y=require("../../base/Select/Select.cjs"),j=require("../../context/useContext.cjs"),g=require("../../hooks/useScreen.cjs"),E=require("../../../utils/helper/colorHelper.cjs"),s=require("../../../utils/constants/theme.cjs");;/* empty css                   */const O=Object.entries(s.ThemeColorsPreset).map(([r,l])=>({label:r.charAt(0).toUpperCase()+r.slice(1),value:l})),u=Object.values(s.ThemeColorsPreset),S=i.forwardRef((r,l)=>{const{className:M,type:f="secondary",size:a="default",iconType:m="solid"}=r,{themeScheme:e,setThemeScheme:x,themeColor:o,setThemeColor:h}=j.useXTheme(),n=g.useScreenType(),T=i.useMemo(()=>s.THEME_SCHEME[(s.THEME_SCHEME.findIndex(t=>t.name===e)+1)%s.THEME_SCHEME.length],[e]),b=i.useMemo(()=>{var t;return((t=s.THEME_SCHEME.find(q=>q.name===e))==null?void 0:t.icon)??""},[e]),C=i.useMemo(()=>u[(u.findIndex(t=>t===o)+1)%u.length],[o]),p=H("xtrThemeSwitch",M,!n.isMobile&&"withLabel");return!e||!E.isValidThemeColor(o)?null:c.jsxs("div",{ref:l,className:p,children:[c.jsx(d.Button,{className:"xtrThemeScheme",type:f,size:a,icon:b,iconType:m,label:n.isMobile?void 0:e,onClick:()=>T.name&&x(T.name)}),n.isLargest?c.jsx(y.Select,{clearable:!1,searchable:!1,size:a,icon:"f53f",iconType:m,placeholder:"Theme",options:O,value:o,onChange:h}):c.jsx(d.Button,{className:"xtrThemeColor",type:"primary",size:a,icon:"f53f",iconType:m,label:n.isMobile?void 0:E.getColorLabel(o),onClick:()=>C&&h(C)})]})});S.displayName="ThemeSwitch";exports.ThemeSwitch=S;

package/dist/components/layout/ThemeSwitch/exports.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                           */;/* empty css                   */const e=require("./ThemeSwitch.cjs");exports.ThemeSwitch=e.ThemeSwitch;

package/dist/components/layout/ThemeSwitch/exports.d.ts

@@ -0,0 +1,3 @@
+export { ThemeSwitch } from './ThemeSwitch';
+export type { TThemeSwitchProps } from './types';
+//# sourceMappingURL=exports.d.ts.map

package/dist/components/layout/ThemeSwitch/exports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemeSwitch/exports.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/layout/ThemeSwitch/exports.js

@@ -0,0 +1,6 @@
+/* empty css                         */
+/* empty css                 */
+import { ThemeSwitch as e } from "./ThemeSwitch.js";
+export {
+  e as ThemeSwitch
+};

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                    */const a=require("./utils/constants/iconCollection.cjs"),t=require("./utils/constants/theme.cjs"),l=require("./utils/function/common.cjs"),s=require("./utils/function/localStorage.cjs"),n=require("./utils/function/mergeRefs.cjs"),o=require("./utils/function/string.cjs"),e=require("./utils/helper/domHelper.cjs"),i=require("./utils/helper/colorHelper.cjs"),r=require("./utils/helper/imageHelper.cjs"),u=require("./utils/helper/themeController.cjs"),S=require("./components/context/index.cjs"),c=require("./components/context/useContext.cjs"),g=require("./components/base/ActionCard/ActionCard.cjs"),m=require("./components/base/ActionCard/types.cjs"),d=require("./components/base/Avatar/Avatar.cjs"),C=require("./components/base/Avatar/types.cjs"),p=require("./components/base/Button/Button.cjs"),q=require("./components/base/Button/types.cjs"),P=require("./components/base/Icon/Icon.cjs"),E=require("./components/base/Icon/types.cjs"),T=require("./components/base/Lottie/Lottie.cjs"),y=require("./components/base/Lottie/types.cjs"),h=require("./components/base/ProgressBar/ProgressBar.cjs"),I=require("./components/base/Spinner/Spinner.cjs"),f=require("./components/base/Spinner/types.cjs"),A=require("./components/base/Textfield/Textfield.cjs"),z=require("./components/base/DatePicker/DatePicker.cjs"),k=require("./components/base/DatePicker/types.cjs"),v=require("./components/base/FilePicker/FilePicker.cjs"),F=require("./components/base/FilePicker/types.cjs"),L=require("./components/base/Select/Select.cjs"),D=require("./components/base/ColorPopper/ColorPopper.cjs"),b=require("./components/layout/Sider/Sider.cjs"),w=require("./components/layout/SiderModal/SiderModal.cjs"),R=require("./components/layout/Navigation/Navigation.cjs"),B=require("./components/layout/ThemePicker/ThemePicker.cjs"),M=require("./components/layout/ThemeSelect/ThemeSelect.cjs"),x=require("./components/layout/ThemeSwitch/ThemeSwitch.cjs"),H=require("./components/layout/ImageEditor/ImageEditor.cjs"),N=require("./components/hooks/useScreen.cjs"),O=require("./components/hooks/usePersistingState.cjs"),$=require("./components/hooks/useDebouncedEffect.cjs");exports.FACE_ICONS=a.FACE_ICONS;exports.STORAGE=t.STORAGE;exports.THEME_SCHEME=t.THEME_SCHEME;exports.ThemeColorsPreset=t.ThemeColorsPreset;exports.defaultColorPreset=t.defaultColorPreset;exports.isEqual=l.isEqual;exports.getLocalState=s.getLocalState;exports.setLocalState=s.setLocalState;exports.assignRef=n.assignRef;exports.mergeRefs=n.mergeRefs;exports.capitalize=o.capitalize;exports.safeStringFromCodePoint=o.safeStringFromCodePoint;exports.unicodeToString=o.unicodeToString;exports.doc=e.doc;exports.elementObserver=e.elementObserver;exports.getCssProperty=e.getCssProperty;exports.getCssPropertyPx=e.getCssPropertyPx;exports.getCssPropertyVh=e.getCssPropertyVh;exports.getCssPropertyVw=e.getCssPropertyVw;exports.isClient=e.isClient;exports.localStore=e.localStore;exports.setCssProperty=e.setCssProperty;exports.waitForElement=e.waitForElement;exports.win=e.win;exports.getColorLabel=i.getColorLabel;exports.guessClosestColorName=i.guessClosestColorName;exports.isValidThemeColor=i.isValidThemeColor;exports.createImage=r.createImage;exports.getCroppedImg=r.getCroppedImg;exports.getImageSize=r.getImageSize;exports.getRadianAngle=r.getRadianAngle;exports.readImageFile=r.readImageFile;exports.readImageSrc=r.readImageSrc;exports.themeController=u.themeController;exports.XProvider=S.XProvider;exports.useXData=c.useXData;exports.useXTheme=c.useXTheme;exports.ActionCard=g.ActionCard;exports.EActionCardSize=m.EActionCardSize;exports.Avatar=d.Avatar;exports.EAvatarSize=C.EAvatarSize;exports.Button=p.Button;exports.EButtonTypes=q.EButtonTypes;exports.Icon=P.Icon;exports.EIconSize=E.EIconSize;exports.Lottie=T.Lottie;exports.ELottieSize=y.ELottieSize;exports.ProgressBar=h.ProgressBar;exports.Spinner=I.Spinner;exports.ESpinnerSize=f.ESpinnerSize;exports.Textfield=A.Textfield;exports.DatePicker=z.DatePicker;exports.EDatePickerTypes=k.EDatePickerTypes;exports.FilePicker=v.FilePicker;exports.FilePickerIcon=F.FilePickerIcon;exports.Select=L.Select;exports.ColorPopper=D.ColorPopper;exports.Sider=b.Sider;exports.SiderModal=w.SiderModal;exports.Navigation=R.Navigation;exports.ThemePicker=B.ThemePicker;exports.ThemeSelect=M.ThemeSelect;exports.ThemeSwitch=x.ThemeSwitch;exports.ImageEditor=H.ImageEditor;exports.useScreenType=N.useScreenType;exports.usePersistingState=O.usePersistingState;exports.useDebouncedEffect=$.useDebouncedEffect;

package/dist/utils/constants/iconCollection.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={happy:["f118","e392","f580","f5b8","e409","e3a4","e39d","f5c2","e398","e396","f4da","e391","e390","e38f","e38d","e389","e383","f59c","f59b","f59a","f599","f598","e37d","f597","f596","e379","f58c","f581","f58b","f58a","f589","f588","f587","f586","f585","f584","f583","f582","e377","f579","e2fe","e372","e36e","e47c","e36b","e368","f2fe"],sad:["e3a0","e3a5","e3a3","e3a2","e3a1","e39f","f5c8","e485","e397","e395","e394","e393","e38b","f5b4","e38a","f5b3","f5a5","e388","e387","e386","e385","e384","e382","e380","e483","f5a4","f11a","e37c","e37b","e37a","e378","f57f","e376","f57a","f119","e375","e374","e373","e480","e371","e47f","f567","e36f","e47e","e36d","e36c","e47d","e36a","e369","f556","f6e2","f8f6","f54c"]};exports.FACE_ICONS=e;

package/dist/utils/constants/theme.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../components/context/Theme/types.cjs"),s={themeSchemeAttr:"data-theme-scheme",themeScheme:"xThemeScheme",themeColor:"xThemeColor"},o=[{name:e.EThemeScheme.auto,icon:"e163"},{name:e.EThemeScheme.light,icon:"e28f"},{name:e.EThemeScheme.dark,icon:"f186"}],h={cherry:{h:350,s:70,l:50},blush:{h:335,s:75,l:55},saffron:{h:19,s:100,l:56},sunset:{h:28,s:80,l:55},mango:{h:45,s:80,l:50},clay:{h:20,s:25,l:50},mint:{h:135,s:45,l:50},ocean:{h:170,s:60,l:55},sky:{h:205,s:75,l:50},plum:{h:280,s:40,l:55}},t=h.saffron;exports.STORAGE=s;exports.THEME_SCHEME=o;exports.ThemeColorsPreset=h;exports.defaultColorPreset=t;

package/dist/utils/function/common.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=(e,t)=>typeof e=="string"&&typeof t=="string"?e===t:typeof e=="object"&&typeof t=="object"&&e!==null&&t!==null?Object.entries(e).every(([r,n])=>t[r]===n):!1;exports.isEqual=o;

package/dist/utils/function/localStorage.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../helper/domHelper.cjs"),l=(c,o)=>{var e;try{const t=(e=r.localStore)==null?void 0:e.getItem(c);return t?JSON.parse(t):o??""}catch(t){return console.log(t),o??""}},a=(c,o)=>{var e;try{(e=r.localStore)==null||e.setItem(c,JSON.stringify(o))}catch(t){console.log(t)}};exports.getLocalState=l;exports.setLocalState=a;

package/dist/utils/function/mergeRefs.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e,n){if(typeof e=="function")e(n);else if(e!=null)try{e.current=n}catch{throw new Error(`Cannot assign value "${n}" to ref "${e}"`)}}function r(e){return n=>{e.forEach(o=>t(o,n))}}exports.assignRef=t;exports.mergeRefs=r;

package/dist/utils/function/string.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=r=>isNaN(r)||r<0||r>1114111||Math.floor(r)!==r?"":String.fromCodePoint(r),e=r=>t(parseInt(`0x${r}`,16)),i=r=>r.charAt(0).toUpperCase()+r.slice(1);exports.capitalize=i;exports.safeStringFromCodePoint=t;exports.unicodeToString=e;

package/dist/utils/helper/colorHelper.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("color-namer"),i=require("colord"),u=require("../constants/theme.cjs"),n=e=>{const t=i.colord(e).toHex(),r=l(t);let o=null;for(const s of r.ntc)(!o||s.distance<o.distance)&&(o=s);return(o==null?void 0:o.name)||void 0};function a(e){if(e){for(const[t,r]of Object.entries(u.ThemeColorsPreset))if(e.h===r.h&&e.s===r.s&&e.l===r.l)return t;return n(e)}}const m=e=>!!e&&typeof e.h=="number"&&typeof e.s=="number"&&typeof e.l=="number";exports.getColorLabel=a;exports.guessClosestColorName=n;exports.isValidThemeColor=m;

package/dist/utils/helper/domHelper.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=typeof window<"u",o=n?window:void 0,y=n?document:void 0,p=n?localStorage:void 0,c=(r,e)=>n?getComputedStyle((e==null?void 0:e.current)||document.documentElement).getPropertyValue(r):"",m=(r,e)=>parseInt(c(r,e).replace(/px/g,"")),g=(r,e)=>{const t=parseInt(c(r,e).replace(/vh/g,""));return[((o==null?void 0:o.innerHeight)??0)*t/100,t]},l=(r,e)=>{const t=parseInt(c(r,e).replace(/vw/g,""));return[((o==null?void 0:o.innerWidth)??0)*t/100,t]},v=(r,e,t)=>n?((t==null?void 0:t.current)||document.documentElement).style.setProperty(r,e):"",P=r=>new Promise(e=>{let t=document.querySelector(r);if(t)return e(t);const s=new MutationObserver(()=>{t=document.querySelector(r),t&&(e(t),s.disconnect())});s.observe(document.body,{childList:!0,subtree:!0})}),f=(r,e)=>{var t;(t=e==null?void 0:e.forEach)==null||t.call(e,s=>{let d;new MutationObserver(u=>{var a;document.querySelector(s)&&(d=document.querySelector(s)),(a=u==null?void 0:u.forEach)==null||a.call(u,i=>{i.type==="childList"&&(Array.from(i.addedNodes).indexOf(d)>-1&&r(d,"added",i),Array.from(i.removedNodes).indexOf(d)>-1&&r(d,"removed",i))})}).observe(document.body,{childList:!0,subtree:!0})})};exports.doc=y;exports.elementObserver=f;exports.getCssProperty=c;exports.getCssPropertyPx=m;exports.getCssPropertyVh=g;exports.getCssPropertyVw=l;exports.isClient=n;exports.localStore=p;exports.setCssProperty=v;exports.waitForElement=P;exports.win=o;

package/dist/utils/helper/imageHelper.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=async a=>new Promise((t,r)=>{fetch(a).then(e=>(e.ok||r(e.status),e.blob())).then(e=>t(URL.createObjectURL(e)))}),u=async a=>new Promise((t,r)=>{const e=new FileReader;e.onloadend=()=>{var i;const g=(i=e==null?void 0:e.result)==null?void 0:i.toString();g?t(g):r()},e.onerror=r,e.readAsDataURL(a)}),s=a=>new Promise((t,r)=>{const e=new Image;e.addEventListener("load",()=>t(e)),e.addEventListener("error",g=>r(g)),e.src=a}),d=a=>a*Math.PI/180,l=async a=>new Promise(t=>{s(a).then(r=>{t({width:r.width,height:r.height})})}),w=async(a,t,r=0)=>{if(!a||!t)return null;const e=await s(a);return new Promise(g=>{const i=document.createElement("canvas"),o=i.getContext("2d");if(!o)return null;const n=2*(Math.max(e.width,e.height)/2*Math.sqrt(2));i.width=n,i.height=n,o.translate(n/2,n/2),o.rotate(d(r)),o.translate(-n/2,-n/2),o.drawImage(e,n/2-e.width*.5,n/2-e.height*.5);const h=o.getImageData(0,0,n,n);i.width=t.width,i.height=t.height,o.putImageData(h,Math.round(0-n/2+e.width*.5-t.x),Math.round(0-n/2+e.height*.5-t.y)),i.toBlob(c=>g({blob:c??void 0,base64:i.toDataURL("image/jpeg")}),"image/jpeg")})};exports.createImage=s;exports.getCroppedImg=w;exports.getImageSize=l;exports.getRadianAngle=d;exports.readImageFile=u;exports.readImageSrc=m;

package/dist/utils/helper/themeController.cjs

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../components/context/Theme/types.cjs"),e=require("../constants/theme.cjs"),a=({scheme:t,color:o,defScheme:r=s.defaultScheme,defColor:l=e.defaultColorPreset}={})=>{const m=t!=null?`'${t}'`:"null",n=o?JSON.stringify(o):"null",c=JSON.stringify(l);return`(function() {
+		try {
+			let storedScheme = localStorage.getItem('${e.STORAGE.themeScheme}');
+			const themeScheme = ${m} ?? storedScheme ?? '${r}';
+
+			const themeColorRaw = localStorage.getItem('${e.STORAGE.themeColor}');
+			let { h, s, l } = ${c};
+
+			const preferredColor = ${n};
+
+			if (preferredColor) {
+				({ h, s, l } = preferredColor);
+			} else {
+				try {
+					const parsed = JSON.parse(themeColorRaw);
+					if (parsed && typeof parsed.h === 'number' && typeof parsed.s === 'number' && typeof parsed.l === 'number') {
+						({ h, s, l } = parsed);
+					}
+				} catch {}
+			}
+
+			document.documentElement.setAttribute('${e.STORAGE.themeSchemeAttr}', themeScheme);
+
+			const style = document.getElementById('${e.STORAGE.themeColor}') || 
+				document.head.appendChild(Object.assign(document.createElement('style'), { id: '${e.STORAGE.themeColor}' }));
+			style.textContent = \`:root{ --H: \${h}; --S: \${s}%; --L: \${l}% }\`;
+
+			let meta = document.head.querySelector('meta[name="theme-color"]');
+			if (!meta) {
+				meta = document.createElement('meta');
+				meta.name = 'theme-color';
+				document.head.appendChild(meta);
+			}
+			meta.content = \`hsl(\${h},\${s}%,\${l}%)\`;
+
+			localStorage.setItem('${e.STORAGE.themeScheme}', themeScheme);
+			localStorage.setItem('${e.STORAGE.themeColor}', JSON.stringify({ h, s, l }));
+		} catch {}
+	})();`};exports.themeController=a;

package/dist/xtreme-ui.css

@@ -1 +1 @@
-.react-datetime-picker{display:inline-flex;position:relative}.react-datetime-picker,.react-datetime-picker *,.react-datetime-picker *:before,.react-datetime-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-datetime-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-datetime-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-datetime-picker__inputGroup{min-width:calc(16px + 3.24em + .434em);flex-grow:1;padding:0 2px}.react-datetime-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-datetime-picker__inputGroup__divider,.react-datetime-picker__inputGroup__leadingZero{display:inline-block;font:inherit}.react-datetime-picker__inputGroup__input{min-width:.54em;height:calc(100% - 2px);position:relative;padding:1px;border:0;background:none;color:currentColor;font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.react-datetime-picker__inputGroup__input::-webkit-outer-spin-button,.react-datetime-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.react-datetime-picker__inputGroup__input:invalid{background:#ff00001a}.react-datetime-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-datetime-picker__inputGroup__amPm{font:inherit;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.react-datetime-picker__button{border:0;background:transparent;padding:4px 6px}.react-datetime-picker__button:enabled{cursor:pointer}.react-datetime-picker__button:enabled:hover .react-datetime-picker__button__icon,.react-datetime-picker__button:enabled:focus .react-datetime-picker__button__icon{stroke:#0078d7}.react-datetime-picker__button:disabled .react-datetime-picker__button__icon{stroke:#6d6d6d}.react-datetime-picker__button svg{display:inherit}.react-datetime-picker__calendar,.react-datetime-picker__clock{z-index:1}.react-datetime-picker__calendar--closed,.react-datetime-picker__clock--closed{display:none}.react-datetime-picker__calendar{width:350px;max-width:100vw}.react-datetime-picker__calendar .react-calendar{border-width:thin}.react-datetime-picker__clock{width:200px;height:200px;max-width:100vw;padding:25px;background-color:#fff;border:thin solid #a0a096}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock *:before,.react-clock *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-clock__face{position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid black;border-radius:50%}.react-clock__hand{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__hand__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__mark__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark__number{position:absolute;left:-40px;width:80px;text-align:center}.react-clock__second-hand__body{background-color:red}@font-face{font-family:FontAwesome;font-style:normal;font-weight:100;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-thin-100.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:300;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-light-300.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-regular-400.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:900;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-solid-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeDuotone;font-style:normal;font-weight:900;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-duotone-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:300;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-sharp-light-300.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:400;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-sharp-regular-400.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:900;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-sharp-solid-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeBrand;font-style:normal;font-weight:400;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-brands-400.woff2) format("woff2")}.fontAwesome{position:relative;width:var(--iconSize);height:var(--iconSize);font-size:var(--iconSize);display:flex;justify-content:center;align-items:center;font-variant:normal;text-rendering:auto;font-style:normal;-webkit-user-select:none;user-select:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;z-index:1;transition:all .4s var(--cubicBezierPrimary)}.fontAwesome:before{position:absolute;display:block;color:inherit;content:attr(data-content)}.fontAwesome.thin{font-family:FontAwesome;font-weight:100}.fontAwesome.light{font-family:FontAwesome;font-weight:300}.fontAwesome.regular{font-family:FontAwesome;font-weight:400}.fontAwesome.solid{font-family:FontAwesome;font-weight:900}.fontAwesome.duotone{font-family:FontAwesomeDuotone;font-weight:900}.fontAwesome.duotone:after{position:absolute;display:block;color:inherit;content:attr(data-content) attr(data-content);opacity:.3}.fontAwesome.sharpSolid{font-family:FontAwesomeSharp;font-weight:900}.fontAwesome.sharpRegular{font-family:FontAwesomeSharp;font-weight:400}.fontAwesome.sharpLight{font-family:FontAwesomeSharp;font-weight:300}.fontAwesome.brand{font-family:FontAwesomeBrand;font-weight:400}.shadowRipple{--rippleDuration: var(--animDurDefault);--rippleColor: var(--colorBrandPrimary);--rippleShadowColor: var(--colorBackgroundTertiary);--rippleSize: 30px 15px;border-radius:inherit;box-shadow:0 0 var(--rippleSize) hsl(var(--rippleColor)/0%);transition:box-shadow var(--rippleDuration) linear}.shadowRipple:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:0 0 0 1px var(--rippleShadowColor);transition:all var(--animDurDefault) var(--cubicBezierPrimary);z-index:-1}.shadowRipple:hover:before{box-shadow:0 0 0 3px hsl(var(--rippleColor)/50%)}.shadowRipple:active{transition:0s!important;box-shadow:0 0 hsl(var(--rippleColor)/50%)}.shadowRipple:active:before{box-shadow:0 0 0 5px hsl(var(--rippleColor)/50%)}html{scroll-behavior:smooth;background:var(--colorBackgroundPrimary);--H: 2;--S: 100%;--L: 70%;--L2: min(calc(var(--L) + 10%), 100%);--L3: min(calc(var(--L) + 20%), 100%);--colorBrandPrimary: var(--H) var(--S) var(--L);--colorBrandSecondary: var(--H) var(--S) var(--L2);--colorBrandTertiary: var(--H) var(--S) var(--L3);--colorAlertError: 4 100% 60%;--colorAlertWarning: 52 100% 50%;--colorAlertSuccess: 126 63% 49%;--colorBorderPrimary: #ABB0BB;--gradientBrand: linear-gradient(320deg, rgb(var(--colorBrandPrimary)), rgb(var(--colorBrandSecondaryRgb)));--animDurSlow: 1s;--animDurDefault: .6s;--animDurFast: .4s;--cubicBezierPrimary: cubic-bezier(.23, 1, .32, 1)}html ::selection{color:#fff;background:hsl(var(--colorBrandPrimary))}@media (prefers-color-scheme: light){html[data-theme-scheme=auto]{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}}@media (prefers-color-scheme: dark){html[data-theme-scheme=auto]{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}}html[data-theme-scheme=light]{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}html[data-theme-scheme=dark]{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}html *{font-variation-settings:"wdth" 75,"wght" 500;color:var(--colorContentPrimary);box-sizing:border-box}._actionCard_114zv_1{--cardWidth: 164px;--cardHeight: 164px;--rippleColor: var(--colorBrandPrimary);--rippleShadowColor: var(--colorBackgroundTertiary);--cardBorderRadius: calc(min(var(--cardWidth), var(--cardHeight))*.1) ;position:relative;width:var(--cardWidth);height:var(--cardHeight);border-radius:var(--cardBorderRadius);background:var(--colorBackgroundSecondary);cursor:pointer}._actionCard_114zv_1._miniSize_114zv_14{--rippleSize: 24px 12px}._actionCard_114zv_1._smallSize_114zv_17{--rippleSize: 30px 15px}._actionCard_114zv_1._mediumSize_114zv_20{--rippleSize: 48px 24px}.xtrIcon.iconButton{border-radius:9999px;padding:16px}.xtrIcon.iconButton:hover{cursor:pointer;background:hsl(var(--colorBrandPrimary)/75%);color:#fff}.xtrIcon.iconButton:active{background:hsl(var(--colorBrandPrimary))}.xtrAvatar{--avatarSize: 64px;position:relative;width:var(--avatarSize);height:var(--avatarSize);display:flex;justify-content:center;align-items:center;cursor:pointer}.xtrAvatar:before{content:"";position:absolute;width:var(--avatarSize);height:var(--avatarSize);border-radius:9999px;border:calc(2px + var(--avatarSize) / 300) solid hsl(var(--colorBrandPrimary)/75%);transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrAvatar:after{content:"";position:absolute;width:var(--avatarSize);height:var(--avatarSize);border-radius:9999px;border:calc(4px + var(--avatarSize) / 300) solid hsl(var(--colorBrandPrimary)/100%);border-left-color:transparent;border-right-color:transparent;opacity:0;transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrAvatar .placeholder{color:hsl(var(--colorBrandPrimary)/100%)}.xtrAvatar .image{--imageSize: calc(100% - (4px + var(--avatarSize) / 100));position:absolute;width:var(--imageSize);height:var(--imageSize);border-radius:50%;object-fit:cover;object-position:center;z-index:2;transition:all var(--animDurFast) var(--cubicBezierPrimary);animation:fadeIn .2s ease-out forwards}.xtrAvatar.loading:after{opacity:1;animation:avatarSpin 1s infinite linear}.xtrAvatar.error:before,.xtrAvatar.error:after{border-color:hsl(var(--colorAlertError))}.xtrAvatar.error .placeholder{color:hsl(var(--colorAlertError))}.xtrAvatar:hover:before,.xtrAvatar:hover:after{scale:1.1}.xtrAvatar:active:before,.xtrAvatar:active:after{scale:1}@keyframes avatarSpin{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(360deg);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:rotate(720deg)}}._progressBar_192yn_1{position:relative;width:100%;height:3px;display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;overflow:hidden}._progressBar_192yn_1:before{content:"";position:absolute;left:0;width:100%;height:1px;border-radius:9999px;opacity:.3;background:var(--colorBorderPrimary);transition:all .5s var(--cubicBezierPrimary)}._progressBar_192yn_1>._progress_192yn_1{position:absolute;width:100%;height:3px;display:block;background:var(--gradientBrand);border-radius:9999px;transition:all .5s var(--cubicBezierPrimary)}._progressBar_192yn_1._intermediate_192yn_31{border-radius:9999px}._progressBar_192yn_1._intermediate_192yn_31:before{height:100%;background:hsl(var(--colorBrandPrimary))}._progressBar_192yn_1._intermediate_192yn_31>._progress_192yn_1{width:150%;background-image:repeating-linear-gradient(60deg,transparent,transparent .5rem,hsl(var(--colorBrandPrimary)) .5rem,hsl(var(--colorBrandPrimary)) 1.5rem);animation:_barberPole_192yn_1 .2s infinite linear}@keyframes _barberPole_192yn_1{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}.xtrButton{--themeColor: var(--colorBrandPrimary);--rippleColor: var(--themeColor);--rippleShadowColor: var(--themeColor);position:relative;display:flex;justify-content:center;align-items:center;border:none;border-radius:9999px;cursor:pointer;-webkit-user-select:none;user-select:none}.xtrButton .label{margin:0;text-transform:uppercase;z-index:1;color:inherit;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrButton .icon{color:inherit;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrButton .underline{position:absolute;width:100%;left:0;bottom:0}.xtrButton .underline>span{width:20%!important}.xtrButton:before{content:"";position:absolute;display:block;width:100%;height:100%;background:hsl(var(--themeColor));filter:contrast(1.2) brightness(.8);clip-path:circle(0% at 50% 50%);border-radius:inherit;z-index:0;opacity:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrButton.primaryType,.xtrButton.primaryDangerType{background:hsl(var(--themeColor));color:#fff}.xtrButton.secondaryType,.xtrButton.secondaryDangerType{background:var(--colorBackgroundSecondary);color:var(--colorContentPrimary)}.xtrButton.linkType,.xtrButton.linkDangerType{background:none;box-shadow:none!important;border-radius:unset;color:var(--colorContentPrimary);overflow:unset}.xtrButton.linkType .label,.xtrButton.linkDangerType .label{letter-spacing:unset;text-transform:unset}.xtrButton.linkType:before,.xtrButton.linkDangerType:before{display:none}.xtrButton.linkType:hover,.xtrButton.linkDangerType:hover{color:hsl(var(--themeColor))}.xtrButton.linkType:hover .label,.xtrButton.linkDangerType:hover .label{filter:contrast(.8) brightness(1.2)}.xtrButton.linkType:active .label,.xtrButton.linkDangerType:active .label{filter:contrast(1.2) brightness(.8)}.xtrButton.primaryDangerType,.xtrButton.secondaryDangerType,.xtrButton.linkDangerType{--themeColor: var(--colorAlertError)}.xtrButton.primaryDangerType .underline span,.xtrButton.secondaryDangerType .underline span,.xtrButton.linkDangerType .underline span{background:hsl(var(--themeColor))}.xtrButton.miniSize{--rippleSize: 24px 12px;line-height:16px;padding:8px 16px;gap:8px}.xtrButton.miniSize .label{font-size:12px;font-variation-settings:"wdth" 75,"wght" 400;letter-spacing:2px}.xtrButton.miniSize.iconOnly{padding:0}.xtrButton.miniSize.iconOnly .icon{width:32px;height:32px}.xtrButton.defaultSize{--rippleSize: 30px 15px;line-height:18px;padding:10px 20px;gap:10px}.xtrButton.defaultSize .label{font-size:14px;font-variation-settings:"wdth" 75,"wght" 500;letter-spacing:2px}.xtrButton.defaultSize.iconOnly{padding:0}.xtrButton.defaultSize.iconOnly .icon{width:44px;height:44px}.xtrButton.largeSize{--rippleSize: 48px 24px;line-height:28px;padding:16px 32px;gap:14px}.xtrButton.largeSize .label{font-size:22px;font-variation-settings:"wdth" 75,"wght" 600;letter-spacing:4px}.xtrButton.largeSize.iconOnly{padding:0}.xtrButton.largeSize.iconOnly .icon{width:60px;height:60px}.xtrButton:hover{color:#fff}.xtrButton:hover .underline span{width:100%!important}.xtrButton:hover:before{clip-path:circle(100% at 50% 50%);opacity:1}.xtrButton.loading{--loaderColor: hsl(var(--themeColor));pointer-events:none;overflow:hidden;background:hsl(var(--themeColor)/80%)}.xtrButton.loading.secondaryType,.xtrButton.loading.secondaryDangerType{--loaderColor: var(--colorBackgroundTertiary);background:var(--colorBackgroundSecondary)}.xtrButton.loading.linkType,.xtrButton.loading.linkDangerType{background:none}.xtrButton.loading.linkType .underline>span,.xtrButton.loading.linkDangerType .underline>span{width:150%!important}.xtrButton.loading.linkType:after,.xtrButton.loading.linkDangerType:after{display:none}.xtrButton.loading:after{content:"";position:absolute;display:block;width:150%;height:100%;z-index:0;border-radius:9999px;background-image:repeating-linear-gradient(60deg,transparent,transparent .75rem,var(--loaderColor) .75rem,var(--loaderColor) 1.5rem);animation:barberPole .25s infinite linear}.xtrButton.loading.iconOnly{background:transparent;overflow:unset}.xtrButton.loading.iconOnly.secondaryType,.xtrButton.loading.iconOnly.secondaryDangerType{color:#fff}.xtrButton.loading.iconOnly:before{clip-path:circle(45% at 50% 50%);opacity:1}.xtrButton.loading.iconOnly:after{width:100%;background:none;border:2px solid hsl(var(--themeColor));border-top-color:transparent;border-bottom-color:transparent;animation:loader .25s infinite linear}.xtrButton:disabled{background:hsl(var(--themeColor)/20%);color:hsl(var(--themeColor)/75%);pointer-events:none;filter:grayscale(1)}.xtrButton:disabled.secondaryType,.xtrButton:disabled.secondaryDangerType{background:hsl(var(--themeColor)/5%)}.xtrButton:disabled.linkType{background:none}.xtrButton:disabled.linkType .underline:before{width:0%}.xtrButton:disabled.linkType .underline span{width:0%}@keyframes barberPole{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(180deg)}}._lottieWrapper_wawrm_1{width:var(--lottieSize);height:var(--lottieSize);display:flex;justify-content:center;align-items:center}._lottie_wawrm_1{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.xtrSpinner{--spinnerSize: 64px;--spinnerCubeSize: calc(var(--spinnerSize) / 2);--spinnerShadowSize: calc(var(--spinnerSize) / 20);--spinnerTopColor: 0 0% 20%;position:relative;width:var(--spinnerSize);height:var(--spinnerSize);display:flex;justify-content:center;align-items:center;flex-direction:column}.xtrSpinner.fullpage{width:100%;height:100%}.xtrSpinner .label{position:absolute;bottom:50%;font-variation-settings:"wdth" 75,"wght" 500;font-size:calc(8px + var(--spinnerSize) / 18);color:var(--colorContentPrimary);transform:translateY(calc(5px + var(--spinnerSize) / 1.6))}.xtrSpinner .spinnerWrapper{position:relative;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);margin-top:calc(var(--spinnerCubeSize) * -.1);transform-style:preserve-3d;animation:spinner .8s linear infinite}.xtrSpinner .spinnerWrapper .cubeTop{position:absolute;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);background:hsl(var(--spinnerTopColor));transform:rotateX(90deg) translateZ(calc(var(--spinnerCubeSize) / 2));transform-style:preserve-3d;transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrSpinner .spinnerWrapper .cubeTop:before{content:"";position:absolute;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);background:hsl(var(--colorBrandPrimary)/80%);transform:translateZ(calc(-1 * var(--spinnerCubeSize) * 1.2));filter:blur(var(--spinnerShadowSize));box-shadow:0 0 var(--spinnerShadowSize) hsl(var(--spinnerTopColor)),0 0 calc(var(--spinnerShadowSize) * 2) hsl(var(--colorBrandPrimary)),0 0 calc(var(--spinnerShadowSize) * 3) hsl(var(--spinnerTopColor)),0 0 calc(var(--spinnerShadowSize) * 4) hsl(var(--colorBrandPrimary))}.xtrSpinner .spinnerWrapper .cubeWrapper{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace{position:absolute;width:100%;height:100%;background:#fff;transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:before{content:"";position:absolute;top:0;display:block;width:100%;height:100%;background:linear-gradient(to bottom,hsl(var(--colorBrandPrimary)/100%),hsl(var(--colorBrandPrimary)/40%))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:after{content:"";position:absolute;top:0;display:block;width:100%;height:100%;background:linear-gradient(to bottom,hsl(var(--spinnerTopColor)/100%) 0%,hsl(var(--spinnerTopColor)/40%) 5%,hsl(var(--spinnerTopColor)/10%) 10%,transparent 100%)}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(1){transform:rotateY(90deg) translateZ(calc(var(--spinnerCubeSize) / 2))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(2){transform:rotateY(180deg) translateZ(calc(var(--spinnerCubeSize) / 2))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(3){transform:rotateY(270deg) translateZ(calc(var(--spinnerCubeSize) / 2))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(4){transform:rotateY(360deg) translateZ(calc(var(--spinnerCubeSize) / 2))}@keyframes spinner{0%{transform:rotateX(-30deg) rotateY(0)}to{transform:rotateX(-30deg) rotateY(360deg)}}.xtrTextfield{--fontSize: 14px;--primaryColor: var(--colorBackgroundSecondary);--secondaryColor: var(--colorBackgroundPrimary);position:relative;width:300px;display:flex;justify-content:center;align-items:center;border-radius:22px;box-shadow:0 0 0 1px hsl(var(--colorBrandPrimary)/50%);background:var(--primaryColor);color:hsl(var(--colorContentPrimary));transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrTextfield:before{content:"";position:absolute;display:block;width:100%;height:100%;background:hsl(var(--colorBrandPrimary));clip-path:circle(0% at 22px 50%);border-radius:9999px;z-index:0;opacity:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrTextfield .xtrIcon{position:absolute;left:0;width:44px;height:44px;font-size:calc(var(--fontSize) + 2px);color:hsl(var(--colorBrandPrimary)/100%);pointer-events:none;transition:all 0s}.xtrTextfield .dialCode{position:absolute;left:0;display:flex;align-items:center;gap:4px}.xtrTextfield .dialCode span{display:flex;width:44px;height:44px;background-size:cover;background-position:center;border-radius:9999px;scale:.8}.xtrTextfield .dialCode p{margin:0;font-size:var(--fontSize);transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrTextfield .input{width:100%;outline:none;border:none;background:transparent;padding:20px 22px 6px;line-height:18px;z-index:1;font-size:var(--fontSize);font-variation-settings:"wdth" 75,"wght" 400;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrTextfield .input[type=number]::-webkit-inner-spin-button,.xtrTextfield .input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.xtrTextfield .input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.xtrTextfield .placeholder{position:absolute;left:0;display:flex;align-items:center;color:var(--colorContentSecondary);translate:16px 0;transform-origin:0 50%;font-size:var(--fontSize);line-height:20px;padding:0 8px;z-index:2;pointer-events:none;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrTextfield.withIcon:before{clip-path:circle(16px at 22px 50%);opacity:.4}.xtrTextfield.withIcon .input{padding-left:48px}.xtrTextfield.withIcon .placeholder{translate:40px 0}.xtrTextfield.textarea .input{height:200px;padding:0 22px;margin:26px 0 8px;resize:none}.xtrTextfield.textarea .placeholder{top:0;translate:16px 20px}.xtrTextfield.phone .input{padding-left:74px}.xtrTextfield.phone .placeholder{translate:68px 0}.xtrTextfield.hasValue .placeholder{font-variation-settings:"wdth" 75,"wght" 700;color:hsl(var(--colorBrandPrimary)/100%);translate:16px -9px;scale:.75}.xtrTextfield.hasValue .placeholder:before{scale:1}.xtrTextfield.hasValue.withIcon .placeholder,.xtrTextfield.hasValue.phone .placeholder{translate:42px -9px}.xtrTextfield.hasValue.phone .dialCode p{margin-top:14px}.xtrTextfield.hasValue.textarea .placeholder{translate:16px 8px}.xtrTextfield:focus-within,.xtrTextfield.active{box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%);background:var(--secondaryColor)}.xtrTextfield:focus-within .placeholder,.xtrTextfield.active .placeholder{font-variation-settings:"wdth" 75,"wght" 700;color:hsl(var(--colorBrandPrimary)/100%);translate:16px -9px;scale:.75}.xtrTextfield:focus-within .placeholder:before,.xtrTextfield.active .placeholder:before{scale:1}.xtrTextfield:focus-within.withIcon .placeholder,.xtrTextfield.active.withIcon .placeholder{translate:42px -9px}.xtrTextfield:focus-within.phone .placeholder,.xtrTextfield.active.phone .placeholder{translate:42px -9px}.xtrTextfield:focus-within.phone .dialCode p,.xtrTextfield.active.phone .dialCode p{margin-top:14px}.xtrTextfield:focus-within.textarea .placeholder,.xtrTextfield.active.textarea .placeholder{translate:16px 8px}.xtrTextfield:focus-within.withIcon:before,.xtrTextfield.active.withIcon:before{clip-path:circle(18px at 22px 50%);opacity:.8}.xtrTextfield:focus-within.withIcon .xtrIcon,.xtrTextfield.active.withIcon .xtrIcon{color:#fff;font-weight:900}.xtrTextfield:focus-within .input,.xtrTextfield.active .input{cursor:text!important}.xtrDatePicker{--fontSize: 14px;--primaryColor: var(--colorBackgroundSecondary);--secondaryColor: var(--colorBackgroundPrimary);display:flex;width:fit-content;min-width:300px;justify-content:center;align-items:center;border-radius:22px;box-shadow:0 0 0 1px hsl(var(--colorBrandPrimary)/50%);background:var(--primaryColor);color:hsl(var(--colorContentPrimary));transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrDatePicker:before{content:"";position:absolute;display:block;width:100%;height:100%;background:hsl(var(--colorBrandPrimary));clip-path:circle(16px at 22px 50%);border-radius:9999px;z-index:0;opacity:.4;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrDatePicker:after{content:attr(data-testid);position:absolute;top:3px;left:40px;font-size:var(--fontSize);line-height:20px;color:hsl(var(--colorBrandPrimary)/100%);scale:.75;font-variation-settings:"wdth" 75,"wght" 700}.xtrDatePicker .react-datetime-picker__wrapper{position:relative;display:flex;padding:20px 8px 4px 48px;border:none}.xtrDatePicker .react-datetime-picker__wrapper *{line-height:18px;font-size:14px;font-variation-settings:"wdth" 75,"wght" 400}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__inputGroup__input{border:none;outline:none;background:none}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__calendar-button,.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__clock-button{position:absolute;left:0;top:0;padding:0;background:transparent;outline:none;border:none;cursor:pointer}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__calendar-button>i,.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__clock-button>i{width:44px;height:44px;font-size:calc(var(--fontSize));color:hsl(var(--colorBrandPrimary)/100%);pointer-events:none;transition:all 0s}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__clear-button{position:absolute;top:0;bottom:0;right:8px;background:transparent;outline:none;border:none;cursor:pointer}.xtrDatePicker .react-datetime-picker__calendar{position:relative;width:100%;border-radius:4px 4px 22px 22px;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%);background:var(--colorBackgroundPrimary);padding:4px;margin-top:10px;z-index:100}.xtrDatePicker .react-datetime-picker__calendar .react-calendar{width:100%;background:transparent;border:none;-webkit-user-select:none;user-select:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow{position:relative;aspect-ratio:1;background:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:9999px;z-index:-1}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:hover{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:hover:before{background:hsl(var(--colorBrandPrimary)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:hover *{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label{position:relative;border-radius:8px;background:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:9999px;z-index:-1}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:hover{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:hover:before{background:hsl(var(--colorBrandPrimary)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:hover *{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile{position:relative;aspect-ratio:1;background:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:before{content:"";position:absolute;top:1;right:1;bottom:1;left:1;border-radius:9999px}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile.react-calendar__month-view__days__day--neighboringMonth abbr{color:var(--colorContentTertiary)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--now:before{top:0;right:0;bottom:0;left:0;background:none;border:1px solid hsl(var(--colorBrandPrimary)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:9999px;z-index:-1}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:hover{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:hover:before{background:hsl(var(--colorBrandPrimary)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:hover *{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--active:before,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--hasActive:before{top:0;right:0;bottom:0;left:0;background:hsl(var(--colorBrandPrimary)/100%)!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--active abbr,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--hasActive abbr{color:#fff}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__year-view__months .react-calendar__tile,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__decade-view__years .react-calendar__tile{aspect-ratio:unset;color:#fff}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__year-view__months .react-calendar__tile:before,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__decade-view__years .react-calendar__tile:before{top:3px;right:3px;bottom:3px;left:3px;border-radius:16px}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__year-view__months .react-calendar__tile--now abbr,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__decade-view__years .react-calendar__tile--now abbr{color:#fff}.xtrDatePicker .react-datetime-picker__clock{--clockColor: hsl(var(--colorBrandPrimary) / 100%);width:100%;height:auto;border-radius:4px 4px 22px 22px;border:none;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%);background:var(--colorBackgroundPrimary);padding:16px;margin-top:10px;z-index:100}.xtrDatePicker .react-datetime-picker__clock .react-clock{margin:auto}.xtrDatePicker .react-datetime-picker__clock .react-clock .react-clock__face{border-color:var(--clockColor)}.xtrDatePicker .react-datetime-picker__clock .react-clock .react-clock__mark__body,.xtrDatePicker .react-datetime-picker__clock .react-clock .react-clock__hand__body{background:var(--clockColor)}.xtrDatePicker.react-datetime-picker--open{border-radius:22px 22px 4px 4px!important;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%);background:var(--secondaryColor)}.xtrDatePicker.react-datetime-picker--open:before{clip-path:circle(18px at 22px 50%);opacity:.8}.xtrDatePicker.react-datetime-picker--open .react-datetime-picker__calendar-button>i{color:#fff!important;font-weight:900}.xtrImageEditor{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.xtrImageEditor .editorControls{position:absolute;bottom:20px;padding:8px;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;border-radius:9999px;align-items:center;gap:8px}.xtrImageEditor .editorControls .xtrIcon{padding:24px;border:1px solid rgba(255,255,255,.1333333333);color:#fffd}.xtrImageEditor .editorControls .xtrIcon:hover{border:1px solid hsl(var(--colorBrandPrimary)/75%);color:#fff}.xtrImageEditor .xtrSpinner{position:absolute}.xtrFilePicker{position:relative}.xtrFilePicker.draggable{width:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px dotted var(--colorContentTertiary);border-radius:24px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:32px;transition:all .2s ease-out}.xtrFilePicker.draggable>i{margin-bottom:12px}.xtrFilePicker.draggable>h2{margin:0 0 4px;font-variation-settings:"wdth" 75,"wght" 200}.xtrFilePicker.draggable>p{margin:0;font-size:14px;font-variation-settings:"wdth" 75,"wght" 300}.xtrFilePicker.draggable:hover{background:hsl(var(--colorBrandPrimary)/10%);border-color:hsl(var(--colorBrandPrimary)/50%)}.xtrFilePicker.draggable:hover>i{color:hsl(var(--colorBrandPrimary)/100%);transform:scale(1.05)}.xtrSelectWrapper{position:relative;display:flex;width:auto;align-items:center}.xtrSelectWrapper .xtrSelect{width:auto;position:relative}.xtrSelectWrapper .xtrSelect__control{min-width:250px;width:auto;position:relative;background:var(--colorBackgroundSecondary)!important;border:none!important;padding:0 8px 0 22px!important;border-radius:22px!important;box-shadow:0 0 0 0 var(--colorBackgroundSecondary)!important;transition:all var(--animDurDefault) var(--cubicBezierPrimary)!important}.xtrSelectWrapper .xtrSelect__control:before{content:"";position:absolute;left:0;display:block;width:100%;height:100%;background:var(--colorContentSecondary);clip-path:circle(0% at 22px);border-radius:9999px;opacity:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrSelectWrapper .xtrSelect__value-container{padding:16px 16px 2px 0!important;font-size:14px}.xtrSelectWrapper .xtrSelect__value-container.xtrSelect__value-container--is-multi{padding:9px 0!important}.xtrSelectWrapper .xtrSelect__value-container.xtrSelect__value-container--is-multi.xtrSelect__value-container--has-value{margin-left:-10px}.xtrSelectWrapper .xtrSelect__multi-value{background:var(--colorBackgroundTertiary)!important;border-radius:9999px!important;overflow:hidden!important}.xtrSelectWrapper .xtrSelect__multi-value__label{padding:3px 6px 3px 8px!important;color:var(--colorContentPrimary)!important}.xtrSelectWrapper .xtrSelect__multi-value__remove{color:var(--colorContentPrimary)!important;padding:0 8px 0 2px!important;cursor:pointer!important}.xtrSelectWrapper .xtrSelect__multi-value__remove:hover{background:hsl(var(--colorAlertError)/50%)!important}.xtrSelectWrapper .xtrSelect__indicator-separator{display:none}.xtrSelectWrapper .xtrSelect__indicator{cursor:pointer}.xtrSelectWrapper .xtrSelect__single-value,.xtrSelectWrapper .xtrSelect__input{color:var(--colorContentPrimary)!important}.xtrSelectWrapper .xtrSelect__menu{background:var(--colorBackgroundPrimary)!important;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%)!important;border-radius:4px 4px 22px 22px!important;margin-top:10px!important;overflow:hidden!important;animation:showDropDown .2s ease-out forwards;z-index:100}.xtrSelectWrapper .xtrSelect__menu-list{padding:0!important}.xtrSelectWrapper .xtrSelect__option{padding:12px 24px!important;cursor:pointer!important}.xtrSelectWrapper .xtrSelect__option--is-focused{color:#fff!important;background:hsl(var(--colorBrandPrimary)/50%)!important}.xtrSelectWrapper .xtrSelect__option--is-selected{color:#fff!important;background:hsl(var(--colorBrandPrimary))!important}.xtrSelectWrapper .xtrSelect--is-disabled{opacity:.5!important}.xtrSelectWrapper .xtrSelectIcon{position:absolute;left:0;width:44px;height:44px;font-size:16px;color:var(--colorContentPrimary)}.xtrSelectWrapper .placeholder{position:absolute;left:18px;font-size:14px;color:var(--colorContentSecondary);transform-origin:0 50%;pointer-events:none;margin:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrSelectWrapper.single .xtrSelect__placeholder{opacity:0}.xtrSelectWrapper.open .xtrSelect__control:before,.xtrSelectWrapper.withValue .xtrSelect__control:before{background:hsl(var(--colorBrandPrimary))}.xtrSelectWrapper.open .placeholder,.xtrSelectWrapper.withValue .placeholder{transform:translate(8px,-12px);scale:.75;font-variation-settings:"wdth" 75,"wght" 700;color:hsl(var(--colorBrandPrimary)/100%)}.xtrSelectWrapper.withIcon .xtrSelect__control{padding:0 8px 0 48px!important}.xtrSelectWrapper.withIcon .xtrSelect__control:before{clip-path:circle(17px at 22px);opacity:.4}.xtrSelectWrapper.withIcon .xtrSelect__control--menu-is-open:before{clip-path:circle(19px at 22px);opacity:.8}.xtrSelectWrapper.withIcon .xtrSelect__value-container.xtrSelect__value-container--is-multi.xtrSelect__value-container--has-value{padding-left:10px!important}.xtrSelectWrapper.withIcon .input{padding-left:48px}.xtrSelectWrapper.withIcon .placeholder{transform:translate(30px)}.xtrSelectWrapper.withIcon.withValue .placeholder,.xtrSelectWrapper.withIcon.open .placeholder{transform:translate(42px,-12px)}.xtrSelectWrapper.open .xtrSelect__control{border-radius:22px 22px 4px 4px!important;background:var(--colorBackgroundPrimary)!important;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%)!important}.xtrSelectWrapper.open .xtrSelect__control:before{background:hsl(var(--colorBrandPrimary))}.xtrSelectWrapper.open .xtrSelectIcon{color:#fff;font-weight:900}.xtrSelectWrapper.miniSize{width:auto}.xtrSelectWrapper.miniSize .xtrSelect{width:auto;position:relative}.xtrSelectWrapper.miniSize .xtrSelect__control{min-width:100px;width:auto;height:32px;min-height:32px;padding:0 8px 0 16px!important}.xtrSelectWrapper.miniSize .xtrSelect__control:before{clip-path:circle(12px at 16px)}.xtrSelectWrapper.miniSize .xtrSelect__value-container{padding:12px 16px 2px 0!important;font-size:11px}.xtrSelectWrapper.miniSize .xtrSelect__menu{margin-top:6px!important;border-radius:4px 4px 16px 16px!important}.xtrSelectWrapper.miniSize .xtrSelect__option{padding:8px 24px!important;font-size:12px}.xtrSelectWrapper.miniSize .xtrSelect__indicator svg{width:16px;height:16px}.xtrSelectWrapper.miniSize .xtrSelect__menu-list{max-height:220px}.xtrSelectWrapper.miniSize .xtrSelectIcon{width:31px;height:31px;font-size:12px}.xtrSelectWrapper.miniSize .placeholder{font-variation-settings:"wdth" 75,"wght" 500;scale:1;font-size:12px;transform:translate(0)}.xtrSelectWrapper.miniSize.withIcon .xtrSelect__control{padding:0 8px 0 36px!important}.xtrSelectWrapper.miniSize.withIcon .placeholder{transform:translate(20px)}.xtrSelectWrapper.miniSize.open .xtrSelect__control{border-radius:16px 16px 4px 4px!important}.xtrSelectWrapper.miniSize.open .xtrSelect__control:before{clip-path:circle(14px at 16px)}.xtrSelectWrapper.miniSize.open:not(.noSearch) .placeholder,.xtrSelectWrapper.miniSize.withValue .placeholder{font-variation-settings:"wdth" 75,"wght" 600;scale:.75!important;transform:translate(2px,-10px)}.xtrSelectWrapper.miniSize.open:not(.noSearch).withIcon .placeholder,.xtrSelectWrapper.miniSize.withValue.withIcon .placeholder{scale:.75!important;transform:translate(28px,-10px)}.xtrSelectWrapper.largeSize{width:auto}.xtrSelectWrapper.largeSize .xtrSelect{width:auto;position:relative}.xtrSelectWrapper.largeSize .xtrSelect__control{min-width:300px;width:auto;height:60px;min-height:60px;border-radius:30px!important;padding:0 12px 0 24px!important}.xtrSelectWrapper.largeSize .xtrSelect__control:before{clip-path:circle(24px at 30px)}.xtrSelectWrapper.largeSize .xtrSelect__value-container{font-size:22px;padding:18px 16px 0 0!important}.xtrSelectWrapper.largeSize .xtrSelect__option{padding:18px 24px!important;font-size:20px}.xtrSelectWrapper.largeSize .xtrSelect__indicator svg{width:24px;height:24px}.xtrSelectWrapper.largeSize .xtrSelect__menu-list{max-height:420px}.xtrSelectWrapper.largeSize .xtrSelectIcon{width:60px;height:60px;font-size:22px}.xtrSelectWrapper.largeSize .placeholder{font-variation-settings:"wdth" 75,"wght" 500;scale:1;font-size:20px;transform:translate(8px)}.xtrSelectWrapper.largeSize.withIcon .xtrSelect__control{padding:0 8px 0 64px!important}.xtrSelectWrapper.largeSize.withIcon .placeholder{transform:translate(50px)}.xtrSelectWrapper.largeSize.open .xtrSelect__control{border-radius:30px 30px 4px 4px!important}.xtrSelectWrapper.largeSize.open .xtrSelect__control:before{clip-path:circle(26px at 30px)}.xtrSelectWrapper.largeSize.open:not(.noSearch) .placeholder,.xtrSelectWrapper.largeSize.withValue .placeholder{font-variation-settings:"wdth" 75,"wght" 600;scale:.75!important;transform:translate(12px,-18px)}.xtrSelectWrapper.largeSize.open:not(.noSearch).withIcon .placeholder,.xtrSelectWrapper.largeSize.withValue.withIcon .placeholder{scale:.75!important;transform:translate(66px,-18px)}.xtrSelectWrapper.noSearch *{cursor:pointer}@keyframes showDropDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.xtrSelectWrapper:not(.open) .xtrSelect__input{caret-color:transparent}._colorPicker_16j6k_1{display:flex;flex-direction:column}._colorPicker_16j6k_1 ._wheel_16j6k_5{cursor:crosshair;margin-bottom:24px}._colorPicker_16j6k_1 ._shade_16j6k_9,._colorPicker_16j6k_1 ._alpha_16j6k_9{height:5px!important;border-radius:9999px!important}._colorPicker_16j6k_1 ._shade_16j6k_9 div:first-child,._colorPicker_16j6k_1 ._alpha_16j6k_9 div:first-child{border-radius:9999px!important}._colorPicker_16j6k_1 ._shade_16j6k_9 div:last-child,._colorPicker_16j6k_1 ._alpha_16j6k_9 div:last-child{display:flex;align-items:center}._colorPicker_16j6k_1 ._shade_16j6k_9{margin-bottom:16px}.xtrColorButton i{color:var(--iconColor)!important;--iconSize: 15px !important}.xtrColorInput{box-shadow:0 0 0 0 transparent;transition:box-shadow 0s,background var(--animDurDefault)}.xtrColorInput:before{background:hsl(var(--colorBrandPrimary))!important;opacity:1!important;transition:all var(--animDurDefault) var(--cubicBezierPrimary),background 0s!important}.xtrColorInput i{color:var(--iconColor)!important}.xtrColorInput input{cursor:pointer;text-transform:uppercase}.xtrColorPopper{min-width:200px;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:24px;background:var(--colorBackgroundPrimary);z-index:9999;transition:all var(--animDurDefault) var(--cubicBezierPrimary);overflow:hidden}.xtrColorPopper .themeScheme{width:100%}.xtrColorPopper .themeScheme .schemeSelector{display:flex;justify-content:center;padding-top:16px}.xtrColorPopper .themeScheme .schemeSelector button{flex-grow:1;border-radius:0;padding:0 8px;filter:unset!important}.xtrColorPopper .themeScheme .schemeSelector button:first-child{border-top-left-radius:24px;border-bottom-left-radius:24px}.xtrColorPopper .themeScheme .schemeSelector button:last-child{border-top-right-radius:24px;border-bottom-right-radius:24px}.xtrColorPopper .themeScheme .schemeSelector button i{height:38px!important}.xtrColorPopper .header{width:100%;display:flex;justify-content:space-between;align-items:center}.xtrColorPopper .header .heading{position:relative;width:100%;max-width:172px;padding-right:16px;display:flex;align-items:flex-start;height:32px}.xtrColorPopper .header .heading h1{position:absolute;width:100%;height:100%;font-size:14px;text-transform:uppercase;line-height:32px;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variation-settings:"wdth" 75,"wght" 600;background:var(--colorBackgroundPrimary);animation:slideOutRight .4s ease 1s forwards}.xtrColorPopper .header .heading div{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;animation:slideInLeft .4s ease 1s forwards}.xtrColorPopper .header .heading div h1{position:relative;animation:none}.xtrColorPopper .header .heading div .popperInput{width:100%;outline:none;border:none;background:none;letter-spacing:.8px;text-transform:uppercase;color:hsl(var(--colorBrandPrimary));font-size:14px;padding:0;margin-top:-4px;z-index:2;animation:slideInLeft .4s ease 1s forwards}.xtrColorPopper .header .heading div .popperInput:focus-within{color:hsl(var(--colorBrandPrimary));font-variation-settings:"wdth" 75,"wght" 800}.xtrColorPopper .header.withInput .heading{height:44px}.xtrColorPopper .header i{font-size:small;opacity:0;animation:fadeIn .4s ease 1.1s forwards}.xtrColorPopper hr{width:20%;height:4px;background:var(--colorContentPrimary);border:none;margin:0;opacity:.2;border-radius:9999px}.xtrColorPopper .swatch{width:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:8px 12px}.xtrColorPopper .swatch .swatchItem{aspect-ratio:1;border-radius:9999px;cursor:pointer}@keyframes slideInLeft{0%{opacity:0;z-index:1;transform:translate(50px)}to{opacity:1;z-index:2;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;z-index:2;transform:translate(0)}to{opacity:0;z-index:1;transform:translate(-50px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}._sider_11os5_1{--paddingLeft: 0px;--paddingRight: 0px;--borderRadius: 36px;--siderWidthMini: 60px;width:100%;height:100%;background:var(--colorBackgroundSecondary);padding:0 var(--paddingRight) 0 var(--paddingLeft);overflow:hidden;transition:all var(--animDurDefault) ease}._sider_11os5_1 ._leftSiderContainer_11os5_13{position:fixed;left:0;width:auto;height:100%;z-index:0;transition:transform var(--animDurDefault) var(--cubicBezierPrimary)}._sider_11os5_1 ._rightSiderContainer_11os5_21{position:fixed;right:0;width:auto;height:100%;z-index:1;transition:transform var(--animDurDefault) var(--cubicBezierPrimary)}._sider_11os5_1 ._content_11os5_29{position:relative;width:100%;height:100%;background:var(--colorBackgroundPrimary);box-shadow:0 0 50px 2px #0000003d;border-radius:0;z-index:2;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._sider_11os5_1._miniLeftSider_11os5_39{--paddingLeft: var(--siderWidthMini)}._sider_11os5_1._miniLeftSider_11os5_39 ._content_11os5_29{border-top-left-radius:var(--borderRadius);border-bottom-left-radius:var(--borderRadius)}._sider_11os5_1._miniRightSider_11os5_46{--paddingRight: var(--siderWidthMini)}._sider_11os5_1._miniRightSider_11os5_46 ._content_11os5_29{border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius)}._sider_11os5_1._leftOpen_11os5_53{--transform: translateX(calc(32px + var(--leftSiderWidth) - var(--paddingLeft)))}._sider_11os5_1._leftOpen_11os5_53 ._rightSiderContainer_11os5_21{transform:var(--transform);pointer-events:none}._sider_11os5_1._leftOpen_11os5_53 ._content_11os5_29{border-radius:36px;transform:var(--transform);transform-origin:left center;scale:.95}._sider_11os5_1._rightOpen_11os5_66{--transform: translateX(calc((32px + var(--rightSiderWidth) - var(--paddingRight)) * -1))}._sider_11os5_1._rightOpen_11os5_66 ._leftSiderContainer_11os5_13{transform:var(--transform);pointer-events:none}._sider_11os5_1._rightOpen_11os5_66 ._content_11os5_29{border-radius:36px;transform:var(--transform);transform-origin:right center;scale:.95}@media (width <= 512px){._sider_11os5_1._miniLeftSider_11os5_39{--paddingLeft: 0px !important}._sider_11os5_1:not(._leftOpen_11os5_53) ._content_11os5_29{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._sider_11os5_1._rightOpen_11os5_66{--transform: translateX(calc((32px + 100vh - var(--paddingRight)) * -1))}._sider_11os5_1._miniRightSider_11os5_46{--paddingRight: 0px !important}._sider_11os5_1:not(._rightOpen_11os5_66) ._content_11os5_29{border-top-right-radius:0!important;border-bottom-right-radius:0!important}}._siderModal_1rtdm_1{width:fit-content;height:100%;min-width:300px;display:flex;flex-direction:column}._siderModal_1rtdm_1 ._header_1rtdm_8{width:100%;height:100px;display:flex;align-items:center;padding:0 24px;gap:24px}._siderModal_1rtdm_1 ._header_1rtdm_8 ._back_1rtdm_16{border-top-left-radius:0;border-bottom-left-radius:0;display:none}._siderModal_1rtdm_1 ._header_1rtdm_8 ._icon_1rtdm_21,._siderModal_1rtdm_1 ._header_1rtdm_8 ._title_1rtdm_21{font-size:x-large;font-variation-settings:"wdth" 75,"wght" 400;color:var(--colorContentPrimary);margin:0;-webkit-user-select:none;user-select:none}._siderModal_1rtdm_1 ._footer_1rtdm_28{width:100%;height:100px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding:0 24px}._siderModal_1rtdm_1 ._body_1rtdm_37{flex:1;padding:16px 0;overflow-y:auto;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}@media (width <= 512px){._siderModal_1rtdm_1 ._header_1rtdm_8{padding:0 24px 0 0}._siderModal_1rtdm_1 ._header_1rtdm_8 ._back_1rtdm_16{display:flex}._siderModal_1rtdm_1 ._body_1rtdm_37{width:100vw}}._navigation_10g7s_1{--animDurFast: .4s;--borderRadius: 30px;width:250px;height:100%;display:flex;flex-direction:column;padding:16px 0 28px}._navigation_10g7s_1 ._brand_10g7s_10{font-size:32px;padding:24px 8px;font-variation-settings:"wdth" 75,"wght" 400;text-transform:capitalize;-webkit-user-select:none;user-select:none;color:var(--colorContentPrimary);cursor:pointer}._navigation_10g7s_1 ._routeList_10g7s_19{width:100%;display:flex;flex-direction:column;flex:1;-webkit-user-select:none;user-select:none;cursor:pointer}._navigation_10g7s_1 ._routeList_10g7s_19 ._route_10g7s_19{position:relative;display:flex;align-items:center;gap:2px;text-decoration:none;color:var(--colorContentPrimary);border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius);transition:all var(--animDurFast) var(--cubicBezierPrimary);-webkit-tap-highlight-color:transparent;overflow:hidden}._navigation_10g7s_1 ._routeList_10g7s_19 ._route_10g7s_19:before{content:"";position:absolute;width:100%;height:100%;transform:translate(-100%);background:hsl(var(--colorBrandPrimary));z-index:0;border-radius:0;transition:all var(--animDurFast) var(--cubicBezierPrimary),transform .2s ease;overflow:hidden}._navigation_10g7s_1 ._routeList_10g7s_19 ._route_10g7s_19 ._icon_10g7s_52{width:var(--siderWidthMini);height:var(--siderWidthMini);font-size:calc(var(--siderWidthMini) - 40px);transition:all var(--animDurFast) var(--cubicBezierPrimary);color:inherit}._navigation_10g7s_1 ._routeList_10g7s_19 ._route_10g7s_19 ._label_10g7s_59{font-size:16px;font-variation-settings:"wdth" 75,"wght" 400;text-transform:capitalize;color:inherit;z-index:1;transition:all var(--animDurFast) var(--cubicBezierPrimary)}._navigation_10g7s_1 ._routeList_10g7s_19 ._route_10g7s_19:last-of-type{margin-top:auto}._navigation_10g7s_1 ._routeList_10g7s_19 ._route_10g7s_19:hover:before{transform:translate(calc(4px - 100%))}._navigation_10g7s_1 ._routeList_10g7s_19 ._route_10g7s_19:active ._icon_10g7s_52{scale:.9}._navigation_10g7s_1 ._routeList_10g7s_19 ._route_10g7s_19:active:before{transform:translate(calc(6px - 100%))}._navigation_10g7s_1 ._routeList_10g7s_19 ._route_10g7s_19._loading_10g7s_79{--loaderColor: hsl(var(--colorBrandPrimary) / 50%);background:hsl(var(--colorBrandPrimary)/0%);pointer-events:none}._navigation_10g7s_1 ._routeList_10g7s_19 ._route_10g7s_19._loading_10g7s_79:before{content:"";position:absolute;width:150%;height:100%;background:none;background-image:repeating-linear-gradient(60deg,transparent,transparent .75rem,var(--loaderColor) .75rem,var(--loaderColor) 1.5rem);z-index:2;border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius);transform:translate(0);transition:all var(--animDurFast) var(--cubicBezierPrimary),transform var(--animDurFast) ease;animation:_barberPole_10g7s_1 .18s linear infinite}._navigation_10g7s_1 ._routeList_10g7s_19 ._route_10g7s_19._active_10g7s_98{color:#fff}._navigation_10g7s_1 ._routeList_10g7s_19 ._route_10g7s_19._active_10g7s_98:before{border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius);transform:translate(0);transition:all var(--animDurFast) var(--cubicBezierPrimary),transform var(--animDurFast) ease}@keyframes _barberPole_10g7s_1{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}.xtrThemeSelect{width:150px}.xtrThemePicker{container-type:inline-size;--schemeSize: 190px;--schemeGap: calc(var(--schemeSize) / 8);--globalTertiaryColor: var(--colorBackgroundTertiary);position:relative;width:100%;max-width:100%;display:flex;flex-direction:column}.xtrThemePicker .themeSchemes{width:fit-content;display:flex;gap:calc(var(--schemeGap) / 1.2)}.xtrThemePicker .themeSchemes *{transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrThemePicker .themeSchemes .themeSchemeItem{--rippleShadowColor: var(--globalTertiaryColor);--cardBorderRadius: calc(var(--schemeGap) / 2);position:relative;width:var(--schemeSize);height:calc(var(--schemeSize) * .8);background:var(--colorBackgroundSecondary);-webkit-user-select:none;user-select:none;border:2px solid var(--colorBackgroundTertiary);cursor:pointer;transition:all var(--animDurDefault) var(--cubicBezierPrimary),box-shadow var(--animDurDefault) linear}@media (prefers-color-scheme: light){.xtrThemePicker .themeSchemes .themeSchemeItem.auto{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}}@media (prefers-color-scheme: dark){.xtrThemePicker .themeSchemes .themeSchemeItem.auto{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}}.xtrThemePicker .themeSchemes .themeSchemeItem.light{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}.xtrThemePicker .themeSchemes .themeSchemeItem.dark{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}.xtrThemePicker .themeSchemes .themeSchemeItem .design{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation{position:absolute;top:0;left:0;width:25%;height:100%;display:flex;flex-direction:column;gap:calc(var(--schemeGap) / 6);padding:calc(var(--schemeGap) / 2.4) 0;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation .navigationItem{width:100%;height:calc(var(--schemeGap) / 6);background:#000;opacity:.2}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation .navigationItem:first-child{margin-top:10px;background:#fff}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation .navigationItem:last-child{margin-top:auto}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content{position:absolute;top:0;left:4%;width:96%;height:100%;border-top-left-radius:calc(var(--schemeGap) / 2);border-bottom-left-radius:calc(var(--schemeGap) / 2);background:var(--colorBackgroundPrimary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .header{position:absolute;top:0;left:0;width:100%;height:calc(var(--schemeGap) / 2)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .header:before{content:"";position:absolute;top:calc(var(--schemeGap) / 3);left:calc(var(--schemeGap) / 3);display:block;width:calc(var(--schemeGap) / 4);height:calc(var(--schemeGap) / 4);border-radius:9999px;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .header:after{content:"";position:absolute;top:calc(var(--schemeGap) / 3);left:calc(var(--schemeGap) / 1.2);display:block;width:calc(var(--schemeGap) * 2);height:calc(var(--schemeGap) / 4);border-radius:9999px;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .profile{position:absolute;top:calc(var(--schemeGap) / 1.1);left:50%;transform:translate(-50%);width:calc(var(--schemeGap));height:calc(var(--schemeGap));border-radius:9999px;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .profile:before{content:"";position:absolute;top:calc(var(--schemeGap) * 1.2);left:50%;transform:translate(-50%);display:block;width:calc(var(--schemeGap) * 1.5);height:calc(var(--schemeGap) / 8);border-radius:9999px;background:var(--colorBackgroundTertiary);transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrThemePicker .themeSchemes .themeSchemeItem .footer{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;align-items:center;color:var(--colorContentPrimary);margin-bottom:calc(var(--schemeGap) / 2);gap:calc(var(--schemeGap) / 3)}.xtrThemePicker .themeSchemes .themeSchemeItem .footer .footerIcon{font-size:max(10px,var(--schemeGap) / 1.5);text-transform:capitalize;color:inherit}.xtrThemePicker .themeSchemes .themeSchemeItem .footer .footerLabel{font-size:max(10px,var(--schemeGap) / 1.6);font-variation-settings:"wdth" 75,"wght" 700;text-transform:uppercase;color:inherit}.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .content{top:0;left:20%;width:80%}.xtrThemePicker .themeSchemes .themeSchemeItem.active .design .navigation,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .navigation{background:hsl(var(--colorBrandPrimary))}.xtrThemePicker .themeSchemes .themeSchemeItem.active .design .navigation .navigationItem,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .navigation .navigationItem{opacity:.3}.xtrThemePicker .themeSchemes .themeSchemeItem.active .design .content .header:before,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .content .header:before{background:hsl(var(--colorBrandPrimary))}.xtrThemePicker .themeSchemes .themeSchemeItem.active .footer,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .footer{color:hsl(var(--colorBrandPrimary))}.xtrThemePicker .swatches{position:relative;width:calc(var(--schemeSize) * 3 + var(--schemeGap) * 2 / 1.2);display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;gap:calc(var(--schemeGap) / 1.5);padding:0 4px;margin-top:var(--schemeGap);transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrThemePicker .swatches .xtrThemeSelect,.xtrThemePicker .swatches .xtrColorButton{width:100%!important;grid-column:span 2}.xtrThemePicker .swatches .xtrButton .label{font-variation-settings:"wdth" 75,"wght" 600;letter-spacing:.8px}@container (width < 640px){.xtrThemePicker .themeSchemes,.xtrThemePicker .swatches{--schemeSize: 130px;--schemeGap: calc(var(--schemeSize) / 8)}}@container (width < 420px){.xtrThemePicker .themeSchemes,.xtrThemePicker .swatches{--schemeSize: 100px;--schemeGap: calc(var(--schemeSize) / 8)}.xtrThemePicker .xtrButton{padding:6px 12px}.xtrThemePicker .xtrButton .xtrIcon{--iconSize: 14px !important}.xtrThemePicker .xtrButton .label{letter-spacing:unset;font-size:11px}}@container (width < 325px){.xtrThemePicker{--schemeSize: 100px}.xtrThemePicker .themeSchemeItem{display:none}.xtrThemePicker .swatches{width:100%;grid-template-columns:1fr}.xtrThemePicker .swatches>.xtrButton:not(.xtrColorButton){display:none}}.xtrThemeSwitch{display:flex}.xtrThemeSwitch button i{width:unset!important;aspect-ratio:1.2}.xtrThemeSwitch button.xtrThemeScheme{padding-right:1rem;border-top-right-radius:0;border-bottom-right-radius:0}.xtrThemeSwitch button.xtrThemeColor{padding-left:1rem;border-top-left-radius:0;border-bottom-left-radius:0}.xtrThemeSwitch .xtrSelectWrapper .xtrSelect__control{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.xtrThemeSwitch .xtrSelectWrapper.open .xtrSelect__control{border-top-left-radius:0!important}.xtrThemeSwitch.withLabel i{aspect-ratio:1}
+@import"https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/styles/fa/fa-min.css";.react-datetime-picker{display:inline-flex;position:relative}.react-datetime-picker,.react-datetime-picker *,.react-datetime-picker *:before,.react-datetime-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-datetime-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-datetime-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-datetime-picker__inputGroup{min-width:calc(16px + 3.24em + .434em);flex-grow:1;padding:0 2px}.react-datetime-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-datetime-picker__inputGroup__divider,.react-datetime-picker__inputGroup__leadingZero{display:inline-block;font:inherit}.react-datetime-picker__inputGroup__input{min-width:.54em;height:calc(100% - 2px);position:relative;padding:1px;border:0;background:none;color:currentColor;font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.react-datetime-picker__inputGroup__input::-webkit-outer-spin-button,.react-datetime-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.react-datetime-picker__inputGroup__input:invalid{background:#ff00001a}.react-datetime-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-datetime-picker__inputGroup__amPm{font:inherit;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.react-datetime-picker__button{border:0;background:transparent;padding:4px 6px}.react-datetime-picker__button:enabled{cursor:pointer}.react-datetime-picker__button:enabled:hover .react-datetime-picker__button__icon,.react-datetime-picker__button:enabled:focus .react-datetime-picker__button__icon{stroke:#0078d7}.react-datetime-picker__button:disabled .react-datetime-picker__button__icon{stroke:#6d6d6d}.react-datetime-picker__button svg{display:inherit}.react-datetime-picker__calendar,.react-datetime-picker__clock{z-index:1}.react-datetime-picker__calendar--closed,.react-datetime-picker__clock--closed{display:none}.react-datetime-picker__calendar{width:350px;max-width:100vw}.react-datetime-picker__calendar .react-calendar{border-width:thin}.react-datetime-picker__clock{width:200px;height:200px;max-width:100vw;padding:25px;background-color:#fff;border:thin solid #a0a096}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock *:before,.react-clock *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-clock__face{position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid black;border-radius:50%}.react-clock__hand{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__hand__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__mark__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark__number{position:absolute;left:-40px;width:80px;text-align:center}.react-clock__second-hand__body{background-color:red}.shadowRipple{--rippleDuration: var(--animDurDefault);--rippleColor: var(--colorBrandPrimary);--rippleShadowColor: var(--colorBackgroundTertiary);--rippleSize: 30px 15px;border-radius:inherit;box-shadow:0 0 var(--rippleSize) hsl(var(--rippleColor)/0%);transition:box-shadow var(--rippleDuration) linear}.shadowRipple:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:0 0 0 1px var(--rippleShadowColor);transition:all var(--animDurDefault) var(--cubicBezierPrimary);z-index:-1}.shadowRipple:hover:before{box-shadow:0 0 0 3px hsl(var(--rippleColor)/50%)}.shadowRipple:active{transition:0s!important;box-shadow:0 0 hsl(var(--rippleColor)/50%)}.shadowRipple:active:before{box-shadow:0 0 0 5px hsl(var(--rippleColor)/50%)}html{scroll-behavior:smooth;background:var(--colorBackgroundPrimary);--H: 2;--S: 100%;--L: 70%;--L2: min(calc(var(--L) + 20%), 100%);--L3: min(calc(var(--L) + 30%), 100%);--colorBrandPrimary: var(--H) var(--S) var(--L);--colorBrandSecondary: var(--H) var(--S) var(--L2);--colorBrandTertiary: var(--H) var(--S) var(--L3);--colorAlertError: 4 100% 60%;--colorAlertWarning: 52 100% 50%;--colorAlertSuccess: 126 63% 49%;--colorBorderPrimary: #ABB0BB;--gradientBrand: linear-gradient(320deg, hsl(var(--colorBrandPrimary)), hsl(var(--colorBrandTertiary)));--animDurSlow: 1s;--animDurDefault: .6s;--animDurFast: .4s;--cubicBezierPrimary: cubic-bezier(.23, 1, .32, 1)}html ::selection{color:#fff;background:hsl(var(--colorBrandPrimary))}@media (prefers-color-scheme: light){html[data-theme-scheme=auto]{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}}@media (prefers-color-scheme: dark){html[data-theme-scheme=auto]{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}}html[data-theme-scheme=light]{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}html[data-theme-scheme=dark]{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}html *{font-variation-settings:"wdth" 75,"wght" 500;color:var(--colorContentPrimary);box-sizing:border-box}.xtrActionCard{--cardWidth: 164px;--cardHeight: 164px;--rippleColor: var(--colorBrandPrimary);--rippleShadowColor: var(--colorBackgroundTertiary);--cardBorderRadius: calc(min(var(--cardWidth), var(--cardHeight))*.1) ;position:relative;width:var(--cardWidth);height:var(--cardHeight);border-radius:var(--cardBorderRadius);background:var(--colorBackgroundSecondary);cursor:pointer}.xtrActionCard.miniSize{--rippleSize: 24px 12px}.xtrActionCard.smallSize{--rippleSize: 30px 15px}.xtrActionCard.mediumSize{--rippleSize: 48px 24px}.xtrIcon.iconButton{border-radius:9999px;padding:16px}.xtrIcon.iconButton:hover{cursor:pointer;background:hsl(var(--colorBrandPrimary)/75%);color:#fff}.xtrIcon.iconButton:active{background:hsl(var(--colorBrandPrimary))}.xtrAvatar{--avatarSize: 64px;position:relative;width:var(--avatarSize);height:var(--avatarSize);display:flex;justify-content:center;align-items:center;cursor:pointer}.xtrAvatar:before{content:"";position:absolute;width:var(--avatarSize);height:var(--avatarSize);border-radius:9999px;border:calc(2px + var(--avatarSize) / 300) solid hsl(var(--colorBrandPrimary)/75%);transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrAvatar:after{content:"";position:absolute;width:var(--avatarSize);height:var(--avatarSize);border-radius:9999px;border:calc(4px + var(--avatarSize) / 300) solid hsl(var(--colorBrandPrimary)/100%);border-left-color:transparent;border-right-color:transparent;opacity:0;transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrAvatar .placeholder{color:hsl(var(--colorBrandPrimary)/100%)}.xtrAvatar .image{--imageSize: calc(100% - (4px + var(--avatarSize) / 100));position:absolute;width:var(--imageSize);height:var(--imageSize);border-radius:50%;object-fit:cover;object-position:center;z-index:2;transition:all var(--animDurFast) var(--cubicBezierPrimary);animation:fadeIn .2s ease-out forwards}.xtrAvatar.loading:after{opacity:1;animation:avatarSpin 1s infinite linear}.xtrAvatar.error:before,.xtrAvatar.error:after{border-color:hsl(var(--colorAlertError))}.xtrAvatar.error .placeholder{color:hsl(var(--colorAlertError))}.xtrAvatar:hover:before,.xtrAvatar:hover:after{scale:1.1}.xtrAvatar:active:before,.xtrAvatar:active:after{scale:1}@keyframes avatarSpin{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(360deg);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:rotate(720deg)}}.xtrProgressBar{position:relative;width:100%;height:3px;display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;overflow:hidden}.xtrProgressBar:before{content:"";position:absolute;left:0;width:100%;height:1px;border-radius:9999px;opacity:.3;background:var(--colorBorderPrimary);transition:all .5s var(--cubicBezierPrimary)}.xtrProgressBar>.progress{position:absolute;width:100%;height:3px;display:block;background:var(--gradientBrand);border-radius:9999px;transition:all .5s var(--cubicBezierPrimary)}.xtrProgressBar.intermediate{border-radius:9999px}.xtrProgressBar.intermediate:before{height:100%;background:hsl(var(--colorBrandPrimary))}.xtrProgressBar.intermediate>.progress{width:150%;background-image:repeating-linear-gradient(60deg,transparent,transparent .5rem,hsl(var(--colorBrandPrimary)) .5rem,hsl(var(--colorBrandPrimary)) 1.5rem);animation:barberPole .2s infinite linear}.xtrButton{--themeColor: var(--colorBrandPrimary);--rippleColor: var(--themeColor);--rippleShadowColor: var(--themeColor);position:relative;display:flex;justify-content:center;align-items:center;border:none;border-radius:9999px;cursor:pointer;-webkit-user-select:none;user-select:none}.xtrButton .label{margin:0;text-transform:uppercase;z-index:1;color:inherit;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrButton .icon{color:inherit;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrButton .underline{position:absolute;width:100%;left:0;bottom:0}.xtrButton .underline>span{width:20%!important}.xtrButton:before{content:"";position:absolute;display:block;width:100%;height:100%;background:hsl(var(--themeColor));filter:contrast(1.2) brightness(.8);clip-path:circle(0% at 50% 50%);border-radius:inherit;z-index:0;opacity:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrButton.primaryType,.xtrButton.primaryDangerType{background:hsl(var(--themeColor));color:#fff}.xtrButton.secondaryType,.xtrButton.secondaryDangerType{background:var(--colorBackgroundSecondary);color:var(--colorContentPrimary)}.xtrButton.linkType,.xtrButton.linkDangerType{background:none;box-shadow:none!important;border-radius:unset;color:var(--colorContentPrimary);overflow:unset}.xtrButton.linkType .label,.xtrButton.linkDangerType .label{letter-spacing:unset;text-transform:unset}.xtrButton.linkType:before,.xtrButton.linkDangerType:before{display:none}.xtrButton.linkType:hover,.xtrButton.linkDangerType:hover{color:hsl(var(--themeColor))}.xtrButton.linkType:hover .label,.xtrButton.linkDangerType:hover .label{filter:contrast(.8) brightness(1.2)}.xtrButton.linkType:active .label,.xtrButton.linkDangerType:active .label{filter:contrast(1.2) brightness(.8)}.xtrButton.primaryDangerType,.xtrButton.secondaryDangerType,.xtrButton.linkDangerType{--themeColor: var(--colorAlertError)}.xtrButton.primaryDangerType .underline span,.xtrButton.secondaryDangerType .underline span,.xtrButton.linkDangerType .underline span{background:hsl(var(--themeColor))}.xtrButton.miniSize{--rippleSize: 24px 12px;line-height:16px;padding:8px 16px;gap:8px}.xtrButton.miniSize .label{font-size:12px;font-variation-settings:"wdth" 75,"wght" 400;letter-spacing:2px}.xtrButton.miniSize.iconOnly{padding:0}.xtrButton.miniSize.iconOnly .icon{width:32px;height:32px}.xtrButton.defaultSize{--rippleSize: 30px 15px;line-height:18px;padding:10px 20px;gap:10px}.xtrButton.defaultSize .label{font-size:14px;font-variation-settings:"wdth" 75,"wght" 500;letter-spacing:2px}.xtrButton.defaultSize.iconOnly{padding:0}.xtrButton.defaultSize.iconOnly .icon{width:44px;height:44px}.xtrButton.largeSize{--rippleSize: 48px 24px;line-height:28px;padding:16px 32px;gap:14px}.xtrButton.largeSize .label{font-size:22px;font-variation-settings:"wdth" 75,"wght" 600;letter-spacing:4px}.xtrButton.largeSize.iconOnly{padding:0}.xtrButton.largeSize.iconOnly .icon{width:60px;height:60px}.xtrButton:hover{color:#fff}.xtrButton:hover .underline span{width:100%!important}.xtrButton:hover:before{clip-path:circle(100% at 50% 50%);opacity:1}.xtrButton.loading{--loaderColor: hsl(var(--themeColor));pointer-events:none;overflow:hidden;background:hsl(var(--themeColor)/80%)}.xtrButton.loading.secondaryType,.xtrButton.loading.secondaryDangerType{--loaderColor: var(--colorBackgroundTertiary);background:var(--colorBackgroundSecondary)}.xtrButton.loading.linkType,.xtrButton.loading.linkDangerType{background:none}.xtrButton.loading.linkType .underline>span,.xtrButton.loading.linkDangerType .underline>span{width:150%!important}.xtrButton.loading.linkType:after,.xtrButton.loading.linkDangerType:after{display:none}.xtrButton.loading:after{content:"";position:absolute;display:block;width:150%;height:100%;z-index:0;border-radius:9999px;background-image:repeating-linear-gradient(60deg,transparent,transparent .75rem,var(--loaderColor) .75rem,var(--loaderColor) 1.5rem);animation:barberPole .25s infinite linear}.xtrButton.loading.iconOnly{background:transparent;overflow:unset}.xtrButton.loading.iconOnly.secondaryType,.xtrButton.loading.iconOnly.secondaryDangerType{color:#fff}.xtrButton.loading.iconOnly:before{clip-path:circle(45% at 50% 50%);opacity:1}.xtrButton.loading.iconOnly:after{width:100%;background:none;border:2px solid hsl(var(--themeColor));border-top-color:transparent;border-bottom-color:transparent;animation:loader .25s infinite linear}.xtrButton:disabled{background:hsl(var(--themeColor)/20%);color:hsl(var(--themeColor)/75%);pointer-events:none;filter:grayscale(1)}.xtrButton:disabled.secondaryType,.xtrButton:disabled.secondaryDangerType{background:hsl(var(--themeColor)/5%)}.xtrButton:disabled.linkType{background:none}.xtrButton:disabled.linkType .underline:before{width:0%}.xtrButton:disabled.linkType .underline span{width:0%}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.xtrLottieWrapper{width:var(--lottieSize);height:var(--lottieSize);display:flex;justify-content:center;align-items:center}.xtrLottie{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.xtrSpinner{--spinnerSize: 64px;--spinnerCubeSize: calc(var(--spinnerSize) / 2);--spinnerShadowSize: calc(var(--spinnerSize) / 20);--spinnerTopColor: 0 0% 20%;position:relative;width:var(--spinnerSize);height:var(--spinnerSize);display:flex;justify-content:center;align-items:center;flex-direction:column}.xtrSpinner.fullpage{width:100%;height:100%}.xtrSpinner .label{position:absolute;bottom:50%;font-variation-settings:"wdth" 75,"wght" 500;font-size:calc(8px + var(--spinnerSize) / 18);color:var(--colorContentPrimary);transform:translateY(calc(5px + var(--spinnerSize) / 1.6))}.xtrSpinner .spinnerWrapper{position:relative;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);margin-top:calc(var(--spinnerCubeSize) * -.1);transform-style:preserve-3d;animation:spinner .8s linear infinite}.xtrSpinner .spinnerWrapper .cubeTop{position:absolute;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);background:hsl(var(--spinnerTopColor));transform:rotateX(90deg) translateZ(calc(var(--spinnerCubeSize) / 2));transform-style:preserve-3d;transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrSpinner .spinnerWrapper .cubeTop:before{content:"";position:absolute;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);background:hsl(var(--colorBrandPrimary)/80%);transform:translateZ(calc(-1 * var(--spinnerCubeSize) * 1.2));filter:blur(var(--spinnerShadowSize));box-shadow:0 0 var(--spinnerShadowSize) hsl(var(--spinnerTopColor)),0 0 calc(var(--spinnerShadowSize) * 2) hsl(var(--colorBrandPrimary)),0 0 calc(var(--spinnerShadowSize) * 3) hsl(var(--spinnerTopColor)),0 0 calc(var(--spinnerShadowSize) * 4) hsl(var(--colorBrandPrimary))}.xtrSpinner .spinnerWrapper .cubeWrapper{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace{position:absolute;width:100%;height:100%;background:#fff;transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:before{content:"";position:absolute;top:0;display:block;width:100%;height:100%;background:linear-gradient(to bottom,hsl(var(--colorBrandPrimary)/100%),hsl(var(--colorBrandPrimary)/40%))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:after{content:"";position:absolute;top:0;display:block;width:100%;height:100%;background:linear-gradient(to bottom,hsl(var(--spinnerTopColor)/100%) 0%,hsl(var(--spinnerTopColor)/40%) 5%,hsl(var(--spinnerTopColor)/10%) 10%,transparent 100%)}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(1){transform:rotateY(90deg) translateZ(calc(var(--spinnerCubeSize) / 2))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(2){transform:rotateY(180deg) translateZ(calc(var(--spinnerCubeSize) / 2))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(3){transform:rotateY(270deg) translateZ(calc(var(--spinnerCubeSize) / 2))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(4){transform:rotateY(360deg) translateZ(calc(var(--spinnerCubeSize) / 2))}@keyframes spinner{0%{transform:rotateX(-30deg) rotateY(0)}to{transform:rotateX(-30deg) rotateY(360deg)}}.xtrTextfield{--fontSize: 14px;--primaryColor: var(--colorBackgroundSecondary);--secondaryColor: var(--colorBackgroundPrimary);position:relative;width:300px;display:flex;justify-content:center;align-items:center;border-radius:22px;box-shadow:0 0 0 1px hsl(var(--colorBrandPrimary)/50%);background:var(--primaryColor);color:hsl(var(--colorContentPrimary));transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrTextfield:before{content:"";position:absolute;display:block;width:100%;height:100%;background:hsl(var(--colorBrandPrimary));clip-path:circle(0% at 22px 50%);border-radius:9999px;z-index:0;opacity:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrTextfield .xtrIcon{position:absolute;left:0;width:44px;height:44px;font-size:calc(var(--fontSize) + 2px);color:hsl(var(--colorBrandPrimary)/100%);pointer-events:none;transition:all 0s}.xtrTextfield .dialCode{position:absolute;left:0;display:flex;align-items:center;gap:4px}.xtrTextfield .dialCode span{display:flex;width:44px;height:44px;background-size:cover;background-position:center;border-radius:9999px;scale:.8}.xtrTextfield .dialCode p{margin:0;font-size:var(--fontSize);transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrTextfield .input{width:100%;outline:none;border:none;background:transparent;padding:20px 22px 6px;line-height:18px;z-index:1;font-size:var(--fontSize);font-variation-settings:"wdth" 75,"wght" 400;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrTextfield .input[type=number]::-webkit-inner-spin-button,.xtrTextfield .input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.xtrTextfield .input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.xtrTextfield .placeholder{position:absolute;left:0;display:flex;align-items:center;color:var(--colorContentSecondary);translate:16px 0;transform-origin:0 50%;font-size:var(--fontSize);line-height:20px;padding:0 8px;z-index:2;pointer-events:none;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrTextfield.withIcon:before{clip-path:circle(16px at 22px 50%);opacity:.4}.xtrTextfield.withIcon .input{padding-left:48px}.xtrTextfield.withIcon .placeholder{translate:40px 0}.xtrTextfield.textarea .input{height:200px;padding:0 22px;margin:26px 0 8px;resize:none}.xtrTextfield.textarea .placeholder{top:0;translate:16px 20px}.xtrTextfield.phone .input{padding-left:74px}.xtrTextfield.phone .placeholder{translate:68px 0}.xtrTextfield.hasValue .placeholder{font-variation-settings:"wdth" 75,"wght" 700;color:hsl(var(--colorBrandPrimary)/100%);translate:16px -9px;scale:.75}.xtrTextfield.hasValue .placeholder:before{scale:1}.xtrTextfield.hasValue.withIcon .placeholder,.xtrTextfield.hasValue.phone .placeholder{translate:42px -9px}.xtrTextfield.hasValue.phone .dialCode p{margin-top:14px}.xtrTextfield.hasValue.textarea .placeholder{translate:16px 8px}.xtrTextfield:focus-within,.xtrTextfield.active{box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%);background:var(--secondaryColor)}.xtrTextfield:focus-within .placeholder,.xtrTextfield.active .placeholder{font-variation-settings:"wdth" 75,"wght" 700;color:hsl(var(--colorBrandPrimary)/100%);translate:16px -9px;scale:.75}.xtrTextfield:focus-within .placeholder:before,.xtrTextfield.active .placeholder:before{scale:1}.xtrTextfield:focus-within.withIcon .placeholder,.xtrTextfield.active.withIcon .placeholder{translate:42px -9px}.xtrTextfield:focus-within.phone .placeholder,.xtrTextfield.active.phone .placeholder{translate:42px -9px}.xtrTextfield:focus-within.phone .dialCode p,.xtrTextfield.active.phone .dialCode p{margin-top:14px}.xtrTextfield:focus-within.textarea .placeholder,.xtrTextfield.active.textarea .placeholder{translate:16px 8px}.xtrTextfield:focus-within.withIcon:before,.xtrTextfield.active.withIcon:before{clip-path:circle(18px at 22px 50%);opacity:.8}.xtrTextfield:focus-within.withIcon .xtrIcon,.xtrTextfield.active.withIcon .xtrIcon{color:#fff;font-weight:900}.xtrTextfield:focus-within .input,.xtrTextfield.active .input{cursor:text!important}.xtrDatePicker{--fontSize: 14px;--primaryColor: var(--colorBackgroundSecondary);--secondaryColor: var(--colorBackgroundPrimary);display:flex;width:fit-content;min-width:300px;justify-content:center;align-items:center;border-radius:22px;box-shadow:0 0 0 1px hsl(var(--colorBrandPrimary)/50%);background:var(--primaryColor);color:hsl(var(--colorContentPrimary));transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrDatePicker:before{content:"";position:absolute;display:block;width:100%;height:100%;background:hsl(var(--colorBrandPrimary));clip-path:circle(16px at 22px 50%);border-radius:9999px;z-index:0;opacity:.4;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrDatePicker:after{content:attr(data-testid);position:absolute;top:3px;left:40px;font-size:var(--fontSize);line-height:20px;color:hsl(var(--colorBrandPrimary)/100%);scale:.75;font-variation-settings:"wdth" 75,"wght" 700}.xtrDatePicker .react-datetime-picker__wrapper{position:relative;display:flex;padding:20px 8px 4px 48px;border:none}.xtrDatePicker .react-datetime-picker__wrapper *{line-height:18px;font-size:14px;font-variation-settings:"wdth" 75,"wght" 400}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__inputGroup__input{border:none;outline:none;background:none}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__calendar-button,.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__clock-button{position:absolute;left:0;top:0;padding:0;background:transparent;outline:none;border:none;cursor:pointer}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__calendar-button>i,.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__clock-button>i{width:44px;height:44px;font-size:calc(var(--fontSize));color:hsl(var(--colorBrandPrimary)/100%);pointer-events:none;transition:all 0s}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__clear-button{position:absolute;top:0;bottom:0;right:8px;background:transparent;outline:none;border:none;cursor:pointer}.xtrDatePicker .react-datetime-picker__calendar{position:relative;width:100%;border-radius:4px 4px 22px 22px;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%);background:var(--colorBackgroundPrimary);padding:4px;margin-top:10px;z-index:100}.xtrDatePicker .react-datetime-picker__calendar .react-calendar{width:100%;background:transparent;border:none;-webkit-user-select:none;user-select:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow{position:relative;aspect-ratio:1;background:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:9999px;z-index:-1}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:hover{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:hover:before{background:hsl(var(--colorBrandPrimary)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:hover *{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label{position:relative;border-radius:8px;background:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:9999px;z-index:-1}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:hover{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:hover:before{background:hsl(var(--colorBrandPrimary)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:hover *{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile{position:relative;aspect-ratio:1;background:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:before{content:"";position:absolute;top:1;right:1;bottom:1;left:1;border-radius:9999px}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile.react-calendar__month-view__days__day--neighboringMonth abbr{color:var(--colorContentTertiary)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--now:before{top:0;right:0;bottom:0;left:0;background:none;border:1px solid hsl(var(--colorBrandPrimary)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:9999px;z-index:-1}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:hover{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:hover:before{background:hsl(var(--colorBrandPrimary)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:hover *{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--active:before,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--hasActive:before{top:0;right:0;bottom:0;left:0;background:hsl(var(--colorBrandPrimary)/100%)!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--active abbr,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--hasActive abbr{color:#fff}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__year-view__months .react-calendar__tile,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__decade-view__years .react-calendar__tile{aspect-ratio:unset;color:#fff}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__year-view__months .react-calendar__tile:before,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__decade-view__years .react-calendar__tile:before{top:3px;right:3px;bottom:3px;left:3px;border-radius:16px}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__year-view__months .react-calendar__tile--now abbr,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__decade-view__years .react-calendar__tile--now abbr{color:#fff}.xtrDatePicker .react-datetime-picker__clock{--clockColor: hsl(var(--colorBrandPrimary) / 100%);width:100%;height:auto;border-radius:4px 4px 22px 22px;border:none;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%);background:var(--colorBackgroundPrimary);padding:16px;margin-top:10px;z-index:100}.xtrDatePicker .react-datetime-picker__clock .react-clock{margin:auto}.xtrDatePicker .react-datetime-picker__clock .react-clock .react-clock__face{border-color:var(--clockColor)}.xtrDatePicker .react-datetime-picker__clock .react-clock .react-clock__mark__body,.xtrDatePicker .react-datetime-picker__clock .react-clock .react-clock__hand__body{background:var(--clockColor)}.xtrDatePicker.react-datetime-picker--open{border-radius:22px 22px 4px 4px!important;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%);background:var(--secondaryColor)}.xtrDatePicker.react-datetime-picker--open:before{clip-path:circle(18px at 22px 50%);opacity:.8}.xtrDatePicker.react-datetime-picker--open .react-datetime-picker__calendar-button>i{color:#fff!important;font-weight:900}.xtrImageEditor{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.xtrImageEditor .editorControls{position:absolute;bottom:20px;padding:8px;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;border-radius:9999px;align-items:center;gap:8px}.xtrImageEditor .editorControls .xtrIcon{padding:24px;border:1px solid rgba(255,255,255,.1333333333);color:#fffd}.xtrImageEditor .editorControls .xtrIcon:hover{border:1px solid hsl(var(--colorBrandPrimary)/75%);color:#fff}.xtrImageEditor .xtrSpinner{position:absolute}.xtrFilePicker{position:relative}.xtrFilePicker.draggable{width:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px dotted var(--colorContentTertiary);border-radius:24px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:32px;transition:all .2s ease-out}.xtrFilePicker.draggable>i{margin-bottom:12px}.xtrFilePicker.draggable>h2{margin:0 0 4px;font-variation-settings:"wdth" 75,"wght" 200}.xtrFilePicker.draggable>p{margin:0;font-size:14px;font-variation-settings:"wdth" 75,"wght" 300}.xtrFilePicker.draggable:hover{background:hsl(var(--colorBrandPrimary)/10%);border-color:hsl(var(--colorBrandPrimary)/50%)}.xtrFilePicker.draggable:hover>i{color:hsl(var(--colorBrandPrimary)/100%);transform:scale(1.05)}.xtrSelectWrapper{position:relative;display:flex;width:auto;align-items:center}.xtrSelectWrapper .xtrSelect{width:auto;position:relative}.xtrSelectWrapper .xtrSelect__control{min-width:250px;width:auto;position:relative;background:var(--colorBackgroundSecondary)!important;border:none!important;padding:0 8px 0 22px!important;border-radius:22px!important;box-shadow:0 0 0 0 var(--colorBackgroundSecondary)!important;transition:all var(--animDurDefault) var(--cubicBezierPrimary)!important}.xtrSelectWrapper .xtrSelect__control:before{content:"";position:absolute;left:0;display:block;width:100%;height:100%;background:var(--colorContentSecondary);clip-path:circle(0% at 22px);border-radius:9999px;opacity:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrSelectWrapper .xtrSelect__value-container{padding:16px 16px 2px 0!important;font-size:14px}.xtrSelectWrapper .xtrSelect__value-container.xtrSelect__value-container--is-multi{padding:9px 0!important}.xtrSelectWrapper .xtrSelect__value-container.xtrSelect__value-container--is-multi.xtrSelect__value-container--has-value{margin-left:-10px}.xtrSelectWrapper .xtrSelect__multi-value{background:var(--colorBackgroundTertiary)!important;border-radius:9999px!important;overflow:hidden!important}.xtrSelectWrapper .xtrSelect__multi-value__label{padding:3px 6px 3px 8px!important;color:var(--colorContentPrimary)!important}.xtrSelectWrapper .xtrSelect__multi-value__remove{color:var(--colorContentPrimary)!important;padding:0 8px 0 2px!important;cursor:pointer!important}.xtrSelectWrapper .xtrSelect__multi-value__remove:hover{background:hsl(var(--colorAlertError)/50%)!important}.xtrSelectWrapper .xtrSelect__indicator-separator{display:none}.xtrSelectWrapper .xtrSelect__indicator{cursor:pointer}.xtrSelectWrapper .xtrSelect__single-value,.xtrSelectWrapper .xtrSelect__input{color:var(--colorContentPrimary)!important}.xtrSelectWrapper .xtrSelect__menu{background:var(--colorBackgroundPrimary)!important;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%)!important;border-radius:4px 4px 22px 22px!important;margin-top:10px!important;overflow:hidden!important;animation:showDropDown .2s ease-out forwards;z-index:100}.xtrSelectWrapper .xtrSelect__menu-list{padding:0!important}.xtrSelectWrapper .xtrSelect__option{padding:12px 24px!important;cursor:pointer!important}.xtrSelectWrapper .xtrSelect__option--is-focused{color:#fff!important;background:hsl(var(--colorBrandPrimary)/50%)!important}.xtrSelectWrapper .xtrSelect__option--is-selected{color:#fff!important;background:hsl(var(--colorBrandPrimary))!important}.xtrSelectWrapper .xtrSelect--is-disabled{opacity:.5!important}.xtrSelectWrapper .xtrSelectIcon{position:absolute;left:0;width:44px;height:44px;font-size:16px;color:var(--colorContentPrimary)}.xtrSelectWrapper .placeholder{position:absolute;left:18px;font-size:14px;color:var(--colorContentSecondary);transform-origin:0 50%;pointer-events:none;margin:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrSelectWrapper.single .xtrSelect__placeholder{opacity:0}.xtrSelectWrapper.open .xtrSelect__control:before,.xtrSelectWrapper.withValue .xtrSelect__control:before{background:hsl(var(--colorBrandPrimary))}.xtrSelectWrapper.open .placeholder,.xtrSelectWrapper.withValue .placeholder{transform:translate(8px,-12px);scale:.75;font-variation-settings:"wdth" 75,"wght" 700;color:hsl(var(--colorBrandPrimary)/100%)}.xtrSelectWrapper.withIcon .xtrSelect__control{padding:0 8px 0 48px!important}.xtrSelectWrapper.withIcon .xtrSelect__control:before{clip-path:circle(17px at 22px);opacity:.4}.xtrSelectWrapper.withIcon .xtrSelect__control--menu-is-open:before{clip-path:circle(19px at 22px);opacity:.8}.xtrSelectWrapper.withIcon .xtrSelect__value-container.xtrSelect__value-container--is-multi.xtrSelect__value-container--has-value{padding-left:10px!important}.xtrSelectWrapper.withIcon .input{padding-left:48px}.xtrSelectWrapper.withIcon .placeholder{transform:translate(30px)}.xtrSelectWrapper.withIcon.withValue .placeholder,.xtrSelectWrapper.withIcon.open .placeholder{transform:translate(42px,-12px)}.xtrSelectWrapper.open .xtrSelect__control{border-radius:22px 22px 4px 4px!important;background:var(--colorBackgroundPrimary)!important;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%)!important}.xtrSelectWrapper.open .xtrSelect__control:before{background:hsl(var(--colorBrandPrimary))}.xtrSelectWrapper.open .xtrSelectIcon{color:#fff;font-weight:900}.xtrSelectWrapper.miniSize{width:auto}.xtrSelectWrapper.miniSize .xtrSelect{width:auto;position:relative}.xtrSelectWrapper.miniSize .xtrSelect__control{min-width:100px;width:auto;height:32px;min-height:32px;padding:0 8px 0 16px!important}.xtrSelectWrapper.miniSize .xtrSelect__control:before{clip-path:circle(12px at 16px)}.xtrSelectWrapper.miniSize .xtrSelect__value-container{padding:12px 16px 2px 0!important;font-size:11px}.xtrSelectWrapper.miniSize .xtrSelect__menu{margin-top:6px!important;border-radius:4px 4px 16px 16px!important}.xtrSelectWrapper.miniSize .xtrSelect__option{padding:8px 24px!important;font-size:12px}.xtrSelectWrapper.miniSize .xtrSelect__indicator svg{width:16px;height:16px}.xtrSelectWrapper.miniSize .xtrSelect__menu-list{max-height:220px}.xtrSelectWrapper.miniSize .xtrSelectIcon{width:31px;height:31px;font-size:12px}.xtrSelectWrapper.miniSize .placeholder{font-variation-settings:"wdth" 75,"wght" 500;scale:1;font-size:12px;transform:translate(0)}.xtrSelectWrapper.miniSize.withIcon .xtrSelect__control{padding:0 8px 0 36px!important}.xtrSelectWrapper.miniSize.withIcon .placeholder{transform:translate(20px)}.xtrSelectWrapper.miniSize.open .xtrSelect__control{border-radius:16px 16px 4px 4px!important}.xtrSelectWrapper.miniSize.open .xtrSelect__control:before{clip-path:circle(14px at 16px)}.xtrSelectWrapper.miniSize.open:not(.noSearch) .placeholder,.xtrSelectWrapper.miniSize.withValue .placeholder{font-variation-settings:"wdth" 75,"wght" 600;scale:.75!important;transform:translate(2px,-10px)}.xtrSelectWrapper.miniSize.open:not(.noSearch).withIcon .placeholder,.xtrSelectWrapper.miniSize.withValue.withIcon .placeholder{scale:.75!important;transform:translate(28px,-10px)}.xtrSelectWrapper.largeSize{width:auto}.xtrSelectWrapper.largeSize .xtrSelect{width:auto;position:relative}.xtrSelectWrapper.largeSize .xtrSelect__control{min-width:300px;width:auto;height:60px;min-height:60px;border-radius:30px!important;padding:0 12px 0 24px!important}.xtrSelectWrapper.largeSize .xtrSelect__control:before{clip-path:circle(24px at 30px)}.xtrSelectWrapper.largeSize .xtrSelect__value-container{font-size:22px;padding:18px 16px 0 0!important}.xtrSelectWrapper.largeSize .xtrSelect__option{padding:18px 24px!important;font-size:20px}.xtrSelectWrapper.largeSize .xtrSelect__indicator svg{width:24px;height:24px}.xtrSelectWrapper.largeSize .xtrSelect__menu-list{max-height:420px}.xtrSelectWrapper.largeSize .xtrSelectIcon{width:60px;height:60px;font-size:22px}.xtrSelectWrapper.largeSize .placeholder{font-variation-settings:"wdth" 75,"wght" 500;scale:1;font-size:20px;transform:translate(8px)}.xtrSelectWrapper.largeSize.withIcon .xtrSelect__control{padding:0 8px 0 64px!important}.xtrSelectWrapper.largeSize.withIcon .placeholder{transform:translate(50px)}.xtrSelectWrapper.largeSize.open .xtrSelect__control{border-radius:30px 30px 4px 4px!important}.xtrSelectWrapper.largeSize.open .xtrSelect__control:before{clip-path:circle(26px at 30px)}.xtrSelectWrapper.largeSize.open:not(.noSearch) .placeholder,.xtrSelectWrapper.largeSize.withValue .placeholder{font-variation-settings:"wdth" 75,"wght" 600;scale:.75!important;transform:translate(12px,-18px)}.xtrSelectWrapper.largeSize.open:not(.noSearch).withIcon .placeholder,.xtrSelectWrapper.largeSize.withValue.withIcon .placeholder{scale:.75!important;transform:translate(66px,-18px)}.xtrSelectWrapper.noSearch *{cursor:pointer}@keyframes showDropDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.xtrSelectWrapper:not(.open) .xtrSelect__input{caret-color:transparent}.xtrColorPicker{display:flex;flex-direction:column}.xtrColorPicker .wheel{cursor:crosshair;margin-bottom:24px}.xtrColorPicker .shade,.xtrColorPicker .alpha{height:5px!important;border-radius:9999px!important}.xtrColorPicker .shade div:first-child,.xtrColorPicker .alpha div:first-child{border-radius:9999px!important}.xtrColorPicker .shade div:last-child,.xtrColorPicker .alpha div:last-child{display:flex;align-items:center}.xtrColorPicker .shade{margin-bottom:16px}.xtrColorButton i{color:var(--iconColor)!important;--iconSize: 15px !important}.xtrColorInput{box-shadow:0 0 0 0 transparent;transition:box-shadow 0s,background var(--animDurDefault)}.xtrColorInput:before{background:hsl(var(--colorBrandPrimary))!important;opacity:1!important;transition:all var(--animDurDefault) var(--cubicBezierPrimary),background 0s!important}.xtrColorInput i{color:var(--iconColor)!important}.xtrColorInput input{cursor:pointer;text-transform:uppercase}.xtrColorPopper{min-width:200px;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:24px;background:var(--colorBackgroundPrimary);z-index:9999;transition:all var(--animDurDefault) var(--cubicBezierPrimary);overflow:hidden}.xtrColorPopper .themeScheme{width:100%}.xtrColorPopper .themeScheme .schemeSelector{display:flex;justify-content:center;padding-top:16px}.xtrColorPopper .themeScheme .schemeSelector button{flex-grow:1;border-radius:0;padding:0 8px;filter:unset!important}.xtrColorPopper .themeScheme .schemeSelector button:first-child{border-top-left-radius:24px;border-bottom-left-radius:24px}.xtrColorPopper .themeScheme .schemeSelector button:last-child{border-top-right-radius:24px;border-bottom-right-radius:24px}.xtrColorPopper .themeScheme .schemeSelector button i{height:38px!important}.xtrColorPopper .header{width:100%;display:flex;justify-content:space-between;align-items:center}.xtrColorPopper .header .heading{position:relative;width:100%;max-width:172px;padding-right:16px;display:flex;align-items:flex-start;height:32px}.xtrColorPopper .header .heading h1{position:absolute;width:100%;height:100%;font-size:14px;text-transform:uppercase;line-height:32px;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variation-settings:"wdth" 75,"wght" 600;background:var(--colorBackgroundPrimary);animation:slideOutRight .4s ease 1s forwards}.xtrColorPopper .header .heading div{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;animation:slideInLeft .4s ease 1s forwards}.xtrColorPopper .header .heading div h1{position:relative;animation:none}.xtrColorPopper .header .heading div .popperInput{width:100%;outline:none;border:none;background:none;letter-spacing:.8px;text-transform:uppercase;color:hsl(var(--colorBrandPrimary));font-size:14px;padding:0;margin-top:-4px;z-index:2;animation:slideInLeft .4s ease 1s forwards}.xtrColorPopper .header .heading div .popperInput:focus-within{color:hsl(var(--colorBrandPrimary));font-variation-settings:"wdth" 75,"wght" 800}.xtrColorPopper .header.withInput .heading{height:44px}.xtrColorPopper .header i{font-size:small;opacity:0;animation:fadeIn .4s ease 1.1s forwards}.xtrColorPopper hr{width:20%;height:4px;background:var(--colorContentPrimary);border:none;margin:0;opacity:.2;border-radius:9999px}.xtrColorPopper .swatch{width:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:8px 12px}.xtrColorPopper .swatch .swatchItem{aspect-ratio:1;border-radius:9999px;cursor:pointer}@keyframes slideInLeft{0%{opacity:0;z-index:1;transform:translate(50px)}to{opacity:1;z-index:2;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;z-index:2;transform:translate(0)}to{opacity:0;z-index:1;transform:translate(-50px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.xtrSider{--paddingLeft: 0px;--paddingRight: 0px;--borderRadius: 36px;--siderWidthMini: 60px;width:100%;height:100%;background:var(--colorBackgroundSecondary);padding:0 var(--paddingRight) 0 var(--paddingLeft);overflow:hidden;transition:all var(--animDurDefault) ease}.xtrSider .leftSiderContainer{position:fixed;left:0;width:auto;height:100%;z-index:0;transition:transform var(--animDurDefault) var(--cubicBezierPrimary)}.xtrSider .rightSiderContainer{position:fixed;right:0;width:auto;height:100%;z-index:1;transition:transform var(--animDurDefault) var(--cubicBezierPrimary)}.xtrSider .content{position:relative;width:100%;height:100%;background:var(--colorBackgroundPrimary);box-shadow:0 0 50px 2px #0000003d;border-radius:0;z-index:2;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrSider.miniLeftSider{--paddingLeft: var(--siderWidthMini)}.xtrSider.miniLeftSider .content{border-top-left-radius:var(--borderRadius);border-bottom-left-radius:var(--borderRadius)}.xtrSider.miniRightSider{--paddingRight: var(--siderWidthMini)}.xtrSider.miniRightSider .content{border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius)}.xtrSider.leftOpen{--transform: translateX(calc(32px + var(--leftSiderWidth) - var(--paddingLeft)))}.xtrSider.leftOpen .rightSiderContainer{transform:var(--transform);pointer-events:none}.xtrSider.leftOpen .content{border-radius:36px;transform:var(--transform);transform-origin:left center;scale:.95}.xtrSider.rightOpen{--transform: translateX(calc((32px + var(--rightSiderWidth) - var(--paddingRight)) * -1))}.xtrSider.rightOpen .leftSiderContainer{transform:var(--transform);pointer-events:none}.xtrSider.rightOpen .content{border-radius:36px;transform:var(--transform);transform-origin:right center;scale:.95}@media (width <= 512px){.xtrSider.miniLeftSider{--paddingLeft: 0px !important}.xtrSider:not(.leftOpen) .content{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.xtrSider.rightOpen{--transform: translateX(calc((32px + 100vh - var(--paddingRight)) * -1))}.xtrSider.miniRightSider{--paddingRight: 0px !important}.xtrSider:not(.rightOpen) .content{border-top-right-radius:0!important;border-bottom-right-radius:0!important}}.xtrSiderModal{width:fit-content;height:100%;min-width:300px;display:flex;flex-direction:column}.xtrSiderModal .header{width:100%;height:100px;display:flex;align-items:center;padding:0 24px;gap:24px}.xtrSiderModal .header .back{border-top-left-radius:0;border-bottom-left-radius:0;display:none}.xtrSiderModal .header .xtrIcon,.xtrSiderModal .header .title{font-size:x-large;font-variation-settings:"wdth" 75,"wght" 400;color:var(--colorContentPrimary);margin:0;-webkit-user-select:none;user-select:none}.xtrSiderModal .footer{width:100%;height:100px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding:0 24px}.xtrSiderModal .body{flex:1;padding:16px 0;overflow-y:auto;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}@media (width <= 512px){.xtrSiderModal .header{padding:0 24px 0 0}.xtrSiderModal .header .back{display:flex}.xtrSiderModal .body{width:100vw}}.xtrNavigation{--animDurFast: .4s;--borderRadius: 30px;width:250px;height:100%;display:flex;flex-direction:column;padding:16px 0 28px}.xtrNavigation .brand{font-size:32px;padding:24px 8px;font-variation-settings:"wdth" 75,"wght" 400;text-transform:capitalize;-webkit-user-select:none;user-select:none;color:var(--colorContentPrimary);cursor:pointer}.xtrNavigation .routeList{width:100%;display:flex;flex-direction:column;flex:1;-webkit-user-select:none;user-select:none;cursor:pointer}.xtrNavigation .routeList .route{position:relative;display:flex;align-items:center;gap:2px;text-decoration:none;color:var(--colorContentPrimary);border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius);transition:all var(--animDurFast) var(--cubicBezierPrimary);-webkit-tap-highlight-color:transparent;overflow:hidden}.xtrNavigation .routeList .route:before{content:"";position:absolute;width:100%;height:100%;transform:translate(-100%);background:hsl(var(--colorBrandPrimary));z-index:0;border-radius:0;transition:all var(--animDurFast) var(--cubicBezierPrimary),transform .2s ease;overflow:hidden}.xtrNavigation .routeList .route .xtrIcon{width:var(--siderWidthMini);height:var(--siderWidthMini);font-size:calc(var(--siderWidthMini) - 40px);transition:all var(--animDurFast) var(--cubicBezierPrimary);color:inherit}.xtrNavigation .routeList .route .label{font-size:16px;font-variation-settings:"wdth" 75,"wght" 400;text-transform:capitalize;color:inherit;z-index:1;transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrNavigation .routeList .route:last-of-type{margin-top:auto}.xtrNavigation .routeList .route:hover:before{transform:translate(calc(4px - 100%))}.xtrNavigation .routeList .route:active .icon{scale:.9}.xtrNavigation .routeList .route:active:before{transform:translate(calc(6px - 100%))}.xtrNavigation .routeList .route.loading{--loaderColor: hsl(var(--colorBrandPrimary) / 50%);background:hsl(var(--colorBrandPrimary)/0%);pointer-events:none}.xtrNavigation .routeList .route.loading:before{content:"";position:absolute;width:150%;height:100%;background:none;background-image:repeating-linear-gradient(60deg,transparent,transparent .75rem,var(--loaderColor) .75rem,var(--loaderColor) 1.5rem);z-index:2;border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius);transform:translate(0);transition:all var(--animDurFast) var(--cubicBezierPrimary),transform var(--animDurFast) ease;animation:barberPole .18s linear infinite}.xtrNavigation .routeList .route.active{color:#fff}.xtrNavigation .routeList .route.active:before{border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius);transform:translate(0);transition:all var(--animDurFast) var(--cubicBezierPrimary),transform var(--animDurFast) ease}@keyframes barberPole{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}.xtrThemeSelect{width:150px}.xtrThemePicker{container-type:inline-size;--schemeSize: 190px;--schemeGap: calc(var(--schemeSize) / 8);--globalTertiaryColor: var(--colorBackgroundTertiary);position:relative;width:100%;max-width:100%;display:flex;flex-direction:column}.xtrThemePicker .themeSchemes{width:fit-content;display:flex;gap:calc(var(--schemeGap) / 1.2)}.xtrThemePicker .themeSchemes *{transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrThemePicker .themeSchemes .themeSchemeItem{--rippleShadowColor: var(--globalTertiaryColor);--cardBorderRadius: calc(var(--schemeGap) / 2);position:relative;width:var(--schemeSize);height:calc(var(--schemeSize) * .8);background:var(--colorBackgroundSecondary);-webkit-user-select:none;user-select:none;border:2px solid var(--colorBackgroundTertiary);cursor:pointer;transition:all var(--animDurDefault) var(--cubicBezierPrimary),box-shadow var(--animDurDefault) linear}@media (prefers-color-scheme: light){.xtrThemePicker .themeSchemes .themeSchemeItem.auto{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}}@media (prefers-color-scheme: dark){.xtrThemePicker .themeSchemes .themeSchemeItem.auto{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}}.xtrThemePicker .themeSchemes .themeSchemeItem.light{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}.xtrThemePicker .themeSchemes .themeSchemeItem.dark{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}.xtrThemePicker .themeSchemes .themeSchemeItem .design{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation{position:absolute;top:0;left:0;width:25%;height:100%;display:flex;flex-direction:column;gap:calc(var(--schemeGap) / 6);padding:calc(var(--schemeGap) / 2.4) 0;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation .navigationItem{width:100%;height:calc(var(--schemeGap) / 6);background:#000;opacity:.2}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation .navigationItem:first-child{margin-top:10px;background:#fff}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation .navigationItem:last-child{margin-top:auto}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content{position:absolute;top:0;left:4%;width:96%;height:100%;border-top-left-radius:calc(var(--schemeGap) / 2);border-bottom-left-radius:calc(var(--schemeGap) / 2);background:var(--colorBackgroundPrimary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .header{position:absolute;top:0;left:0;width:100%;height:calc(var(--schemeGap) / 2)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .header:before{content:"";position:absolute;top:calc(var(--schemeGap) / 3);left:calc(var(--schemeGap) / 3);display:block;width:calc(var(--schemeGap) / 4);height:calc(var(--schemeGap) / 4);border-radius:9999px;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .header:after{content:"";position:absolute;top:calc(var(--schemeGap) / 3);left:calc(var(--schemeGap) / 1.2);display:block;width:calc(var(--schemeGap) * 2);height:calc(var(--schemeGap) / 4);border-radius:9999px;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .profile{position:absolute;top:calc(var(--schemeGap) / 1.1);left:50%;transform:translate(-50%);width:calc(var(--schemeGap));height:calc(var(--schemeGap));border-radius:9999px;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .profile:before{content:"";position:absolute;top:calc(var(--schemeGap) * 1.2);left:50%;transform:translate(-50%);display:block;width:calc(var(--schemeGap) * 1.5);height:calc(var(--schemeGap) / 8);border-radius:9999px;background:var(--colorBackgroundTertiary);transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrThemePicker .themeSchemes .themeSchemeItem .footer{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;align-items:center;color:var(--colorContentPrimary);margin-bottom:calc(var(--schemeGap) / 2);gap:calc(var(--schemeGap) / 3)}.xtrThemePicker .themeSchemes .themeSchemeItem .footer .footerIcon{font-size:max(10px,var(--schemeGap) / 1.5);text-transform:capitalize;color:inherit}.xtrThemePicker .themeSchemes .themeSchemeItem .footer .footerLabel{font-size:max(10px,var(--schemeGap) / 1.6);font-variation-settings:"wdth" 75,"wght" 700;text-transform:uppercase;color:inherit}.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .content{top:0;left:20%;width:80%}.xtrThemePicker .themeSchemes .themeSchemeItem.active .design .navigation,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .navigation{background:hsl(var(--colorBrandPrimary))}.xtrThemePicker .themeSchemes .themeSchemeItem.active .design .navigation .navigationItem,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .navigation .navigationItem{opacity:.3}.xtrThemePicker .themeSchemes .themeSchemeItem.active .design .content .header:before,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .content .header:before{background:hsl(var(--colorBrandPrimary))}.xtrThemePicker .themeSchemes .themeSchemeItem.active .footer,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .footer{color:hsl(var(--colorBrandPrimary))}.xtrThemePicker .swatches{position:relative;width:calc(var(--schemeSize) * 3 + var(--schemeGap) * 2 / 1.2);display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;gap:calc(var(--schemeGap) / 1.5);padding:0 4px;margin-top:var(--schemeGap);transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrThemePicker .swatches .xtrThemeSelect,.xtrThemePicker .swatches .xtrColorButton{width:100%!important;grid-column:span 2}.xtrThemePicker .swatches .xtrButton .label{font-variation-settings:"wdth" 75,"wght" 600;letter-spacing:.8px}@container (width < 640px){.xtrThemePicker .themeSchemes,.xtrThemePicker .swatches{--schemeSize: 130px;--schemeGap: calc(var(--schemeSize) / 8)}}@container (width < 420px){.xtrThemePicker .themeSchemes,.xtrThemePicker .swatches{--schemeSize: 100px;--schemeGap: calc(var(--schemeSize) / 8)}.xtrThemePicker .xtrButton{padding:6px 12px}.xtrThemePicker .xtrButton .xtrIcon{--iconSize: 14px !important}.xtrThemePicker .xtrButton .label{letter-spacing:unset;font-size:11px}}@container (width < 325px){.xtrThemePicker{--schemeSize: 100px}.xtrThemePicker .themeSchemeItem{display:none}.xtrThemePicker .swatches{width:100%;grid-template-columns:1fr}.xtrThemePicker .swatches>.xtrButton:not(.xtrColorButton){display:none}}.xtrThemeSwitch{display:flex}.xtrThemeSwitch button i{width:unset!important;aspect-ratio:1.2}.xtrThemeSwitch button.xtrThemeScheme{padding-right:1rem;border-top-right-radius:0;border-bottom-right-radius:0}.xtrThemeSwitch button.xtrThemeColor{padding-left:1rem;border-top-left-radius:0;border-bottom-left-radius:0}.xtrThemeSwitch .xtrSelectWrapper .xtrSelect__control{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.xtrThemeSwitch .xtrSelectWrapper.open .xtrSelect__control{border-top-left-radius:0!important}.xtrThemeSwitch.withLabel i{aspect-ratio:1}