:root{--transition-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--transition-ease-out: cubic-bezier(0, 0, 0.2, 1);--transition-ease-in: cubic-bezier(0.4, 0, 1, 1);--transition-duration: 0.2s;--transition-slow-duration: 0.3s;--transition-enter-duration: var(--transition-duration);--transition-leave-duration: var(--transition-duration);--transition-delay: 0.1s}.fade-in-enter-active,.fade-in-leave-active{transition:all var(--transition-duration) var(--transition-ease-in-out) !important}.fade-in-enter-from,.fade-in-leave-to{opacity:0 !important}.fade-in-leave-from,.fade-in-enter-to{opacity:1}

/*# sourceMappingURL=fade-in.css.map */.vp-back-to-top-button{position:fixed !important;inset-inline-end:1rem;bottom:4rem;z-index:100;width:48px;height:48px;padding:12px;border-width:0;border-radius:50%;background:var(--back-to-top-c-bg);color:var(--back-to-top-c-accent-bg);box-shadow:2px 2px 10px 4px var(--back-to-top-c-shadow);cursor:pointer}@media(max-width: 959px){.vp-back-to-top-button{transform:scale(0.8);transform-origin:100% 100%}}@media print{.vp-back-to-top-button{display:none}}.vp-back-to-top-button:hover{color:var(--back-to-top-c-accent-hover)}.vp-back-to-top-button .back-to-top-icon{overflow:hidden;width:24px;height:24px;margin:0 auto;background:var(--back-to-top-c-icon);-webkit-mask-image:var(--back-to-top-icon);mask-image:var(--back-to-top-icon);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover}.vp-scroll-progress{position:absolute;inset-inline-end:-2px;bottom:-2px;width:52px;height:52px}.vp-scroll-progress svg{width:100%;height:100%}.vp-scroll-progress circle{opacity:.9;transform:rotate(-90deg);transform-origin:50% 50%}

/*# sourceMappingURL=back-to-top.css.map */:root{--back-to-top-z-index: 5;--back-to-top-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cpath%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='4'%20d='M24.008%2014.1V42M12%2026l12-12l12%2012M12%206h24'%20/%3e%3c/svg%3e");--back-to-top-c-bg: var(--vp-c-bg);--back-to-top-c-accent-bg: var(--vp-c-accent-bg);--back-to-top-c-accent-hover: var(--vp-c-accent-hover);--back-to-top-c-shadow: var(--vp-c-shadow);--back-to-top-c-icon: currentcolor}

/*# sourceMappingURL=vars.css.map */:root{--message-offset: calc(var(--vp-header-offset, 3.6rem) + 1rem);--message-timing-duration: 0.3s;--message-timing-function: ease-in-out;--message-gap: 0.5rem}@keyframes message-move-in{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@keyframes message-move-out{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-100%)}}#message-container{position:fixed;inset:var(--message-offset) 0 auto;z-index:75;display:flex;flex-flow:column;gap:var(--message-gap);align-items:center;text-align:center}.message-item{display:inline-block;padding:8px 10px;border-radius:3px;background:var(--vp-c-bg);color:var(--vp-c-text);box-shadow:0 0 10px 0 var(--vp-c-shadow);font-size:14px}.message-item.move-in{animation:message-move-in var(--message-timing-duration) var(--message-timing-function)}.message-item.move-out{animation:message-move-out var(--message-timing-duration) var(--message-timing-function);animation-fill-mode:forwards}.message-item svg{position:relative;bottom:-0.125em;margin-inline-end:5px}

/*# sourceMappingURL=message.css.map */.vp-copy-code-button{position:absolute;top:.5em;right:.5em;z-index:5;width:2.5rem;height:2.5rem;padding:0;border-width:0;border-radius:.5rem;background:rgba(0,0,0,0);outline:none;opacity:0;cursor:pointer;transition:opacity .4s}@media print{.vp-copy-code-button{display:none}}.vp-copy-code-button::before{content:"";display:inline-block;width:1.25rem;height:1.25rem;padding:.625rem;background:currentcolor;color:var(--copy-code-c-text);font-size:1.25rem;-webkit-mask-image:var(--code-copy-icon);mask-image:var(--code-copy-icon);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1em;mask-size:1em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.vp-copy-code-button:focus,.vp-copy-code-button.copied{opacity:1}.vp-copy-code-button:hover,.vp-copy-code-button.copied{background:var(--copy-code-c-hover)}.vp-copy-code-button.copied::before{-webkit-mask-image:var(--code-copied-icon);mask-image:var(--code-copied-icon)}.vp-copy-code-button.copied::after{content:attr(data-copied);position:absolute;top:0;right:calc(100% + .25rem);display:block;height:1.25rem;padding:.625rem;border-radius:.5rem;background:var(--copy-code-c-hover);color:var(--copy-code-c-text);font-weight:500;line-height:1.25rem;white-space:nowrap}.no-copy-code .vp-copy-code-button{display:none}body:not(.no-copy-code) div[class*=language-]:hover::before{display:none}body:not(.no-copy-code) div[class*=language-]:hover .vp-copy-code-button{opacity:1}

/*# sourceMappingURL=copy-code.css.map */:root{--code-copy-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23808080' stroke-width='2'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2' /%3e%3c/svg%3e");--code-copied-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23808080' stroke-width='2'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m-6 9 2 2 4-4' /%3e%3c/svg%3e");--copy-code-c-text: var(--code-c-line-number);--copy-code-c-hover: var(--code-c-highlight-bg)}

/*# sourceMappingURL=vars.css.map */.hint-container{position:relative;background:var(--hint-c-soft);transition:background var(--vp-t-color),color var(--vp-t-color)}@media print{.hint-container{page-break-inside:avoid}}.hint-container>.hint-container-title{color:var(--hint-c-title)}.hint-container :not(pre)>code{background:var(--hint-c-soft)}.hint-container .hint-container-title{position:relative;margin-block:.75em;font-weight:600;line-height:1.25}.hint-container.important,.hint-container.info,.hint-container.note,.hint-container.tip,.hint-container.warning,.hint-container.caution{margin-block:.75rem;padding:.25em 1em;border-radius:.5em;color:inherit;font-size:var(--hint-font-size)}@media print{.hint-container.important,.hint-container.info,.hint-container.note,.hint-container.tip,.hint-container.warning,.hint-container.caution{border:1px solid var(--hint-c-title)}}.hint-container.important .hint-container-title,.hint-container.info .hint-container-title,.hint-container.note .hint-container-title,.hint-container.tip .hint-container-title,.hint-container.warning .hint-container-title,.hint-container.caution .hint-container-title{padding-inline-start:1.75em}@media print{.hint-container.important .hint-container-title,.hint-container.info .hint-container-title,.hint-container.note .hint-container-title,.hint-container.tip .hint-container-title,.hint-container.warning .hint-container-title,.hint-container.caution .hint-container-title{padding-inline-start:0}}.hint-container.important .hint-container-title::before,.hint-container.info .hint-container-title::before,.hint-container.note .hint-container-title::before,.hint-container.tip .hint-container-title::before,.hint-container.warning .hint-container-title::before,.hint-container.caution .hint-container-title::before{content:" ";position:absolute;inset-inline-start:0;top:calc(50% - .6125em);width:1.25em;height:1.25em;font-size:1.25em}@media print{.hint-container.important .hint-container-title::before,.hint-container.info .hint-container-title::before,.hint-container.note .hint-container-title::before,.hint-container.tip .hint-container-title::before,.hint-container.warning .hint-container-title::before,.hint-container.caution .hint-container-title::before{display:none}}.hint-container.important p,.hint-container.info p,.hint-container.note p,.hint-container.tip p,.hint-container.warning p,.hint-container.caution p{line-height:1.5}.hint-container.important a,.hint-container.info a,.hint-container.note a,.hint-container.tip a,.hint-container.warning a,.hint-container.caution a{color:var(--vp-c-accent)}.hint-container.important{--hint-c-accent: var(--important-c-accent);--hint-c-title: var(--important-c-text);--hint-c-soft: var(--important-c-soft)}.hint-container.important>.hint-container-title::before{background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 981.333a84.992 84.992 0 0 1-84.907-84.906h169.814A84.992 84.992 0 0 1 512 981.333zm384-128H128v-42.666l85.333-85.334v-256A298.325 298.325 0 0 1 448 177.92V128a64 64 0 0 1 128 0v49.92a298.325 298.325 0 0 1 234.667 291.413v256L896 810.667v42.666zm-426.667-256v85.334h85.334v-85.334h-85.334zm0-256V512h85.334V341.333h-85.334z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 981.333a84.992 84.992 0 0 1-84.907-84.906h169.814A84.992 84.992 0 0 1 512 981.333zm384-128H128v-42.666l85.333-85.334v-256A298.325 298.325 0 0 1 448 177.92V128a64 64 0 0 1 128 0v49.92a298.325 298.325 0 0 1 234.667 291.413v256L896 810.667v42.666zm-426.667-256v85.334h85.334v-85.334h-85.334zm0-256V512h85.334V341.333h-85.334z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1em;mask-size:1em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hint-container.info{--hint-c-accent: var(--info-c-accent);--hint-c-title: var(--info-c-text);--hint-c-soft: var(--info-c-soft)}.hint-container.info>.hint-container-title::before{background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1em;mask-size:1em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hint-container.note{--hint-c-accent: var(--note-c-accent);--hint-c-title: var(--note-c-text);--hint-c-soft: var(--note-c-soft)}.hint-container.note>.hint-container-title::before{background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1em;mask-size:1em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hint-container.tip{--hint-c-accent: var(--tip-c-accent);--hint-c-title: var(--tip-c-text);--hint-c-soft: var(--tip-c-soft)}.hint-container.tip>.hint-container-title::before{background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.941 18c-.297-1.273-1.637-2.314-2.187-3a8 8 0 1 1 12.49.002c-.55.685-1.888 1.726-2.185 2.998H7.94zM16 20v1a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h8zm-3-9.995V6l-4.5 6.005H11v4l4.5-6H13z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.941 18c-.297-1.273-1.637-2.314-2.187-3a8 8 0 1 1 12.49.002c-.55.685-1.888 1.726-2.185 2.998H7.94zM16 20v1a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h8zm-3-9.995V6l-4.5 6.005H11v4l4.5-6H13z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1em;mask-size:1em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hint-container.warning{--hint-c-accent: var(--warning-c-accent);--hint-c-title: var(--warning-c-text);--hint-c-soft: var(--warning-c-soft)}.hint-container.warning>.hint-container-title::before{background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M576.286 752.57v-95.425q0-7.031-4.771-11.802t-11.3-4.772h-96.43q-6.528 0-11.3 4.772t-4.77 11.802v95.424q0 7.031 4.77 11.803t11.3 4.77h96.43q6.528 0 11.3-4.77t4.77-11.803zm-1.005-187.836 9.04-230.524q0-6.027-5.022-9.543-6.529-5.524-12.053-5.524H456.754q-5.524 0-12.053 5.524-5.022 3.516-5.022 10.547l8.538 229.52q0 5.023 5.022 8.287t12.053 3.265h92.913q7.032 0 11.803-3.265t5.273-8.287zM568.25 95.65l385.714 707.142q17.578 31.641-1.004 63.282-8.538 14.564-23.354 23.102t-31.892 8.538H126.286q-17.076 0-31.892-8.538T71.04 866.074q-18.582-31.641-1.004-63.282L455.75 95.65q8.538-15.57 23.605-24.61T512 62t32.645 9.04 23.605 24.61z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M576.286 752.57v-95.425q0-7.031-4.771-11.802t-11.3-4.772h-96.43q-6.528 0-11.3 4.772t-4.77 11.802v95.424q0 7.031 4.77 11.803t11.3 4.77h96.43q6.528 0 11.3-4.77t4.77-11.803zm-1.005-187.836 9.04-230.524q0-6.027-5.022-9.543-6.529-5.524-12.053-5.524H456.754q-5.524 0-12.053 5.524-5.022 3.516-5.022 10.547l8.538 229.52q0 5.023 5.022 8.287t12.053 3.265h92.913q7.032 0 11.803-3.265t5.273-8.287zM568.25 95.65l385.714 707.142q17.578 31.641-1.004 63.282-8.538 14.564-23.354 23.102t-31.892 8.538H126.286q-17.076 0-31.892-8.538T71.04 866.074q-18.582-31.641-1.004-63.282L455.75 95.65q8.538-15.57 23.605-24.61T512 62t32.645 9.04 23.605 24.61z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1em;mask-size:1em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hint-container.caution{--hint-c-accent: var(--caution-c-accent);--hint-c-title: var(--caution-c-text);--hint-c-soft: var(--caution-c-soft)}.hint-container.caution>.hint-container-title::before{background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10v3.764a2 2 0 0 1-1.106 1.789L18 19v1a3 3 0 0 1-2.824 2.995L14.95 23a2.5 2.5 0 0 0 .044-.33L15 22.5V22a2 2 0 0 0-1.85-1.995L13 20h-2a2 2 0 0 0-1.995 1.85L9 22v.5c0 .171.017.339.05.5H9a3 3 0 0 1-3-3v-1l-2.894-1.447A2 2 0 0 1 2 15.763V12C2 6.477 6.477 2 12 2zm-4 9a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10v3.764a2 2 0 0 1-1.106 1.789L18 19v1a3 3 0 0 1-2.824 2.995L14.95 23a2.5 2.5 0 0 0 .044-.33L15 22.5V22a2 2 0 0 0-1.85-1.995L13 20h-2a2 2 0 0 0-1.995 1.85L9 22v.5c0 .171.017.339.05.5H9a3 3 0 0 1-3-3v-1l-2.894-1.447A2 2 0 0 1 2 15.763V12C2 6.477 6.477 2 12 2zm-4 9a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1em;mask-size:1em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hint-container.details{position:relative;display:block;margin-block:.75rem;padding:1.25rem 1rem;border-radius:.5rem;background:var(--detail-c-bg);transition:background var(--vp-t-transform),color var(--vp-t-transform)}.hint-container.details h4{margin-top:0}.hint-container.details figure:last-child,.hint-container.details p:last-child{margin-bottom:0;padding-bottom:0}.hint-container.details a{color:var(--vp-c-accent)}.hint-container.details :not(pre)>code{background:var(--detail-c-soft)}.hint-container.details summary{position:relative;margin:-1rem;padding-block:1em;padding-inline:3em 1.5em;list-style:none;font-size:var(--hint-font-size);cursor:pointer}.hint-container.details summary::-webkit-details-marker{display:none}.hint-container.details summary::marker{color:rgba(0,0,0,0);font-size:0}.hint-container.details summary::before{background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1em;mask-size:1em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;content:" ";position:absolute;inset-inline-start:.8em;top:calc(50% - .5em);width:1em;height:1em;font-size:1.25rem;line-height:normal;transition:color,var(--vp-t-color),transform var(--vp-t-transform);transform:rotate(90deg)}.hint-container.details[open]>summary{margin-bottom:.5em}.hint-container.details[open]>summary::before{transform:rotate(180deg)}

/*# sourceMappingURL=hint.css.map */:root{--hint-font-size: 0.92rem;--important-c-accent: var(--vp-c-purple-bg);--important-c-text: var(--vp-c-purple-text);--important-c-soft: var(--vp-c-purple-soft);--info-c-accent: var(--vp-c-blue-bg);--info-c-text: var(--vp-c-blue-text);--info-c-soft: var(--vp-c-blue-soft);--note-c-accent: var(--vp-c-grey-bg);--note-c-text: var(--vp-c-grey-text);--note-c-soft: var(--vp-c-grey-soft);--tip-c-accent: var(--vp-c-green-bg);--tip-c-text: var(--vp-c-green-text);--tip-c-soft: var(--vp-c-green-soft);--warning-c-accent: var(--vp-c-yellow-bg);--warning-c-text: var(--vp-c-yellow-text);--warning-c-soft: var(--vp-c-yellow-soft);--caution-c-accent: var(--vp-c-red-bg);--caution-c-text: var(--vp-c-red-text);--caution-c-soft: var(--vp-c-red-soft);--detail-c-bg: var(--vp-c-control);--detail-c-icon: var(--vp-c-border);--detail-c-soft: var(--vp-c-grey-soft)}

/*# sourceMappingURL=vars.css.map */.vp-contributors{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:flex-start;margin:1rem 0}.vp-contributor{display:flex;gap:.25rem;align-items:center;color:inherit;font-size:1.125rem}.vp-contributor::after{display:none !important}.vp-contributor-avatar{-o-object-fit:contain;object-fit:contain;width:1.75rem;height:1.75rem;margin-inline-end:.25rem;border-radius:50%}a.vp-contributor{text-decoration:none !important}

/*# sourceMappingURL=contributors.css.map */:root{--changelog-bg: var(--vp-c-bg-alt);--changelog-font-size: 0.875rem;--changelog-c-text: var(--vp-c-text)}

/*# sourceMappingURL=vars.css.map */.vp-changelog-wrapper{margin-block:1rem;padding-inline:1rem;border-radius:8px;background-color:var(--changelog-bg);color:var(--changelog-c-text);font-size:var(--changelog-font-size);line-height:1.7;transition:background-color var(--vp-t-color)}.vp-changelog-wrapper.active{padding-block:0 .5rem}.vp-changelog-wrapper a{text-decoration:none !important}.vp-changelog-wrapper a::after{display:none !important}.vp-changelog-header{display:flex;align-items:center;justify-content:space-between;padding-block:1rem;font-weight:bold;cursor:pointer}@media(max-width: 419px){.vp-changelog-header{flex-wrap:wrap}}.vp-changelog-wrapper.active .vp-changelog-header{padding-block-end:.5rem}.vp-changelog-icon,.vp-changelog-menu-icon{display:inline-block;vertical-align:middle;width:1.2em;height:1.2em;margin-inline-end:4px;background-color:currentcolor;color:var(--vp-c-text-mute);-webkit-mask:var(--icon) no-repeat;mask:var(--icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:color var(--vp-t-color);transform:translateY(-1px)}.vp-changelog-icon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M2.71 10.96a6.5 6.5 0 1 0-.69-3.53M2 8l1.5-1.5M2 8L.5 6.5m8 2v-4m0 4h3'/%3E%3C/svg%3E")}.vp-changelog-menu-icon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 5h0.01'/%3E%3Cpath d='M8 5h12'/%3E%3Cpath d='M4 10h0.01'/%3E%3Cpath d='M8 10h12'/%3E%3Cpath d='M4 15h0.01'/%3E%3Cpath d='M8 15h12'/%3E%3Cpath d='M4 20h0.01'/%3E%3Cpath d='M8 20h12'/%3E%3C/g%3E%3C/svg%3E")}.vp-changelog-list{display:none;margin-block:.5rem;padding-inline-start:0;list-style:none}.vp-changelog-wrapper.active .vp-changelog-list{display:block}.vp-changelog-item-tag,.vp-changelog-item-commit{position:relative;margin-block-start:8px;padding-inline-start:20px}.vp-changelog-item-tag:first-child,.vp-changelog-item-commit:first-child{margin-block-start:0}.vp-changelog-item-tag::before,.vp-changelog-item-commit::before{content:"";position:absolute;top:3px;left:0;display:inline-block;width:1.25em;height:1.25em;background-color:currentcolor;color:var(--vp-c-text-subtle);-webkit-mask:var(--icon) no-repeat;mask:var(--icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:color var(--vp-t-color)}.vp-changelog-item-commit::before{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0m3-9v6m0 6v6'/%3E%3C/svg%3E")}.vp-changelog-item-tag::before{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6.5 7.5a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3Cpath d='M3 6v5.172a2 2 0 0 0 .586 1.414l7.71 7.71a2.41 2.41 0 0 0 3.408 0l5.592-5.592a2.41 2.41 0 0 0 0-3.408l-7.71-7.71A2 2 0 0 0 11.172 3H6a3 3 0 0 0-3 3'/%3E%3C/g%3E%3C/svg%3E")}.vp-changelog-tag{margin-inline-end:4px;text-decoration:none}.vp-changelog-tag code{font-weight:500;font-size:14px}.vp-changelog-hash{margin-inline-end:4px;text-decoration:none}.vp-changelog-divider{margin-inline-end:8px}.vp-changelog-message{margin-inline-end:8px;line-height:1.7}.vp-changelog-date{color:var(--vp-c-text-subtle);font-size:.75rem;transition:color var(--vp-t-color)}

/*# sourceMappingURL=changelog.css.map */:root{--medium-zoom-z-index: 100;--medium-zoom-c-bg: var(--vp-c-bg-elv, #fff);--medium-zoom-opacity: 1}

/*# sourceMappingURL=vars.css.map */.medium-zoom-overlay{z-index:var(--medium-zoom-z-index);background-color:var(--medium-zoom-c-bg) !important}.medium-zoom-overlay~img{z-index:calc(var(--medium-zoom-z-index) + 1)}.medium-zoom--opened .medium-zoom-overlay{opacity:var(--medium-zoom-opacity)}

/*# sourceMappingURL=medium-zoom.css.map */:root{--nprogress-c: var(--vp-c-accent);--nprogress-z-index: 1031}

/*# sourceMappingURL=vars.css.map */#nprogress{pointer-events:none}#nprogress .bar{position:fixed;top:0;left:0;z-index:var(--nprogress-z-index);width:100%;height:2px;background:var(--nprogress-c)}

/*# sourceMappingURL=nprogress.css.map */:root{--code-padding-x: 1.25rem;--code-padding-y: 1rem;--code-border-radius: 6px;--code-line-height: 1.6;--code-font-size: 0.875em;--code-font-family: consolas, monaco, "Andale Mono", "Ubuntu Mono", monospace}div[class*=language-]{position:relative;margin-block:.75rem;border-radius:var(--code-border-radius);background-color:var(--code-c-bg);transition:background-color var(--vp-t-color),color var(--vp-t-color)}div[class*=language-]::before{content:attr(data-ext);position:absolute;top:.8em;right:1em;z-index:3;color:var(--code-c-text);font-size:.75rem}div[class*=language-] pre{position:relative;z-index:1;overflow-x:auto;margin:0;border-radius:var(--code-border-radius);font-size:var(--code-font-size);font-family:var(--code-font-family);line-height:var(--code-line-height)}div[class*=language-] pre code{display:block;box-sizing:border-box;width:-moz-fit-content;width:fit-content;min-width:100%;padding:var(--code-padding-y) var(--code-padding-x);background-color:rgba(0,0,0,0) !important;color:var(--code-c-text);overflow-wrap:unset;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}@media print{div[class*=language-] pre code{white-space:pre-wrap}}

/*# sourceMappingURL=base.css.map */:root{--code-c-text: #f8f8f2;--code-c-bg: #2e3440;--code-c-highlight-bg: rgb(51.6454545455, 60.5484848485, 78.3545454545);--code-c-line-number: rgba(248, 248, 242, 0.67)}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#636f88}.token.punctuation{color:#81a1c1}.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#81a1c1}.token.number{color:#b48ead}.token.boolean{color:#81a1c1}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a3be8c}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#81a1c1}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#88c0d0}.token.keyword{color:#81a1c1}.token.regex,.token.important{color:#ebcb8b}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}:root{--code-line-number-width: 3rem}div[class*=language-]:not(.line-numbers-mode) .line-numbers{display:none}div[class*=language-].line-numbers-mode::after{content:"";position:absolute;top:0;left:0;width:var(--code-line-number-width);height:100%;border-right:1px solid var(--code-c-highlight-bg, var(--code-c-text));border-radius:var(--code-border-radius) 0 0 var(--code-border-radius);transition:border var(--vp-t-color)}div[class*=language-].line-numbers-mode pre{vertical-align:middle;margin-left:var(--code-line-number-width)}div[class*=language-].line-numbers-mode code{padding-left:1rem}div[class*=language-].line-numbers-mode .line-numbers{counter-reset:line-number;position:absolute;top:0;left:0;width:var(--code-line-number-width);padding-top:var(--code-padding-y);color:var(--code-c-line-number, var(--code-c-text));font-size:var(--code-font-size);line-height:var(--code-line-height);text-align:center}div[class*=language-].line-numbers-mode .line-number{position:relative;z-index:3;font-family:var(--code-font-family);-webkit-user-select:none;-moz-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-number::before{content:counter(line-number);counter-increment:line-number}

/*# sourceMappingURL=line-numbers.css.map */div[class*=language-] .line.highlighted{display:inline-block;width:100%;margin:0 calc(-1*var(--code-padding-x));padding:0 var(--code-padding-x);background-color:var(--code-c-highlight-bg);transition:background-color var(--vp-t-color)}

/*# sourceMappingURL=notation-highlight.css.map */:root{--code-title-c-text: var(--vp-c-text-mute);--code-title-c-bg: var(--code-c-bg);--code-title-divider: var(--code-c-highlight-bg, var(--code-c-text))}.code-block-with-title div[class*=language-]{border-top-left-radius:0;border-top-right-radius:0}.code-block-with-title div[class*=language-]::before{display:none}.code-block-title-bar{overflow-x:auto;margin:.75rem 0 -0.75rem;padding:.5rem 1rem;border-bottom:solid 1px var(--code-title-divider);border-radius:var(--code-border-radius) var(--code-border-radius) 0 0;background:var(--code-title-c-bg);color:var(--code-title-c-text);font-weight:500;font-size:.875em;line-height:1.7;white-space:nowrap;transition:background var(--vp-t-color),color var(--vp-t-color)}@media(max-width: 419px){.code-block-title-bar{margin-block:.75rem -0.75rem;border-radius:0}}

/*# sourceMappingURL=code-block-title.css.map */.vp-code-tabs-nav{overflow-x:auto;margin:.75rem 0 -0.75rem;padding:0;border-radius:var(--code-border-radius) var(--code-border-radius) 0 0;background:var(--code-tabs-c-bg);list-style:none;white-space:nowrap;transition:background var(--vp-t-color)}@media print{.vp-code-tabs-nav{display:none}}.vp-code-tab-nav{position:relative;min-width:3rem;margin:0;padding:6px 12px;border-width:0;border-radius:var(--code-border-radius) var(--code-border-radius) 0 0;background:rgba(0,0,0,0);color:var(--code-tabs-c-text);font-weight:600;font-size:.875em;line-height:1.4;cursor:pointer;transition:background var(--vp-t-color),color var(--vp-t-color)}.vp-code-tab-nav:hover{background:var(--code-tabs-c-hover)}.vp-code-tab-nav::before,.vp-code-tab-nav::after{content:" ";position:absolute;bottom:0;z-index:1;width:var(--code-border-radius);height:var(--code-border-radius)}.vp-code-tab-nav::before{right:100%}.vp-code-tab-nav::after{left:100%}.vp-code-tab-nav.active{background:var(--code-c-bg, var(--vp-c-bg-alt))}.vp-code-tab-nav.active::before{background:radial-gradient(12px at left top, transparent 50%, var(--code-c-bg) 50%)}.vp-code-tab-nav.active::after{background:radial-gradient(12px at right top, transparent 50%, var(--code-c-bg) 50%)}.vp-code-tab-nav:first-child::before{display:none}[dir=rtl] .vp-code-tab-nav:first-child::before{display:block}[dir=rtl] .vp-code-tab-nav:first-child::after{display:none}.vp-code-tab{display:none}@media print{.vp-code-tab{display:block}}.vp-code-tab.active{display:block}.vp-code-tab-title{display:none;font-weight:500}@media print{.vp-code-tab-title{display:block}}

/*# sourceMappingURL=code-tabs.css.map */:root{--tab-border-radius: 0.5rem}.vp-tabs{margin:1.5rem 0;border:1px solid var(--vp-c-border);border-radius:var(--tab-border-radius)}.vp-tabs-nav{overflow-x:auto;margin:0;padding:0;border-radius:var(--tab-border-radius) var(--tab-border-radius) 0 0;background:var(--tab-c-bg-nav);list-style:none;white-space:nowrap;transition:background var(--vp-t-color)}@media print{.vp-tabs-nav{display:none}}.vp-tab-nav{position:relative;min-width:4rem;margin:0;padding:.5em 1em;border:none;border-radius:var(--tab-border-radius) var(--tab-border-radius) 0 0;background:rgba(0,0,0,0);color:var(--tab-c-nav);font-weight:600;font-size:.875em;line-height:1.75;cursor:pointer;transition:background var(--vp-t-color),color var(--vp-t-color)}.vp-tab-nav:hover{background:var(--tab-c-bg-nav-hover)}.vp-tab-nav::before,.vp-tab-nav::after{content:" ";position:absolute;bottom:0;z-index:1;width:8px;height:8px}.vp-tab-nav::before{right:100%}.vp-tab-nav::after{left:100%}.vp-tab-nav.active{background:var(--tab-c-bg)}.vp-tab-nav.active::before{background:radial-gradient(16px at left top, transparent 50%, var(--tab-c-bg) 50%)}.vp-tab-nav.active::after{background:radial-gradient(16px at right top, transparent 50%, var(--tab-c-bg) 50%)}.vp-tab-nav:first-child::before{display:none}.vp-tab{display:none;padding:1rem .75rem;border-radius:0 0 var(--tab-border-radius) var(--tab-border-radius);background:var(--tab-c-bg);transition:background var(--vp-t-color)}@media print{.vp-tab{display:block;padding:.5rem}}.vp-tab.active{display:block}.vp-tab:nth-child(n+2) .vp-tab-title{border-top:none}.vp-tab-title{display:none;padding:.25rem 0;border-top:1px solid var(--vp-c-border);font-weight:500}@media print{.vp-tab-title{display:block}}

/*# sourceMappingURL=tabs.css.map */:root{--code-tabs-c-text: var(--code-c-text);--code-tabs-c-bg: var(--code-c-highlight-bg);--code-tabs-c-hover: var(--code-c-bg, var(--vp-c-bg-alt));--tab-c-bg: var(--vp-c-bg);--tab-c-nav: var(--vp-c-text);--tab-c-bg-nav: var(--vp-c-grey-bg);--tab-c-bg-nav-hover: var(--vp-c-control-hover)}

/*# sourceMappingURL=vars.css.map *//*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.vp-badge {
  display: inline-block;
  vertical-align: top;
  height: 1.3em;
  padding: 0 6px;
  border-radius: 3px;
  background: var(--vp-c-accent-soft);
  color: var(--vp-c-accent);
  font-size: 0.875em;
  line-height: 1.3;
  transition: background var(--vp-t-color), color var(--vp-t-color);
}
.vp-badge + .vp-badge {
  margin-inline-start: 5px;
}
.vp-badge.tip {
  background: var(--badge-c-tip-bg);
  color: var(--badge-c-tip-text);
}
.vp-badge.warning {
  background: var(--badge-c-warning-bg);
  color: var(--badge-c-warning-text);
}
.vp-badge.danger {
  background: var(--badge-c-danger-bg);
  color: var(--badge-c-danger-text);
}
.vp-badge.important {
  background: var(--badge-c-important-bg);
  color: var(--badge-c-important-text);
}
.vp-badge.info {
  background: var(--badge-c-info-bg);
  color: var(--badge-c-info-text);
}
.vp-badge.note {
  background: var(--badge-c-note-bg);
  color: var(--badge-c-note-text);
}
.table-of-contents .vp-badge {
  vertical-align: middle;
}:root{--transition-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--transition-ease-out: cubic-bezier(0, 0, 0.2, 1);--transition-ease-in: cubic-bezier(0.4, 0, 1, 1);--transition-duration: 0.2s;--transition-slow-duration: 0.3s;--transition-enter-duration: var(--transition-duration);--transition-leave-duration: var(--transition-duration);--transition-delay: 0.1s}:root{--transition-fade-in-down-offset: -10px}.fade-in-down-enter-from,.fade-in-down-leave-to{opacity:0 !important;transform:translateY(var(--transition-fade-in-down-offset)) !important}.fade-in-down-enter-to,.fade-in-down-leave-from{opacity:1;transform:translateY(0) !important}.fade-in-down-leave-active{transition:opacity var(--transition-leave-duration) var(--transition-ease-in-out),transform var(--transition-leave-duration) var(--transition-ease-in-out) !important}.fade-in-down-enter-active{transition:opacity var(--transition-enter-duration) var(--transition-ease-in-out),transform var(--transition-enter-duration) var(--transition-ease-in-out) !important}

/*# sourceMappingURL=fade-in-down.css.map *//*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/* stylelint-disable scss/dollar-variable-pattern */
.vp-features {
  display: flex;
  flex-wrap: wrap;
  place-content: stretch space-between;
  align-items: flex-start;
  margin-top: 2.5rem;
  padding: 1.2rem 0;
  border-top: 1px solid var(--vp-c-divider);
  transition: border-color var(--vp-t-color);
}
@media (max-width: 719px) {
.vp-features {
    flex-flow: column;
}
}
.vp-feature {
  flex-grow: 1;
  flex-basis: 30%;
  max-width: 30%;
}
@media (max-width: 719px) {
.vp-feature {
    max-width: 100%;
    padding: 0 2.5rem;
}
}
.vp-feature h2 {
  padding-bottom: 0;
  border-bottom: none;
  font-weight: 500;
  font-size: 1.4rem;
}
@media (max-width: 419px) {
.vp-feature h2 {
    font-size: 1.25rem;
}
}
.vp-feature p {
  color: var(--vp-c-text-mute);
}
.vp-footer {
  padding: 2.5rem;
  border-top: 1px solid var(--vp-c-border);

  color: var(--vp-c-text-mute);

  text-align: center;

  transition: border-color var(--vp-t-color);
}
/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/* stylelint-disable scss/dollar-variable-pattern */
.vp-hero {
  text-align: center;
}
.vp-hero-image {
  display: block;
  max-width: 100%;
  max-height: 280px;
  margin: 3rem auto 1.5rem;
}
@media (max-width: 419px) {
.vp-hero-image {
    max-height: 210px;
    margin: 2rem auto 1.2rem;
}
}
#main-title {
  font-size: 3rem;
}
@media (max-width: 419px) {
#main-title {
    font-size: 2rem;
}
}
#main-title,
.vp-hero-description,
.vp-hero-actions {
  margin: 1.8rem auto;
}
@media (max-width: 419px) {
#main-title,
  .vp-hero-description,
  .vp-hero-actions {
    margin: 1.2rem auto;
}
}
.vp-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}
.vp-hero-description {
  max-width: 35rem;
  color: var(--vp-c-text-mute);
  font-size: 1.6rem;
  line-height: 1.3;
}
@media (max-width: 419px) {
.vp-hero-description {
    font-size: 1.2rem;
}
}
.vp-hero-action-button {
  display: inline-block;
  box-sizing: border-box;
  padding: 0.8rem 1.6rem;
  border: 2px solid var(--vp-c-accent-bg);
  border-radius: 4px;
  background-color: var(--vp-c-bg);
  color: var(--vp-c-accent);
  font-size: 1.2rem;
  transition: background-color border-color color var(--vp-t-color);
}
@media (max-width: 419px) {
.vp-hero-action-button {
    padding: 0.6rem 1.2rem;
    font-size: 1rem;
}
}
.vp-hero-action-button:hover {
  background-color: var(--vp-c-accent-hover);
  color: var(--vp-c-accent-text);
}
.vp-hero-action-button.primary {
  background-color: var(--vp-c-accent-bg);
  color: var(--vp-c-accent-text);
}
.vp-hero-action-button.primary:hover {
  border-color: var(--vp-c-accent-hover);
  background-color: var(--vp-c-accent-hover);
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/* stylelint-disable scss/dollar-variable-pattern */
.vp-home {
  display: block;
  max-width: var(--homepage-width);
  margin: 0 auto;
  padding: var(--navbar-height) 2rem 0;
}
@media (max-width: 419px) {
.vp-home {
    padding-inline: 1.5rem;
}
}
.vp-home [vp-content] {
  margin: 0;
  padding: 0;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/* stylelint-disable scss/dollar-variable-pattern */
.vp-site-logo {
  vertical-align: top;
  height: var(--navbar-line-height);
  margin-inline-end: var(--navbar-padding-v);
}
.vp-site-name {
  position: relative;
  color: var(--vp-c-text);
  font-weight: 600;
  font-size: 1.3rem;
}
@media screen and (max-width: 719px) {
.vp-site-name {
    display: block;
    overflow: hidden;
    width: calc(100vw - 11rem);
    text-overflow: ellipsis;
    white-space: nowrap;
}
}:root{--transition-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--transition-ease-out: cubic-bezier(0, 0, 0.2, 1);--transition-ease-in: cubic-bezier(0.4, 0, 1, 1);--transition-duration: 0.2s;--transition-slow-duration: 0.3s;--transition-enter-duration: var(--transition-duration);--transition-leave-duration: var(--transition-duration);--transition-delay: 0.1s}.fade-in-height-expand-leave-from,.fade-in-height-expand-enter-to{opacity:1}.fade-in-height-expand-leave-to,.fade-in-height-expand-enter-from{margin-top:0 !important;margin-bottom:0 !important;padding-top:0 !important;padding-bottom:0 !important;opacity:0 !important}.fade-in-height-expand-leave-active{overflow:hidden !important;transition:max-height var(--transition-slow-duration) var(--transition-ease-in-out),opacity var(--transition-leave-duration) var(--transition-ease-out),margin-top var(--transition-slow-duration) var(--transition-ease-in-out),margin-bottom var(--transition-slow-duration) var(--transition-ease-in-out),padding-top var(--transition-slow-duration) var(--transition-ease-in-out),padding-bottom var(--transition-slow-duration) var(--transition-ease-in-out) !important}.fade-in-height-expand-enter-active{overflow:hidden !important;transition:max-height var(--transition-slow-duration) var(--transition-ease-in-out),opacity var(--transition-enter-duration) var(--transition-ease-in),margin-top var(--transition-slow-duration) var(--transition-ease-in-out),margin-bottom var(--transition-slow-duration) var(--transition-ease-in-out),padding-top var(--transition-slow-duration) var(--transition-ease-in-out),padding-bottom var(--transition-slow-duration) var(--transition-ease-in-out) !important}

/*# sourceMappingURL=fade-in-height-expand.css.map *//*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/* stylelint-disable scss/dollar-variable-pattern */
.vp-navbar-dropdown-wrapper {
  cursor: pointer;
}
.vp-navbar-dropdown-wrapper:not(.mobile) {
  height: 1.8rem;
}
.vp-navbar-dropdown-wrapper:not(.mobile):hover .vp-navbar-dropdown, .vp-navbar-dropdown-wrapper:not(.mobile).open .vp-navbar-dropdown {
  display: block !important;
}
.vp-navbar-dropdown-wrapper.mobile .vp-navbar-dropdown {
  overflow: hidden;
  transition: height 0.1s ease-out;
  padding-top: 0.5rem;
}
.vp-navbar-dropdown-wrapper:not(.mobile) .vp-navbar-dropdown {
  position: absolute;
  inset-inline-end: 0;
  top: 100%;
  display: none;
  overflow-y: auto;
  box-sizing: border-box;
  height: auto !important;
  max-height: calc(100vh - 2.7rem);
  margin: 0;
  padding: 0.6rem 0;
  border: 1px solid var(--vp-c-divider);
  border-radius: 0.5rem;
  background-color: var(--vp-c-bg-elv);
  text-align: start;
  white-space: nowrap;
}
.vp-navbar-dropdown-title {
  display: block;
  padding: inherit;
  border: none;
  background: transparent;
  color: var(--vp-c-text);
  font-weight: 500;
  font-size: 0.9rem;
  font-family: inherit;
  line-height: 1.4rem;
  cursor: inherit;
}
.vp-navbar-dropdown-wrapper.mobile .vp-navbar-dropdown-title {
  display: none;
}
.vp-navbar-dropdown-title:hover {
  border-color: transparent;
}
.vp-navbar-dropdown-title-mobile {
  display: none;
  padding: inherit;
  border: none;
  background: transparent;
  color: var(--vp-c-text);
  font-weight: 600;
  font-size: inherit;
  font-family: inherit;
  line-height: 1.4rem;
  cursor: inherit;
}
.vp-navbar-dropdown-wrapper.mobile .vp-navbar-dropdown-title-mobile {
  display: block;
}
.vp-navbar-dropdown-title-mobile:hover {
  color: var(--vp-c-accent);
}
.vp-navbar-dropdown-item {
  color: inherit;
  line-height: 1.7rem;
}
.vp-navbar-dropdown-item .auto-link {
  position: relative;
  display: block;
  margin-bottom: 0;
  padding: 0 1.25rem;
  border-bottom: none;
  font-weight: 400;
}
.vp-navbar-dropdown-item .auto-link:hover {
  color: var(--vp-c-accent);
}
.vp-navbar-dropdown-item .auto-link.route-link-active {
  color: var(--vp-c-accent);
}
.vp-navbar-dropdown-item .auto-link.route-link-active::after {
  content: "";
  position: absolute;
  inset-inline-start: 9px;
  top: calc(50% - 2px);
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-inline-start: 5px solid var(--vp-c-accent);
}
.vp-navbar-items .vp-navbar-dropdown-item .auto-link {
  line-height: 1.7rem;
}
.vp-navbar-dropdown-wrapper.mobile .vp-navbar-dropdown-item > .auto-link {
  line-height: 2rem;
}
.vp-navbar-dropdown-subtitle {
  margin: 0.45rem 0 0;
  padding: 1rem 0 0.45rem;
  border-top: 1px solid var(--vp-c-divider);
  font-size: 0.9rem;
}
.vp-navbar-dropdown-wrapper.mobile .vp-navbar-dropdown-subtitle {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-top: 0;
  line-height: 2rem;
}
.vp-navbar-dropdown-item:first-child .vp-navbar-dropdown-subtitle {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.vp-navbar-dropdown-subtitle > span {
  padding-inline: 1.25rem 1.5rem;
}
.vp-navbar-dropdown-subtitle > .auto-link {
  font-weight: inherit;
}
.vp-navbar-dropdown-subtitle > .auto-link.route-link-active::after {
  display: none;
}
.vp-navbar-dropdown-subitem-wrapper {
  padding: 0;
  list-style: none;
}
.vp-navbar-dropdown-subitem {
  font-size: 0.9em;
}
.vp-navbar-dropdown-wrapper.mobile .vp-navbar-dropdown-subitem {
  padding-inline-start: 1rem;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/* stylelint-disable scss/dollar-variable-pattern *//*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/* stylelint-disable scss/dollar-variable-pattern */
.vp-navbar-items {
  display: inline-block;
}
@media print {
.vp-navbar-items {
    display: none;
}
}
.vp-navbar-items .auto-link {
  color: inherit;
  line-height: 1.4rem;
}
.vp-navbar-items .auto-link:hover, .vp-navbar-items .auto-link.route-link-active {
  color: var(--vp-c-text);
}
.vp-navbar-item {
  position: relative;
  display: inline-block;
  margin-inline-start: 1.5rem;
  line-height: var(--navbar-line-height);
}
@media (max-width: 719px) {
.vp-navbar-item {
    margin-inline-start: 0;
}
}
.vp-navbar-item:first-child {
  margin-inline-start: 0;
}
.vp-navbar-item .auto-link:hover, .vp-navbar-item .auto-link.route-link-active {
  color: var(--vp-c-accent);
}
.vp-navbar-item > .auto-link {
  display: inline-block;
}
.vp-navbar-item > .auto-link:hover, .vp-navbar-item > .auto-link.route-link-active {
  margin-bottom: -2px;
  border-bottom: 2px solid var(--vp-c-accent);
}
@media (max-width: 719px) {
.vp-navbar-item > .auto-link:hover, .vp-navbar-item > .auto-link.route-link-active {
    margin-bottom: 0;
    border-bottom: none;
}
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.vp-toggle-color-mode-button {
  display: flex;
  margin: auto;
  margin-inline-start: 1rem;
  border: 0;
  background: none;
  color: var(--vp-c-text);
  opacity: 0.8;
  cursor: pointer;
}
@media print {
.vp-toggle-color-mode-button {
    display: none;
}
}
.vp-toggle-color-mode-button:hover {
  opacity: 1;
}
.vp-toggle-color-mode-button .light-icon,
.vp-toggle-color-mode-button .dark-icon {
  width: 1.25rem;
  height: 1.25rem;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/* stylelint-disable max-nesting-depth */
/* stylelint-disable scss/dollar-variable-pattern */
.vp-toggle-sidebar-button {
  position: absolute;
  inset-inline-start: 1rem;
  top: 0.6rem;
  display: none;
  padding: 0.6rem;
  cursor: pointer;
}
@media screen and (max-width: 719px) {
.vp-toggle-sidebar-button {
    display: block;
}
}
.vp-toggle-sidebar-button .icon {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  cursor: inherit;
}
.vp-toggle-sidebar-button .icon span {
  display: inline-block;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: var(--vp-c-text);
  transition: transform var(--vp-t-transform);
}
.vp-toggle-sidebar-button .icon span:nth-child(2) {
  margin: 6px 0;
}
.vp-theme-container.sidebar-open .vp-toggle-sidebar-button .icon span:nth-child(1) {
  transform: rotate(45deg) translate3d(5.5px, 5.5px, 0);
}
.vp-theme-container.sidebar-open .vp-toggle-sidebar-button .icon span:nth-child(2) {
  transform: scale3d(0, 1, 1);
}
.vp-theme-container.sidebar-open .vp-toggle-sidebar-button .icon span:nth-child(3) {
  transform: rotate(-45deg) translate3d(6px, -6px, 0);
}
.vp-theme-container.sidebar-open .vp-toggle-sidebar-button .icon span:nth-child(1), .vp-theme-container.sidebar-open .vp-toggle-sidebar-button .icon span:nth-child(3) {
  transform-origin: center;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/* stylelint-disable scss/dollar-variable-pattern */
.vp-navbar {
  --navbar-line-height: calc(
    var(--navbar-height) - 2 * var(--navbar-padding-v)
  );
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  box-sizing: border-box;
  height: var(--navbar-height);
  padding: var(--navbar-padding-v) var(--navbar-padding-h);
  border-bottom: 1px solid var(--vp-c-border);
  background-color: var(--vp-navbar-c-bg);
  line-height: var(--navbar-line-height);
  transition: background-color var(--vp-t-color), border-color var(--vp-t-color);
}
@media screen and (max-width: 719px) {
.vp-navbar {
    padding-inline-start: 4rem;
}
}
@media print {
.vp-navbar {
    display: none;
}
}
.vp-navbar-items-wrapper {
  position: absolute;
  inset-inline-end: var(--navbar-padding-h);
  top: var(--navbar-padding-v);
  display: flex;
  box-sizing: border-box;
  height: var(--navbar-line-height);
  padding-inline-start: var(--navbar-padding-h);
  font-size: 0.9rem;
  white-space: nowrap;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/* stylelint-disable scss/dollar-variable-pattern */
.vp-page-meta {
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 2rem 2.5rem;
}
@media (max-width: 959px) {
.vp-page-meta {
    padding: 2rem;
}
}
@media (max-width: 419px) {
.vp-page-meta {
    padding: 1.5rem;
}
}
.vp-page-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: auto;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media print {
.vp-page-meta {
    margin: 0 !important;
    padding-inline: 0 !important;
}
}
@media (max-width: 719px) {
.vp-page-meta {
    display: block;
}
}
.vp-page-meta .vp-meta-item {
  flex-grow: 1;
}
.vp-page-meta .vp-meta-item .vp-meta-label {
  font-weight: 500;
}
.vp-page-meta .vp-meta-item .vp-meta-label:not(a) {
  color: var(--vp-c-text-mute);
}
.vp-page-meta .vp-meta-item .vp-meta-info {
  color: var(--vp-c-text-mute);
  font-weight: 400;
}
.vp-page-meta .git-info {
  text-align: end;
}
.vp-page-meta .edit-link {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  margin-inline-end: 0.5rem;
  font-size: 0.875em;
}
@media print {
.vp-page-meta .edit-link {
    display: none;
}
}
.vp-page-meta .edit-link .edit-icon {
  position: relative;
  bottom: -0.125em;
  width: 1em;
  height: 1em;
  margin-inline-end: 0.25em;
}
.vp-page-meta .last-updated,
.vp-page-meta .contributors {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  font-size: 0.875em;
}
@media (max-width: 719px) {
.vp-page-meta .last-updated,
  .vp-page-meta .contributors {
    font-size: 0.825em;
    text-align: start;
}
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/* stylelint-disable scss/dollar-variable-pattern */
.vp-page-nav {
  display: flex;
  flex-wrap: wrap;
  max-width: var(--content-width, 740px);
  min-height: 2rem;
  margin-inline: auto;
  margin-top: 0;
  padding: 1rem 2rem 0;
  border-top: 1px solid var(--vp-c-divider);
  transition: border-top var(--vp-t-color);
}
@media (max-width: 959px) {
.vp-page-nav {
    padding-inline: 1rem;
}
}
@media print {
.vp-page-nav {
    display: none;
}
}
.vp-page-nav .auto-link {
  display: inline-block;
  flex-grow: 1;
  margin: 0.25rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--vp-c-divider);
  border-radius: 0.25rem;
}
.vp-page-nav .auto-link:hover {
  background: var(--vp-c-control);
}
.vp-page-nav .auto-link.external-link::after {
  display: none;
}
.vp-page-nav .auto-link:not(.external-link) .external-link::after {
  display: none;
}
.vp-page-nav .auto-link .hint {
  color: var(--vp-c-text-mute);
  font-size: 0.875rem;
  line-height: 2;
}
.vp-page-nav .prev {
  text-align: start;
}
.vp-page-nav .next {
  text-align: end;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/* stylelint-disable scss/dollar-variable-pattern */
.vp-page {
  display: block;
  padding-top: var(--navbar-height);
  padding-bottom: 2rem;
  padding-inline-start: var(--sidebar-width);
}
@media (max-width: 959px) {
.vp-page {
    padding-inline-start: var(--sidebar-width-mobile);
}
}
@media (max-width: 719px) {
.vp-page {
    padding-inline-start: 0;
}
}
.vp-page [vp-content] {
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 2rem 2.5rem;
}
@media (max-width: 959px) {
.vp-page [vp-content] {
    padding: 2rem;
}
}
@media (max-width: 419px) {
.vp-page [vp-content] {
    padding: 1.5rem;
}
}
.vp-page [vp-content] {
  padding-top: 0;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.vp-dropdown-enter-from, .vp-dropdown-leave-to {
  height: 0 !important;
  opacity: 0;
}
.vp-dropdown-enter-active {
  transition: height 0.3s ease-in-out, opacity 0.6s ease-out;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/* stylelint-disable scss/dollar-variable-pattern */
.vp-sidebar-item {
  border-inline-start: 0.25rem solid transparent;
  color: var(--vp-c-text);
  cursor: default;
}
.vp-sidebar-item:focus-visible {
  outline-width: 1px;
  outline-offset: -1px;
}
.vp-sidebar-item.vp-sidebar-heading {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding-block: 0.35rem;
  padding-inline: 1.25rem 1.5rem;
  font-weight: bold;
  font-size: 1.1em;
  transition: color 0.15s ease;
}
.vp-sidebar-item.vp-sidebar-heading + .vp-sidebar-children {
  overflow: hidden;
  transition: height 0.1s ease-out;
  margin-bottom: 0.75rem;
}
.vp-sidebar-item.collapsible {
  cursor: pointer;
}
.vp-sidebar-item:not(.vp-sidebar-heading) {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding-block: 0.35rem;
  padding-inline: 2rem 1rem;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.4;
}
.vp-sidebar-item:not(.vp-sidebar-heading) + .vp-sidebar-children {
  padding-inline-start: 1rem;
  font-size: 0.95em;
}
.vp-sidebar-children .vp-sidebar-children .vp-sidebar-item:not(.vp-sidebar-heading) {
  padding-block: 0.25rem;
  padding-inline: 1.75rem 1rem;
}
.vp-sidebar-children .vp-sidebar-children .vp-sidebar-item:not(.vp-sidebar-heading).active {
  border-inline-start-color: transparent;
  font-weight: 500;
}
a.vp-sidebar-heading + .vp-sidebar-children .vp-sidebar-item:not(.vp-sidebar-heading).active {
  border-inline-start-color: transparent;
}
.vp-sidebar-item.active:not(p.vp-sidebar-heading) {
  border-inline-start-color: var(--vp-c-accent);
  color: var(--vp-c-accent);
  font-weight: 600;
}
.vp-sidebar-item .auto-link {
  display: block;
}
.vp-sidebar-item.auto-link {
  display: block;
  cursor: pointer;
}
.vp-sidebar-item.auto-link:hover {
  color: var(--vp-c-accent);
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/* stylelint-disable scss/dollar-variable-pattern */
.vp-sidebar-items {
  margin: 0;
  padding: 1.5rem 0;
  list-style-type: none;
}
@media (max-width: 719px) {
.vp-sidebar-items {
    padding: 1rem 0;
}
}
.vp-sidebar-items ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/* stylelint-disable scss/dollar-variable-pattern */
.vp-sidebar {
  position: fixed;
  inset-inline-start: 0;
  top: var(--navbar-height);
  bottom: 0;
  z-index: 10;
  overflow-y: auto;
  box-sizing: border-box;
  width: var(--sidebar-width);
  margin: 0;
  border-inline-end: 1px solid var(--vp-c-border);
  background-color: var(--vp-sidebar-c-bg);
  font-size: 1rem;
  transition: transform var(--vp-t-transform), background-color var(--vp-t-color), border-color var(--vp-t-color);
  scrollbar-color: var(--vp-c-accent-bg) var(--vp-c-divider);
  scrollbar-width: thin;
}
@media (max-width: 959px) {
.vp-sidebar {
    width: var(--sidebar-width-mobile);
    font-size: 0.9rem;
}
}
@media (max-width: 719px) {
.vp-sidebar {
    top: 0;
    padding-top: var(--navbar-height);
    transform: translateX(-100%);
}
[dir=rtl] .vp-sidebar {
    transform: translateX(100%);
}
}
.vp-sidebar::-webkit-scrollbar {
  width: 7px;
}
.vp-sidebar::-webkit-scrollbar-track {
  background-color: var(--vp-c-divider);
}
.vp-sidebar::-webkit-scrollbar-thumb {
  background-color: var(--vp-c-accent-bg);
}
.vp-sidebar .vp-navbar-items {
  display: none;
  padding: 0.5rem 0 0.75rem;
  border-bottom: 1px solid var(--vp-c-divider);
  transition: border-color var(--vp-t-color);
}
@media (max-width: 719px) {
.vp-sidebar .vp-navbar-items {
    display: block;
}
.vp-sidebar .vp-navbar-items .vp-navbar-dropdown-item .route-link-active::after {
    top: calc(1rem - 2px);
}
}
.vp-sidebar .vp-navbar-items ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.vp-sidebar .vp-navbar-items .auto-link {
  font-weight: 600;
}
.vp-sidebar .vp-navbar-item {
  display: block;
  padding-block: 0.5rem;
  padding-inline: 1.5rem 0;
  font-size: 1.1em;
  line-height: 1.25rem;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/* stylelint-disable scss/dollar-variable-pattern */
.vp-sidebar-mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  display: none;
  width: 100vw;
  height: 100vh;
}
.vp-theme-container.no-navbar .vp-sidebar {
  top: 0;
}
@media (max-width: 719px) {
.vp-theme-container.no-navbar .vp-sidebar {
    padding-top: 0;
}
}
.vp-theme-container.no-navbar .vp-page {
  padding-top: 0;
}
.vp-theme-container.no-navbar [vp-content] h1,
.vp-theme-container.no-navbar [vp-content] h2,
.vp-theme-container.no-navbar [vp-content] h3,
.vp-theme-container.no-navbar [vp-content] h4,
.vp-theme-container.no-navbar [vp-content] h5,
.vp-theme-container.no-navbar [vp-content] h6 {
  margin-top: 1.5rem;
  padding-top: 0;
}
.vp-theme-container.no-sidebar .vp-sidebar {
  display: none;
}
@media (max-width: 719px) {
.vp-theme-container.no-sidebar .vp-sidebar {
    display: block;
}
}
.vp-theme-container.no-sidebar .vp-page {
  padding-inline-start: 0;
}
@media (max-width: 719px) {
.vp-theme-container.sidebar-open .vp-sidebar {
    transform: translateX(0);
}
.vp-theme-container.sidebar-open .vp-sidebar-mask {
    display: block;
}
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.vp-theme-container[data-v-3f56bd13] {
  max-width: 740px;
  margin: 0 auto;
  padding: 2rem 2.5rem;
}
@media (max-width: 959px) {
.vp-theme-container[data-v-3f56bd13] {
    padding: 2rem;
}
}:root{--vp-c-white: #fff;--vp-c-black: #000;--vp-c-grey-text: #656869;--vp-c-grey-hover: #e4e4e9;--vp-c-grey-bg: #ebebef;--vp-c-grey-soft: rgb(142 150 170 / 14%);--vp-c-indigo-text: #3451b2;--vp-c-indigo-hover: #3a5ccc;--vp-c-indigo-bg: #5672cd;--vp-c-indigo-soft: rgb(100 108 255 / 14%);--vp-c-purple-text: #6f42c1;--vp-c-purple-hover: #7e4cc9;--vp-c-purple-bg: #8e5cd9;--vp-c-purple-soft: rgb(159 122 234 / 14%);--vp-c-blue-text: #2888a7;--vp-c-blue-hover: #2d98ba;--vp-c-blue-bg: #2fa1c5;--vp-c-blue-soft: rgb(27 178 229 / 14%);--vp-c-green-text: #18794e;--vp-c-green-hover: #299764;--vp-c-green-bg: #30a46c;--vp-c-green-soft: rgb(16 185 129 / 14%);--vp-c-yellow-text: #915930;--vp-c-yellow-hover: #946300;--vp-c-yellow-bg: #c28100;--vp-c-yellow-soft: rgb(234 179 8 / 14%);--vp-c-red-text: #b8272c;--vp-c-red-hover: #d5393e;--vp-c-red-bg: #e0575b;--vp-c-red-soft: rgb(244 63 94 / 14%)}[data-theme=dark]{--vp-c-white: #000;--vp-c-black: #fff;--vp-c-grey-text: #939499;--vp-c-grey-hover: #414853;--vp-c-grey-bg: #32363f;--vp-c-grey-soft: rgb(101 117 133 / 16%);--vp-c-indigo-text: #a8b1ff;--vp-c-indigo-hover: #5c73e7;--vp-c-indigo-bg: #3e63dd;--vp-c-indigo-soft: rgb(100 108 255 / 16%);--vp-c-blue-text: #c9e8f2;--vp-c-blue-hover: #a6d9ea;--vp-c-blue-bg: #2785a3;--vp-c-blue-soft: rgb(27 178 229 / 16%);--vp-c-purple-text: #c8abfa;--vp-c-purple-hover: #a879e6;--vp-c-purple-bg: #8e5cd9;--vp-c-purple-soft: rgb(159 122 234 / 16%);--vp-c-green-text: #3dd68c;--vp-c-green-hover: #30a46c;--vp-c-green-bg: #298459;--vp-c-green-soft: rgb(16 185 129 / 16%);--vp-c-yellow-text: #f9b44e;--vp-c-yellow-hover: #da8b17;--vp-c-yellow-bg: #a46a0a;--vp-c-yellow-soft: rgb(234 179 8 / 16%);--vp-c-red-text: #f66f81;--vp-c-red-hover: #f14158;--vp-c-red-bg: #b62a3c;--vp-c-red-soft: rgb(244 63 94 / 16%)}

/*# sourceMappingURL=colors.css.map */:root{color-scheme:light}[data-theme=dark]{color-scheme:dark}html,body{background:var(--vp-c-bg, #fff);accent-color:var(--vp-c-accent, #299764);transition:background-color var(--vp-t-color)}html{font-display:optional;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}@media print{html{font-size:12pt}}html[data-theme=dark]{color-scheme:dark}body{min-height:100vh;margin:0;padding:0;color:var(--vp-c-text, rgb(60, 60, 67));font-size:1rem;font-synthesis:style}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;overflow-wrap:break-word}h1:focus-visible,h2:focus-visible,h3:focus-visible,h4:focus-visible,h5:focus-visible,h6:focus-visible{outline:none}h1{font-size:2rem}h2{padding-bottom:.3rem;border-bottom:1px solid var(--vp-c-divider, #e2e2e3);font-size:1.65rem;transition:border-color var(--vp-t-color)}h3{font-size:1.35rem}h4{font-size:1.15rem}h5{font-size:1.05rem}h6{font-size:1rem}p,ul,ol{line-height:1.6;overflow-wrap:break-word}@media print{p,ul,ol{line-height:1.5}}ul,ol{padding-inline-start:1.2em}a{color:var(--vp-c-accent, #299764);font-weight:500;text-decoration:none;overflow-wrap:break-word}a.header-anchor{position:relative;color:inherit;font-weight:inherit;text-decoration:none}a.header-anchor::before{content:"¶";position:absolute;top:.4167em;left:-0.75em;display:none;color:var(--vp-c-accent, #299764);font-size:.75em}[dir=rtl] a.header-anchor::before{right:-0.75em}a.header-anchor:hover::before{display:block}a.header-anchor:focus-visible{outline:none}a.header-anchor:focus-visible::before{display:block;outline:auto}strong{font-weight:600}blockquote{margin:1rem 0;padding-block:.25rem;padding-inline:1rem 0;border-inline-start:.2rem solid var(--vp-c-border-hard, #b8b8ba);color:var(--vp-c-text-mute, rgba(60, 60, 67, 0.78));font-size:1rem;overflow-wrap:break-word;transition:border-color var(--vp-t-color),color var(--vp-t-color)}blockquote>p{margin:0}hr{border:0;border-bottom:1px solid var(--vp-c-divider, #e2e2e3);transition:border-color var(--vp-t-color)}:not(pre)>code{margin:0;padding:3px 6px;border-radius:4px;background:var(--vp-c-grey-soft, rgba(142, 150, 170, 0.14));font-size:.875em;overflow-wrap:break-word;transition:background-color var(--vp-t-color),color var(--vp-t-color)}p a code{color:var(--vp-c-accent, #299764);font-weight:400}table code{padding:.1rem .4rem}kbd{display:inline-block;min-width:1em;margin-inline:.125rem;padding:.25em;border:1px solid var(--vp-c-border, #c2c2c4);border-radius:.25em;box-shadow:1px 1px 4px 0 var(--vp-c-shadow, rgba(0, 0, 0, 0.15));line-height:1;letter-spacing:-0.1em;text-align:center}table{display:block;overflow-x:auto;margin:1rem 0;border-collapse:collapse}tbody tr:nth-child(odd){background:var(--vp-c-bg-alt, #f6f8fa);transition:background-color var(--vp-t-color)}th,td{padding:.6em 1em;border:1px solid var(--vp-c-border-hard, #d1d4d7);transition:border-color var(--vp-t-color)}pre{text-align:left;direction:ltr;white-space:pre;word-spacing:normal;word-wrap:normal;word-break:normal;overflow-wrap:unset;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}@media print{pre{white-space:pre-wrap}}pre code{padding:0;border-radius:0}@page{margin:2cm;font-size:12pt;size:a4}@media print{*,::after,::before{box-shadow:none !important;text-shadow:none !important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a{color:inherit;font-weight:inherit !important;font-size:inherit !important;text-decoration:underline}a.header-anchor{text-decoration:none}abbr[title]::after{content:" (" attr(title) ")"}pre{border:1px solid #eee;white-space:pre-wrap !important}pre>code{white-space:pre-wrap !important}blockquote{border-inline-start:.2rem solid #ddd;color:inherit}blockquote,pre{orphans:5;widows:5}img,tr,canvas{page-break-inside:avoid}}@media(prefers-reduced-motion: reduce){*,::before,::after{background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important;animation-duration:1ms !important;animation-delay:-1ms !important;animation-iteration-count:1 !important}}

/*# sourceMappingURL=normalize.css.map *//*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
:root {
  --vp-c-accent: #299764;
  --vp-c-accent-bg: #3eaf7c;
  --vp-c-accent-hover: #4abf8a;
  --vp-c-accent-text: var(--vp-c-white);
  --vp-c-accent-soft: rgb(16 185 129 / 14%);
  --vp-c-bg: #fff;
  --vp-c-bg-alt: #f6f6f7;
  --vp-c-bg-elv: #fff;
  --vp-c-text: rgb(60 60 67);
  --vp-c-text-mute: rgb(60 60 67 / 78%);
  --vp-c-text-subtle: rgb(60 60 67 / 56%);
  --vp-c-divider: #e2e2e3;
  --vp-c-border: #c2c2c4;
  --vp-c-border-hard: #b8b8ba;
  --vp-c-shadow: rgb(0 0 0 / 15%);
  --vp-c-control: rgb(142 150 170 / 10%);
  --vp-c-control-hover: rgb(142 150 170 / 16%);
  --vp-c-control-disabled: #eaeaea;
  --vp-navbar-c-bg: var(--vp-c-bg);
  --vp-sidebar-c-bg: var(--vp-c-bg);
  --vp-c-code-tab-title: var(--code-c-text, rgb(255 255 255 / 90%));
  --vp-c-code-tab-bg: var(--code-bg-color, var(--code-c-bg));
  --vp-c-code-tab-active: var(--vp-c-accent);
  --badge-c-tip-text: var(--vp-c-green-text);
  --badge-c-tip-bg: var(--vp-c-green-soft);
  --badge-c-warning-text: var(--vp-c-yellow-text);
  --badge-c-warning-bg: var(--vp-c-yellow-soft);
  --badge-c-danger-text: var(--vp-c-red-text);
  --badge-c-danger-bg: var(--vp-c-red-soft);
  --badge-c-important-text: var(--vp-c-purple-text);
  --badge-c-important-bg: var(--vp-c-purple-soft);
  --badge-c-info-text: var(--vp-c-indigo-text);
  --badge-c-info-bg: var(--vp-c-indigo-soft);
  --badge-c-note-text: var(--vp-c-grey-text);
  --badge-c-note-bg: var(--vp-c-grey-soft);
  --font-family:
    -apple-system, "BlinkMacSystemFont", "Segoe UI", roboto, oxygen, ubuntu,
    cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --navbar-height: 3.6rem;
  --navbar-padding-v: 0.7rem;
  --navbar-padding-h: 1.5rem;
  --sidebar-width: 20rem;
  --sidebar-width-mobile: calc(var(--sidebar-width) * 0.82);
  --content-width: 740px;
  --homepage-width: 960px;
  --header-offset: var(--navbar-height);
  --vp-t-color: 0.3s ease;
  --vp-t-transform: 0.3s ease;
  --external-link-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z'/%3E%3C/svg%3E");
  --external-link-c-icon: var(--vp-c-text-mute);
}

[data-theme=dark] {
  --vp-c-accent: #3dd68c;
  --vp-c-accent-bg: #3aa675;
  --vp-c-accent-hover: #349469;
  --vp-c-accent-soft: rgb(16 185 129 / 16%);
  --vp-c-bg: #1b1b1f;
  --vp-c-bg-alt: #161618;
  --vp-c-bg-elv: #202127;
  --vp-c-text: rgb(235 235 245 / 86%);
  --vp-c-text-mute: rgb(235 235 245 / 60%);
  --vp-c-text-subtle: rgb(235 235 245 / 38%);
  --vp-c-divider: #2e2e32;
  --vp-c-border: #3c3f44;
  --vp-c-border-hard: #45484e;
  --vp-c-shadow: rgb(0 0 0 / 30%);
  --vp-c-control: rgb(101 117 133 / 12%);
  --vp-c-control-hover: rgb(101 117 133 / 18%);
  --vp-c-control-disabled: #363636;
}

body {
  font-family: var(--font-family);
}

code {
  font-family: var(--code-font-family);
}

/* stylelint-disable scss/dollar-variable-pattern */
[vp-content] h1,
[vp-content] h2,
[vp-content] h3,
[vp-content] h4,
[vp-content] h5,
[vp-content] h6 {
  margin-top: calc(0.5rem - var(--header-offset));
  margin-bottom: 0;
  padding-top: calc(1rem + var(--header-offset));
}
[vp-content] h1:first-child,
[vp-content] h2:first-child,
[vp-content] h3:first-child,
[vp-content] h4:first-child,
[vp-content] h5:first-child,
[vp-content] h6:first-child {
  margin-bottom: 1rem;
}
[vp-content] h1:first-child + p,
[vp-content] h1:first-child + pre,
[vp-content] h1:first-child + .custom-container,
[vp-content] h2:first-child + p,
[vp-content] h2:first-child + pre,
[vp-content] h2:first-child + .custom-container,
[vp-content] h3:first-child + p,
[vp-content] h3:first-child + pre,
[vp-content] h3:first-child + .custom-container,
[vp-content] h4:first-child + p,
[vp-content] h4:first-child + pre,
[vp-content] h4:first-child + .custom-container,
[vp-content] h5:first-child + p,
[vp-content] h5:first-child + pre,
[vp-content] h5:first-child + .custom-container,
[vp-content] h6:first-child + p,
[vp-content] h6:first-child + pre,
[vp-content] h6:first-child + .custom-container {
  margin-top: 2rem;
}
@media (max-width: 419px) {
  [vp-content] h1 {
    font-size: 1.9rem;
  }
}
[vp-content] a:not(.header-anchor) {
  text-decoration: underline;
}
[vp-content] img {
  max-width: 100%;
}

@media (max-width: 419px) {
  #content {
    --code-border-radius: 0;
    --tab-border-radius: 0;
  }
  #content > div[class*=language-],
  #content > .code-block-with-title > div[class*=language-] {
    margin-inline: -1.5rem;
  }
  #content .code-block-title-bar {
    margin-inline: -1.5rem;
  }
  #content > .vp-code-tabs .vp-code-tabs-nav {
    margin-inline: -1.5rem;
    border-radius: 0;
  }
  #content > .vp-code-tabs div[class*=language-] {
    margin-inline: -1.5rem;
  }
  #content > .vp-tabs {
    margin-inline: -1.5rem;
    border-inline: none;
  }
  #content .vp-reveal {
    width: calc(100% + 3rem);
    margin: 0 -1.5rem;
  }
}

.table-of-contents .vp-badge {
  vertical-align: middle;
}

.arrow {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  line-height: normal;
  transition: all 0.3s;
}
[data-theme=dark] .arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(255,255,255,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
}
.arrow.down {
  transform: rotate(180deg);
}
.arrow.right {
  transform: rotate(90deg);
}
[dir=rtl] .arrow.right {
  transform: rotate(-90deg);
}
.arrow.left {
  transform: rotate(-90deg);
}
[dir=rtl] .arrow.left {
  transform: rotate(90deg);
}

.vp-external-link-icon::after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 11px;
  height: 11px;
  margin-top: -1px;
  margin-inline-start: 4px;
  background: var(--external-link-c-icon);
  -webkit-mask-image: var(--external-link-icon);
          mask-image: var(--external-link-icon);
}

.external-link-icon .external-link::after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 11px;
  height: 11px;
  margin-top: -1px;
  margin-inline-start: 4px;
  background: var(--external-link-c-icon);
  -webkit-mask-image: var(--external-link-icon);
          mask-image: var(--external-link-icon);
}
.external-link-icon [vp-content] a[href*="://"]:not(.no-external-link-icon)::after,
.external-link-icon [vp-content] a[target=_blank]:not(.no-external-link-icon)::after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 11px;
  height: 11px;
  margin-top: -1px;
  margin-inline-start: 4px;
  background: var(--external-link-c-icon);
  -webkit-mask-image: var(--external-link-icon);
          mask-image: var(--external-link-icon);
}

:root {
  scroll-behavior: smooth;
}

@media screen and (max-width: 719px) {
  .vp-hide-mobile {
    display: none;
  }
}

.vp-comment {
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 2rem 2.5rem;
}
@media (max-width: 959px) {
  .vp-comment {
    padding: 2rem;
  }
}
@media (max-width: 419px) {
  .vp-comment {
    padding: 1.5rem;
  }
}

.vp-navbar {
  /* stylelint-disable-next-line selector-class-pattern */
}
.vp-navbar .DocSearch {
  transition: background-color var(--vp-t-color);
}
.vp-navbar .search-box {
  vertical-align: top;
  flex: 0 0 auto;
}

@media screen and (max-width: 719px) {
  .hint-container {
    margin-inline: -0.75rem;
  }
}

:root {
  --vp-c-brand: #0044d4;
  --vp-c-brand-light: #4d7ce1;
  --vp-c-accent: var(--vp-c-brand);
  --vp-c-accent-bg: var(--vp-c-brand);
  --vp-c-accent-hover: var(--vp-c-brand-light);
  --vp-font-family-base: var(--r-font-family);
  --vp-font-family-mono: var(--r-font-family-mono);
  --vp-c-text-mute: #6a8bad;
  --vp-c-bg-alt: #f3f4f5;
  --vp-c-border-hard: #dfe2e5;
  --vp-c-text: #2c3e50;
  --vp-c-border: #eaecef;
  --code-bg-color: #282c34;
  --code-hl-bg-color: rgba(0, 0, 0, 0.66);
  --code-ln-color: #9e9e9e;
  --vp-c-code-tab-title: var(--code-c-text, rgb(255 255 255 / 90%));
  --vp-c-code-tab-bg: #282c34;
  --vp-c-code-tab-active: var(--vp-c-accent);
}

[data-theme=dark] {
  --vp-c-brand: #266afe;
  --vp-c-brand-light: #4d7ce1;
  --vp-c-brand-1: #3aa675;
  --vp-c-brand-2: #349469;
  --vp-c-bg: #22272e;
  --vp-c-bg-soft: #2b313a;
  --vp-c-bg-soft-up: #262c34;
  --vp-c-bg-alt: #2b313a;
  --vp-c-gutter: #343b44;
  --vp-c-text: #adbac7;
  --vp-c-text-1: #adbac7;
  --vp-c-text-2: #96a7b7;
  --vp-c-text-3: #8b9eb0;
  --vp-c-border: #3e4c5a;
  --vp-c-divider: #34404c;
  --vp-c-tip-1: #318a62;
  --vp-c-warning-1: #fdca31;
  --vp-c-warning-soft: #2d2f2d;
  --vp-c-danger-1: #fc2d3b;
  --vp-c-danger-soft: #39232c;
  --vp-c-details-bg: #323843;
  --vp-code-hl-bg: #363b46;
}
[data-theme=dark] .vp-home .vp-hero .vp-hero-action-button.primary {
  color: #eee;
}

.vp-doc table {
  width: 100%;
  display: table;
  table-layout: fixed;
  overflow-wrap: break-word;
}

.vp-doc a:hover {
  text-decoration: underline;
}

.vp-doc img {
  max-width: 100%;
}

.vp-doc :is(h1, h2, h3, h4, h5, h6) {
  margin-top: calc(0.5rem - var(--vp-nav-height));
  padding-top: calc(1rem + var(--vp-nav-height));
  margin-bottom: 0;
}

.vp-doc :is(h1, h2, h3, h4, h5, h6):first-child {
  margin-bottom: 1rem;
}

.vp-doc :is(h1, h2, h3, h4, h5, h6):first-child + :is(p, pre, .custom-container) {
  margin-top: 2rem;
}

.VTSidebarItem.is-active .VPLink {
  font-weight: bold;
}

[vp-content] a:not(.header-anchor) {
  text-decoration: none;
}

.vp-page-nav .auto-link {
  padding: 0.75rem 1.5rem;
}

a.header-anchor::before {
  content: "#" !important;
  font-size: inherit !important;
  top: 0 !important;
}:root{--search-c-bg: var(--vp-c-bg);--search-c-accent: var(--vp-c-accent);--search-c-text: var(--vp-c-text);--search-c-divider: var(--vp-c-divider);--search-c-item-text: var(--vp-c-text-subtle);--search-c-item-focus: var(--vp-c-bg-alt);--search-input-width: 8rem;--search-result-width: 20rem}

/*# sourceMappingURL=vars.css.map */.search-box{position:relative;display:inline-block;margin-inline-start:1rem}@media print{.search-box{display:none}}.search-box input{display:inline-block;width:var(--search-input-width);height:2rem;padding-block:0;padding-inline:2rem .5rem;border:1px solid var(--search-c-divider);border-radius:2rem;background:var(--search-c-bg) url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='13'%3e%3cg%20stroke-width='2'%20stroke='%23aaa'%20fill='none'%3e%3cpath%20d='M11.29%2011.71l-4-4'/%3e%3ccircle%20cx='5'%20cy='5'%20r='4'/%3e%3c/g%3e%3c/svg%3e") .6rem .5rem no-repeat;background-size:1rem;color:var(--search-c-text);outline:none;font-size:.9rem;line-height:2rem;cursor:text;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all ease .3s}@media(max-width: 719px){.search-box input{position:relative;width:0;border-color:rgba(0,0,0,0);cursor:pointer}}.search-box input:focus{border-color:var(--search-c-accent);cursor:auto}@media(max-width: 719px){.search-box input:focus{inset-inline-start:0;width:10rem;cursor:text}}@media(max-width: 419px){.search-box input:focus{width:8rem}}.search-box .suggestions{position:absolute;inset-inline-end:0;top:2rem;width:var(--search-result-width);padding:.4rem;border:1px solid var(--search-c-divider);border-radius:6px;background:var(--search-c-bg);list-style-type:none}@media(max-width: 419px){.search-box .suggestions{inset-inline-end:-0.5rem;width:calc(100vw - 4rem)}}.search-box .suggestion{padding:.4rem .6rem;border-radius:4px;line-height:1.4;cursor:pointer}.search-box .suggestion a{color:var(--search-c-item-text);white-space:normal}.search-box .suggestion.focus{background-color:var(--search-c-item-focus)}.search-box .suggestion.focus a{color:var(--search-c-accent)}.search-box .suggestion .page-title{font-weight:600}.search-box .suggestion .page-header{margin-inline-start:.25em;font-size:.9em}

/*# sourceMappingURL=search.css.map *//**
 * Do not edit directly
 * Generated on Thu Sep 26 2024 16:33:31 GMT-0400 (Eastern Daylight Saving Time)
 */

:root, :host {
  --r-border-radius-1: 0.125rem /* 0.125rem 1 border radius*/;
  --r-border-radius-2: 0.25rem /* 0.25rem 2 border radius*/;
  --r-border-radius-3: 0.5rem /* 0.5rem 3 border radius*/;
  --r-border-radius-25: 0.375rem /* 0.375rem 25 border radius*/;
  --r-border-radius-pill: 624.9375rem /* 624.9375rem pill border radius*/;
  --r-border-radius-circle: 50% /* 50% circle border radius*/;
  --r-breakpoints-xs: 576px /* 576px 576px breakpoint value*/;
  --r-breakpoints-s: 768px /* 768px 768px breakpoint value*/;
  --r-breakpoints-m: 1040px /* 1040px 1040px breakpoint value*/;
  --r-breakpoints-l: 1200px /* 1200px 1200px breakpoint value*/;
  --r-breakpoints-xl: 1400px /* 1400px 1400px breakpoint value*/;
  --r-mono-0: #FFFFFF /* #FFFFFF mono 0 color*/;
  --r-mono-100: #000000 /* #000000 mono 100 color*/;
  --r-background: #F5F5F5 /* #F5F5F5 base background color*/;
  --r-background-hover: #E0E0E0 /* #E0E0E0 background hover color*/;
  --r-surface: #FFFFFF /* #FFFFFF base surface color*/;
  --r-surface-secondary: #F9F9F9 /* #F9F9F9 surface secondary color*/;
  --r-surface-tertiary: #F5F5F5 /* #F5F5F5 surface tertiary color*/;
  --r-surface-hover: #F5F5F5 /* #F5F5F5 surface hover color*/;
  --r-surface-success: #DDF5E0 /* #DDF5E0 surface success color*/;
  --r-surface-success-muted: #F2FBF2 /* #F2FBF2 surface success muted color*/;
  --r-surface-warning: #FCF0BF /* #FCF0BF surface warning color*/;
  --r-surface-warning-muted: #FDF9E5 /* #FDF9E5 surface warning muted color*/;
  --r-surface-danger: #FBE1E1 /* #FBE1E1 surface danger color*/;
  --r-surface-danger-muted: #FDF3F3 /* #FDF3F3 surface danger muted color*/;
  --r-surface-info: #E1E9FA /* #E1E9FA surface info color*/;
  --r-surface-info-muted: #F3F6FD /* #F3F6FD surface info muted color*/;
  --r-surface-dark: #4C5361 /* #4C5361 surface dark color*/;
  --r-surface-dark-hover: #414753 /* #414753 surface hover dark color*/;
  --r-primary: #0044D4 /* #0044D4 base primary color*/;
  --r-primary-hover: #093AA5 /* #093AA5 primary hover color*/;
  --r-complementary-success: #22BC32 /* #22BC32 base complementary success color*/;
  --r-complementary-success-hover: #1EA02B /* #1EA02B base complementary success color hover*/;
  --r-complementary-success-dark: #0C4112 /* #0C4112 base complementary success dark color*/;
  --r-complementary-warning: #F1C400 /* #F1C400 base complementary warning color*/;
  --r-complementary-warning-hover: #CDA700 /* #CDA700 base complementary warning color hover*/;
  --r-complementary-warning-dark: #544400 /* #544400 base complementary warning dark color*/;
  --r-complementary-danger: #E53935 /* #E53935 base complementary danger color*/;
  --r-complementary-danger-hover: #C3302D /* #C3302D base complementary danger color hover*/;
  --r-complementary-danger-dark: #501412 /* #501412 base complementary danger dark color*/;
  --r-complementary-info: #3B6EDE /* #3B6EDE base complementary info color*/;
  --r-complementary-info-hover: #325DBD /* #325DBD base complementary info color hover*/;
  --r-complementary-info-dark: #182C59 /* #182C59 base complementary info dark color*/;
  --r-border: #DDDDDD /* #DDDDDD base border color*/;
  --r-border-muted: #E8E8E8 /* #E8E8E8 border muted color*/;
  --r-border-strong: #C9C9C9 /* #C9C9C9 border strong color*/;
  --r-border-strong-hover: #9E9E9E /* #9E9E9E border hover strong color*/;
  --r-border-success: #6FD37A /* #6FD37A border success color*/;
  --r-border-warning: #F2CA1A /* #F2CA1A border warning color*/;
  --r-border-danger: #E6423F /* #E6423F border danger color*/;
  --r-border-info: #7FA0E9 /* #7FA0E9 border info color*/;
  --r-border-dark: #363A44 /* #363A44 border dark color*/;
  --r-icon: #484848 /* #484848 base icon color*/;
  --r-icon-hover: #232323 /* #232323 icon hover color*/;
  --r-icon-on-surface: #FFFFFF /* #FFFFFF icon on surface color*/;
  --r-text: #1a1a1a /* #1a1a1a base text color*/;
  --r-text-on-surface: #FFFFFF /* #FFFFFF text on surface color*/;
  --r-text-muted: #5f5f5f /* #5f5f5f text muted color*/;
  --r-overlay: #1A1A1A66 /* #1A1A1A66 overlay base color*/;
  --r-focus: #3D79FC /* #3D79FC Focus color*/;
  --r-font-family: -apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial sans-serif /* -apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial sans-serif the base font family*/;
  --r-font-family-mono: 'SFMono-Medium', 'SF Mono', 'Segoe UI Mono', 'Roboto Mono', 'Ubuntu Mono', Menlo, Consolas, Courier, monospace /* 'SFMono-Medium', 'SF Mono', 'Segoe UI Mono', 'Roboto Mono', 'Ubuntu Mono', Menlo, Consolas, Courier, monospace the base mono font family*/;
  --r-font-size-7xl: 4.875rem /* 4.875rem 7xl font size*/;
  --r-font-size-6xl: 3.25rem /* 3.25rem 6xl font size*/;
  --r-font-size-5xl: 2.5rem /* 2.5rem 5xl font size*/;
  --r-font-size-4xl: 2.125rem /* 2.125rem 5xl font size*/;
  --r-font-size-3xl: 1.75rem /* 1.75rem 3xl font size*/;
  --r-font-size-2xl: 1.5rem /* 1.5rem 2xl font size*/;
  --r-font-size-xl: 1.25rem /* 1.25rem xl font size*/;
  --r-font-size-l: 1rem /* 1rem large font size*/;
  --r-font-size-m: 0.875rem /* 0.875rem medium font size*/;
  --r-font-size-s: 0.75rem /* 0.75rem small font size*/;
  --r-font-line-height-7xl: 6rem /* 6rem 7xl font line height size*/;
  --r-font-line-height-6xl: 3.875rem /* 3.875rem 6xl font line height size*/;
  --r-font-line-height-5xl: 3.125rem /* 3.125rem 5xl font line height size*/;
  --r-font-line-height-4xl: 2.875rem /* 2.875rem 4xl font line height size*/;
  --r-font-line-height-3xl: 2.25rem /* 2.25rem 3xl font line height size*/;
  --r-font-line-height-2xl: 2rem /* 2rem 2xl font line height size*/;
  --r-font-line-height-xl: 1.75rem /* 1.75rem xl font line height size*/;
  --r-font-line-height-l: 1.5rem /* 1.5rem large font line height size*/;
  --r-font-line-height-m: 1.25rem /* 1.25rem medium font line height size*/;
  --r-font-line-height-s: 1rem /* 1rem small font line height size*/;
  --r-font-weight-regular: 400 /* 400 regular font weight*/;
  --r-font-weight-medium: 500 /* 500 medium font weight*/;
  --r-font-weight-semi-bold: 600 /* 600 semi-bold font weight*/;
  --r-font-weight-bold: 700 /* 700 bold font weight*/;
  --r-font-weight-extra-bold: 800 /* 800 extra-bold font weight*/;
  --r-motion-linear: cubic-bezier(0, 0, 1, 1) /* cubic-bezier(0, 0, 1, 1) linear motion*/;
  --r-motion-ease: cubic-bezier(0.25, 0.1, 0.25, 1) /* cubic-bezier(0.25, 0.1, 0.25, 1) ease motion*/;
  --r-motion-ease-in: cubic-bezier(0.42, 0, 1, 1) /* cubic-bezier(0.42, 0, 1, 1) ease-in motion*/;
  --r-motion-ease-out: cubic-bezier(0, 0, 0.58, 1) /* cubic-bezier(0, 0, 0.58, 1) ease-out motion*/;
  --r-motion-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1) /* cubic-bezier(0.42, 0, 0.58, 1) ease-in-out motion*/;
  --r-motion-duration-0: 0 /* 0 motion duration 0*/;
  --r-motion-duration-50: 50ms /* 50ms motion duration 50ms*/;
  --r-motion-duration-100: 100ms /* 100ms motion duration 100ms*/;
  --r-motion-duration-150: 150ms /* 150ms motion duration 150ms*/;
  --r-motion-duration-200: 200ms /* 200ms motion duration 200ms*/;
  --r-motion-duration-300: 300ms /* 300ms motion duration 300ms*/;
  --r-motion-duration-400: 400ms /* 400ms motion duration 400ms*/;
  --r-motion-duration-500: 500ms /* 500ms motion duration 500ms*/;
  --r-shadow-0: none /* none box shadow 0 value*/;
  --r-shadow-10: 0 1px 2px 0 rgba(100, 100, 100, 0.24), 0 4px 4px 0 rgba(100, 100, 100, 0.05) /* 0 1px 2px 0 rgba(100, 100, 100, 0.24), 0 4px 4px 0 rgba(100, 100, 100, 0.05) box shadow 10 value*/;
  --r-shadow-20: 0 7px 14px 0 rgba(100, 100, 100, 0.15), 0 3px 6px 0 rgba(100, 100, 100, 0.07) /* 0 7px 14px 0 rgba(100, 100, 100, 0.15), 0 3px 6px 0 rgba(100, 100, 100, 0.07) box shadow 20 value*/;
  --r-shadow-30: 0 3px 6px 0 rgba(100, 100, 100, 0.2), 0 7px 14px 0 rgba(100, 100, 100, 0.35) /* 0 3px 6px 0 rgba(100, 100, 100, 0.2), 0 7px 14px 0 rgba(100, 100, 100, 0.35) box shadow 30 value*/;
  --r-shadow-40: 0 20px 40px -8px rgba(100, 100, 100, 0.18), 0 3px 6px 0 rgba(100, 100, 100, 0.07) /* 0 20px 40px -8px rgba(100, 100, 100, 0.18), 0 3px 6px 0 rgba(100, 100, 100, 0.07) box shadow 40 value*/;
  --r-shadow-inset-10: 0 0 0 1px rgba(100, 100, 100, 0.03), 0 1px 2px 0 rgba(100, 100, 100, 0.24), 0 4px 4px 0 rgba(100, 100, 100, 0.05) /* 0 0 0 1px rgba(100, 100, 100, 0.03), 0 1px 2px 0 rgba(100, 100, 100, 0.24), 0 4px 4px 0 rgba(100, 100, 100, 0.05) box shadow with border effect 10 value*/;
  --r-shadow-inset-20: 0 0 0 1px rgba(100, 100, 100, 0.09), 0 7px 14px 0 rgba(100, 100, 100, 0.15), 0 3px 6px 0 rgba(100, 100, 100, 0.07) /* 0 0 0 1px rgba(100, 100, 100, 0.09), 0 7px 14px 0 rgba(100, 100, 100, 0.15), 0 3px 6px 0 rgba(100, 100, 100, 0.07) box shadow with border effect 20 value*/;
  --r-space-0: 0 /* 0 0 space unit*/;
  --r-space-1: 0.125rem /* 0.125rem 1 space unit*/;
  --r-space-2: 0.25rem /* 0.25rem 2 space unit*/;
  --r-space-3: 0.5rem /* 0.5rem 3 space unit*/;
  --r-space-4: 0.75rem /* 0.75rem 4 space unit*/;
  --r-space-5: 1rem /* 1rem 5 space unit*/;
  --r-space-6: 1.25rem /* 1.25rem 6 space unit*/;
  --r-space-7: 1.5rem /* 1.5rem 7 space unit*/;
  --r-space-8: 1.75rem /* 1.75rem 8 space unit*/;
  --r-space-9: 2rem /* 2rem 9 space unit*/;
  --r-space-10: 2.5rem /* 2.5rem 10 space unit*/;
  --r-space-11: 3rem /* 3rem 11 space unit*/;
  --r-space-12: 4rem /* 4rem 12 space unit*/;
  --r-space-13: 5rem /* 5rem 13 space unit*/;
  --r-space-14: 7.5rem /* 7.5rem 14 space unit*/;
  --r-space-15: 10rem /* 10rem 15 space unit*/;
  --r-z-index-5: 50 /* 50 50 value z-index*/;
  --r-z-index-10: 100 /* 100 100 value z-index*/;
  --r-z-index-15: 150 /* 150 150 value z-index*/;
  --r-z-index-20: 200 /* 200 200 value z-index*/;
  --r-z-index-25: 250 /* 250 250 value z-index*/;
  --r-z-index-30: 300 /* 300 300 value z-index*/;
  --r-z-index-35: 350 /* 350 350 value z-index*/;
  --r-z-index-40: 400 /* 400 400 value z-index*/;
  --r-z-index-45: 450 /* 450 450 value z-index*/;
  --r-z-index-50: 500 /* 500 500 value z-index*/;
  --r-z-index-55: 550 /* 550 550 value z-index*/;
  --r-z-index-60: 600 /* 600 600 value z-index*/;
  --r-z-index-65: 650 /* 650 650 value z-index*/;
  --r-z-index-70: 700 /* 700 700 value z-index*/;
}
/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
html,
:root,
:host {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

body,
.article {
  font-family: var(--r-font-family);
}

*,
*:before,
*:after {
  box-sizing: inherit;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/*
// -----------------------------------------------------------------------------
// This file contains all styles related to the grid system.
// -----------------------------------------------------------------------------
*/
/* Container */
.r-container {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--r-space-9);
  padding-right: var(--r-space-9);
  width: 100%;
}

@media screen and (min-width: 1400px) {
  .r-container {
    max-width: 1140px;
  }
}
@media screen and (max-width: 1199px) {
  .r-container {
    padding-left: var(--r-space-6);
    padding-right: var(--r-space-6);
  }
}
/* Fluid container */
.r-container-fluid {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--r-space-9);
  padding-right: var(--r-space-9);
  width: 100%;
}

@media screen and (max-width: 1199px) {
  .r-container-fluid {
    padding-left: var(--r-space-6);
    padding-right: var(--r-space-6);
  }
}
/* Grid */
.r-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: calc(var(--r-space-6) * -1 / 2);
}

@media screen and (max-width: 1039px) {
  .r-grid {
    display: block;
  }
}
.r-grid.r-grid-unstackable {
  flex-wrap: nowrap;
}

@media screen and (max-width: 1199px) {
  .r-grid.r-grid-unstackable {
    display: flex;
  }
}
.r-grid + .r-grid {
  margin-top: calc(var(--r-space-6) / 2);
}

.r-grid > .r-grid-item {
  flex: 1 0;
  padding: calc(var(--r-space-6) / 2);
}

@media screen and (max-width: 575px) {
  .r-grid > .r-grid-item {
    width: 100%;
  }
}
.r-grid > .r-grid-item.r-grid-item-compact {
  width: 0;
}

@media screen and (max-width: 767px) {
  .r-grid > .r-grid-item.r-grid-item-compact {
    width: 100%;
  }
}
/* Grid content */
/* TODO: Change grid content element to use grid class */
.r-grid-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: calc(var(--r-space-3) * -1);
}

@media screen and (max-width: 1199px) {
  .r-grid-content {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .r-grid-content {
    display: block;
  }
}
.r-grid-content.r-grid-unstackable {
  flex-wrap: nowrap;
}

@media screen and (max-width: 1199px) {
  .r-grid-content.r-grid-unstackable {
    display: flex;
  }
}
.r-grid-content + .r-grid-content {
  margin-top: var(--r-space-3);
}

.r-grid-content > .r-grid-item {
  flex: 1 0;
  padding: var(--r-space-3);
}

@media screen and (max-width: 767px) {
  .r-grid-content > .r-grid-item {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .r-grid-content.r-grid-unstackable > .r-grid-item {
    width: auto;
    flex: 1 0;
  }
}
/* Grid fitted */
.r-grid-fitted {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
}

.r-grid-fitted.r-grid-unstackable {
  flex-wrap: nowrap;
}

@media screen and (max-width: 1199px) {
  .r-grid-fitted.r-grid-unstackable {
    display: flex;
  }
}
.r-grid-fitted + .r-grid-content {
  margin-top: 0;
}

.r-grid-fitted > .r-grid-item {
  flex: 1 0;
  padding: 0;
}

@media screen and (max-width: 575px) {
  .r-grid-fitted > .r-grid-item {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .r-grid-fitted.r-grid-unstackable > .r-grid-item {
    width: auto;
    flex: 1 0;
  }
}
/* Grid items */
.r-grid-item.r-grid-item-primary {
  flex: 2 1 30rem;
}

.r-grid-item.r-grid-item-secondary {
  flex: 1 0 15rem;
}

.r-grid-item.r-grid-item-full {
  flex: 0 0 100%;
}

.r-grid-item.r-grid-item-half {
  flex: 0 0 50%;
}

.r-grid-item.r-grid-item-third {
  flex: 0 0 33.33%;
}

.r-grid-item.r-grid-item-quarter {
  flex: 0 0 25%;
}

/* Grid items offsets */
.r-grid-item.r-grid-item-offset-half {
  margin-left: 50%;
}

.r-grid-item.r-grid-item-offset-third {
  margin-left: 33.33%;
}

.r-grid-item.r-grid-item-offset-quarter {
  margin-left: 25%;
}

@media screen and (max-width: 767px) {
  .r-grid-item.r-grid-item-offset-half,
  .r-grid-item.r-grid-item-offset-third,
  .r-grid-item.r-grid-item-offset-quarter {
    margin: 0;
  }
}
/* Grid items breaks */
.r-grid-item-break-half {
  margin-right: 50%;
}

@media screen and (max-width: 767px) {
  .r-grid-item-break-half {
    margin-right: 0;
  }
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/**
* Spatial
*/
/**
* Generate inset helpers.
*/
.r-inset-0 {
  padding: var(--r-space-0) !important;
}

.r-inset-1 {
  padding: var(--r-space-1) !important;
}

.r-inset-2 {
  padding: var(--r-space-2) !important;
}

.r-inset-3 {
  padding: var(--r-space-3) !important;
}

.r-inset-4 {
  padding: var(--r-space-4) !important;
}

.r-inset-5 {
  padding: var(--r-space-5) !important;
}

.r-inset-6 {
  padding: var(--r-space-6) !important;
}

.r-inset-7 {
  padding: var(--r-space-7) !important;
}

.r-inset-8 {
  padding: var(--r-space-8) !important;
}

.r-inset-9 {
  padding: var(--r-space-9) !important;
}

.r-inset-10 {
  padding: var(--r-space-10) !important;
}

.r-inset-11 {
  padding: var(--r-space-11) !important;
}

.r-inset-12 {
  padding: var(--r-space-12) !important;
}

.r-inset-13 {
  padding: var(--r-space-13) !important;
}

.r-inset-14 {
  padding: var(--r-space-14) !important;
}

.r-inset-15 {
  padding: var(--r-space-15) !important;
}

/**
* Generate stack helpers.
*/
.r-stack-0 {
  margin: 0 0 var(--r-space-0) 0 !important;
}

.r-stack-1 {
  margin: 0 0 var(--r-space-1) 0 !important;
}

.r-stack-2 {
  margin: 0 0 var(--r-space-2) 0 !important;
}

.r-stack-3 {
  margin: 0 0 var(--r-space-3) 0 !important;
}

.r-stack-4 {
  margin: 0 0 var(--r-space-4) 0 !important;
}

.r-stack-5 {
  margin: 0 0 var(--r-space-5) 0 !important;
}

.r-stack-6 {
  margin: 0 0 var(--r-space-6) 0 !important;
}

.r-stack-7 {
  margin: 0 0 var(--r-space-7) 0 !important;
}

.r-stack-8 {
  margin: 0 0 var(--r-space-8) 0 !important;
}

.r-stack-9 {
  margin: 0 0 var(--r-space-9) 0 !important;
}

.r-stack-10 {
  margin: 0 0 var(--r-space-10) 0 !important;
}

.r-stack-11 {
  margin: 0 0 var(--r-space-11) 0 !important;
}

.r-stack-12 {
  margin: 0 0 var(--r-space-12) 0 !important;
}

.r-stack-13 {
  margin: 0 0 var(--r-space-13) 0 !important;
}

.r-stack-14 {
  margin: 0 0 var(--r-space-14) 0 !important;
}

.r-stack-15 {
  margin: 0 0 var(--r-space-15) 0 !important;
}

/**
* Generate inline helpers.
*/
.r-inline-0 {
  margin: 0 var(--r-space-0) 0 0 !important;
}

.r-inline-1 {
  margin: 0 var(--r-space-1) 0 0 !important;
}

.r-inline-2 {
  margin: 0 var(--r-space-2) 0 0 !important;
}

.r-inline-3 {
  margin: 0 var(--r-space-3) 0 0 !important;
}

.r-inline-4 {
  margin: 0 var(--r-space-4) 0 0 !important;
}

.r-inline-5 {
  margin: 0 var(--r-space-5) 0 0 !important;
}

.r-inline-6 {
  margin: 0 var(--r-space-6) 0 0 !important;
}

.r-inline-7 {
  margin: 0 var(--r-space-7) 0 0 !important;
}

.r-inline-8 {
  margin: 0 var(--r-space-8) 0 0 !important;
}

.r-inline-9 {
  margin: 0 var(--r-space-9) 0 0 !important;
}

.r-inline-10 {
  margin: 0 var(--r-space-10) 0 0 !important;
}

.r-inline-11 {
  margin: 0 var(--r-space-11) 0 0 !important;
}

.r-inline-12 {
  margin: 0 var(--r-space-12) 0 0 !important;
}

.r-inline-13 {
  margin: 0 var(--r-space-13) 0 0 !important;
}

.r-inline-14 {
  margin: 0 var(--r-space-14) 0 0 !important;
}

.r-inline-15 {
  margin: 0 var(--r-space-15) 0 0 !important;
}

/**
* Generate margin helper classes like r-mt-0, r-mr-1, etc.
*/
.r-mt-0 {
  margin-top: var(--r-space-0) !important;
}

.r-mb-0 {
  margin-bottom: var(--r-space-0) !important;
}

.r-ml-0 {
  margin-left: var(--r-space-0) !important;
}

.r-mr-0 {
  margin-right: var(--r-space-0) !important;
}

.r-mt-1 {
  margin-top: var(--r-space-1) !important;
}

.r-mb-1 {
  margin-bottom: var(--r-space-1) !important;
}

.r-ml-1 {
  margin-left: var(--r-space-1) !important;
}

.r-mr-1 {
  margin-right: var(--r-space-1) !important;
}

.r-mt-2 {
  margin-top: var(--r-space-2) !important;
}

.r-mb-2 {
  margin-bottom: var(--r-space-2) !important;
}

.r-ml-2 {
  margin-left: var(--r-space-2) !important;
}

.r-mr-2 {
  margin-right: var(--r-space-2) !important;
}

.r-mt-3 {
  margin-top: var(--r-space-3) !important;
}

.r-mb-3 {
  margin-bottom: var(--r-space-3) !important;
}

.r-ml-3 {
  margin-left: var(--r-space-3) !important;
}

.r-mr-3 {
  margin-right: var(--r-space-3) !important;
}

.r-mt-4 {
  margin-top: var(--r-space-4) !important;
}

.r-mb-4 {
  margin-bottom: var(--r-space-4) !important;
}

.r-ml-4 {
  margin-left: var(--r-space-4) !important;
}

.r-mr-4 {
  margin-right: var(--r-space-4) !important;
}

.r-mt-5 {
  margin-top: var(--r-space-5) !important;
}

.r-mb-5 {
  margin-bottom: var(--r-space-5) !important;
}

.r-ml-5 {
  margin-left: var(--r-space-5) !important;
}

.r-mr-5 {
  margin-right: var(--r-space-5) !important;
}

.r-mt-6 {
  margin-top: var(--r-space-6) !important;
}

.r-mb-6 {
  margin-bottom: var(--r-space-6) !important;
}

.r-ml-6 {
  margin-left: var(--r-space-6) !important;
}

.r-mr-6 {
  margin-right: var(--r-space-6) !important;
}

.r-mt-7 {
  margin-top: var(--r-space-7) !important;
}

.r-mb-7 {
  margin-bottom: var(--r-space-7) !important;
}

.r-ml-7 {
  margin-left: var(--r-space-7) !important;
}

.r-mr-7 {
  margin-right: var(--r-space-7) !important;
}

.r-mt-8 {
  margin-top: var(--r-space-8) !important;
}

.r-mb-8 {
  margin-bottom: var(--r-space-8) !important;
}

.r-ml-8 {
  margin-left: var(--r-space-8) !important;
}

.r-mr-8 {
  margin-right: var(--r-space-8) !important;
}

.r-mt-9 {
  margin-top: var(--r-space-9) !important;
}

.r-mb-9 {
  margin-bottom: var(--r-space-9) !important;
}

.r-ml-9 {
  margin-left: var(--r-space-9) !important;
}

.r-mr-9 {
  margin-right: var(--r-space-9) !important;
}

.r-mt-10 {
  margin-top: var(--r-space-10) !important;
}

.r-mb-10 {
  margin-bottom: var(--r-space-10) !important;
}

.r-ml-10 {
  margin-left: var(--r-space-10) !important;
}

.r-mr-10 {
  margin-right: var(--r-space-10) !important;
}

.r-mt-11 {
  margin-top: var(--r-space-11) !important;
}

.r-mb-11 {
  margin-bottom: var(--r-space-11) !important;
}

.r-ml-11 {
  margin-left: var(--r-space-11) !important;
}

.r-mr-11 {
  margin-right: var(--r-space-11) !important;
}

.r-mt-12 {
  margin-top: var(--r-space-12) !important;
}

.r-mb-12 {
  margin-bottom: var(--r-space-12) !important;
}

.r-ml-12 {
  margin-left: var(--r-space-12) !important;
}

.r-mr-12 {
  margin-right: var(--r-space-12) !important;
}

.r-mt-13 {
  margin-top: var(--r-space-13) !important;
}

.r-mb-13 {
  margin-bottom: var(--r-space-13) !important;
}

.r-ml-13 {
  margin-left: var(--r-space-13) !important;
}

.r-mr-13 {
  margin-right: var(--r-space-13) !important;
}

.r-mt-14 {
  margin-top: var(--r-space-14) !important;
}

.r-mb-14 {
  margin-bottom: var(--r-space-14) !important;
}

.r-ml-14 {
  margin-left: var(--r-space-14) !important;
}

.r-mr-14 {
  margin-right: var(--r-space-14) !important;
}

.r-mt-15 {
  margin-top: var(--r-space-15) !important;
}

.r-mb-15 {
  margin-bottom: var(--r-space-15) !important;
}

.r-ml-15 {
  margin-left: var(--r-space-15) !important;
}

.r-mr-15 {
  margin-right: var(--r-space-15) !important;
}

/* Generating margin helpers */
.r-m-0 {
  margin: var(--r-space-0) !important;
}

.r-m-1 {
  margin: var(--r-space-1) !important;
}

.r-m-2 {
  margin: var(--r-space-2) !important;
}

.r-m-3 {
  margin: var(--r-space-3) !important;
}

.r-m-4 {
  margin: var(--r-space-4) !important;
}

.r-m-5 {
  margin: var(--r-space-5) !important;
}

.r-m-6 {
  margin: var(--r-space-6) !important;
}

.r-m-7 {
  margin: var(--r-space-7) !important;
}

.r-m-8 {
  margin: var(--r-space-8) !important;
}

.r-m-9 {
  margin: var(--r-space-9) !important;
}

.r-m-10 {
  margin: var(--r-space-10) !important;
}

.r-m-11 {
  margin: var(--r-space-11) !important;
}

.r-m-12 {
  margin: var(--r-space-12) !important;
}

.r-m-13 {
  margin: var(--r-space-13) !important;
}

.r-m-14 {
  margin: var(--r-space-14) !important;
}

.r-m-15 {
  margin: var(--r-space-15) !important;
}

/**
* Generate padding helper classes like r-mt-0, r-mr-1, etc.
*/
.r-pt-0 {
  padding-top: var(--r-space-0) !important;
}

.r-pb-0 {
  padding-bottom: var(--r-space-0) !important;
}

.r-pl-0 {
  padding-left: var(--r-space-0) !important;
}

.r-pr-0 {
  padding-right: var(--r-space-0) !important;
}

.r-pt-1 {
  padding-top: var(--r-space-1) !important;
}

.r-pb-1 {
  padding-bottom: var(--r-space-1) !important;
}

.r-pl-1 {
  padding-left: var(--r-space-1) !important;
}

.r-pr-1 {
  padding-right: var(--r-space-1) !important;
}

.r-pt-2 {
  padding-top: var(--r-space-2) !important;
}

.r-pb-2 {
  padding-bottom: var(--r-space-2) !important;
}

.r-pl-2 {
  padding-left: var(--r-space-2) !important;
}

.r-pr-2 {
  padding-right: var(--r-space-2) !important;
}

.r-pt-3 {
  padding-top: var(--r-space-3) !important;
}

.r-pb-3 {
  padding-bottom: var(--r-space-3) !important;
}

.r-pl-3 {
  padding-left: var(--r-space-3) !important;
}

.r-pr-3 {
  padding-right: var(--r-space-3) !important;
}

.r-pt-4 {
  padding-top: var(--r-space-4) !important;
}

.r-pb-4 {
  padding-bottom: var(--r-space-4) !important;
}

.r-pl-4 {
  padding-left: var(--r-space-4) !important;
}

.r-pr-4 {
  padding-right: var(--r-space-4) !important;
}

.r-pt-5 {
  padding-top: var(--r-space-5) !important;
}

.r-pb-5 {
  padding-bottom: var(--r-space-5) !important;
}

.r-pl-5 {
  padding-left: var(--r-space-5) !important;
}

.r-pr-5 {
  padding-right: var(--r-space-5) !important;
}

.r-pt-6 {
  padding-top: var(--r-space-6) !important;
}

.r-pb-6 {
  padding-bottom: var(--r-space-6) !important;
}

.r-pl-6 {
  padding-left: var(--r-space-6) !important;
}

.r-pr-6 {
  padding-right: var(--r-space-6) !important;
}

.r-pt-7 {
  padding-top: var(--r-space-7) !important;
}

.r-pb-7 {
  padding-bottom: var(--r-space-7) !important;
}

.r-pl-7 {
  padding-left: var(--r-space-7) !important;
}

.r-pr-7 {
  padding-right: var(--r-space-7) !important;
}

.r-pt-8 {
  padding-top: var(--r-space-8) !important;
}

.r-pb-8 {
  padding-bottom: var(--r-space-8) !important;
}

.r-pl-8 {
  padding-left: var(--r-space-8) !important;
}

.r-pr-8 {
  padding-right: var(--r-space-8) !important;
}

.r-pt-9 {
  padding-top: var(--r-space-9) !important;
}

.r-pb-9 {
  padding-bottom: var(--r-space-9) !important;
}

.r-pl-9 {
  padding-left: var(--r-space-9) !important;
}

.r-pr-9 {
  padding-right: var(--r-space-9) !important;
}

.r-pt-10 {
  padding-top: var(--r-space-10) !important;
}

.r-pb-10 {
  padding-bottom: var(--r-space-10) !important;
}

.r-pl-10 {
  padding-left: var(--r-space-10) !important;
}

.r-pr-10 {
  padding-right: var(--r-space-10) !important;
}

.r-pt-11 {
  padding-top: var(--r-space-11) !important;
}

.r-pb-11 {
  padding-bottom: var(--r-space-11) !important;
}

.r-pl-11 {
  padding-left: var(--r-space-11) !important;
}

.r-pr-11 {
  padding-right: var(--r-space-11) !important;
}

.r-pt-12 {
  padding-top: var(--r-space-12) !important;
}

.r-pb-12 {
  padding-bottom: var(--r-space-12) !important;
}

.r-pl-12 {
  padding-left: var(--r-space-12) !important;
}

.r-pr-12 {
  padding-right: var(--r-space-12) !important;
}

.r-pt-13 {
  padding-top: var(--r-space-13) !important;
}

.r-pb-13 {
  padding-bottom: var(--r-space-13) !important;
}

.r-pl-13 {
  padding-left: var(--r-space-13) !important;
}

.r-pr-13 {
  padding-right: var(--r-space-13) !important;
}

.r-pt-14 {
  padding-top: var(--r-space-14) !important;
}

.r-pb-14 {
  padding-bottom: var(--r-space-14) !important;
}

.r-pl-14 {
  padding-left: var(--r-space-14) !important;
}

.r-pr-14 {
  padding-right: var(--r-space-14) !important;
}

.r-pt-15 {
  padding-top: var(--r-space-15) !important;
}

.r-pb-15 {
  padding-bottom: var(--r-space-15) !important;
}

.r-pl-15 {
  padding-left: var(--r-space-15) !important;
}

.r-pr-15 {
  padding-right: var(--r-space-15) !important;
}

.r-mie-auto {
  margin-inline-end: auto !important;
}

.r-mis-auto {
  margin-inline-start: auto !important;
}

/**
* Text
*/
/* Variations */
.r-hide-text {
  overflow: hidden;
  padding: 0;
  text-indent: 101%;
  white-space: nowrap;
}

.r-fst-italic {
  font-style: italic !important;
}

.r-tt-lowercase {
  text-transform: lowercase !important;
}

.r-tt-titlecase {
  text-transform: capitalize !important;
}

.r-tt-uppercase {
  text-transform: uppercase !important;
}

.r-tt-sentencecase {
  text-transform: lowercase;
}

.r-tt-sentencecase::first-letter {
  text-transform: uppercase;
}

.r-tt-initial {
  text-transform: initial !important;
}

.r-td-overline {
  text-decoration: overline !important;
}

.r-td-line-through {
  text-decoration: line-through !important;
}

.r-td-underline {
  text-decoration: underline !important;
}

.r-td-0 {
  text-decoration: none !important;
}

.r-td-hover-0:hover, .r-td-hover-0:hover * {
  text-decoration: none !important;
}

.r-text-help {
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-style: dashed;
}

.r-text-blur {
  color: transparent !important;
  text-shadow: 0 0 10px var(--r-text-muted), 0 0 5px var(--r-text-muted) !important;
}

.r-text-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* Size */
.r-fs-s {
  font-size: var(--r-font-size-s) !important;
}

.r-fs-m {
  font-size: var(--r-font-size-m) !important;
}

.r-fs-l {
  font-size: var(--r-font-size-l) !important;
}

.r-fs-xl {
  font-size: var(--r-font-size-xl) !important;
}

.r-fs-2xl {
  font-size: var(--r-font-size-2xl) !important;
}

.r-fs-3xl {
  font-size: var(--r-font-size-3xl) !important;
}

.r-fs-4xl {
  font-size: var(--r-font-size-4xl) !important;
}

.r-fs-5xl {
  font-size: var(--r-font-size-5xl) !important;
}

.r-fs-6xl {
  font-size: var(--r-font-size-6xl) !important;
}

.r-fs-7xl {
  font-size: var(--r-font-size-7xl) !important;
}

/* Line height */
.r-lh-s {
  line-height: var(--r-font-line-height-s) !important;
}

.r-lh-m {
  line-height: var(--r-font-line-height-m) !important;
}

.r-lh-l {
  line-height: var(--r-font-line-height-l) !important;
}

.r-lh-xl {
  line-height: var(--r-font-line-height-xl) !important;
}

.r-lh-2xl {
  line-height: var(--r-font-line-height-2xl) !important;
}

.r-lh-3xl {
  line-height: var(--r-font-line-height-3xl) !important;
}

.r-lh-4xl {
  line-height: var(--r-font-line-height-4xl) !important;
}

.r-lh-5xl {
  line-height: var(--r-font-line-height-5xl) !important;
}

.r-lh-6xl {
  line-height: var(--r-font-line-height-6xl) !important;
}

.r-lh-7xl {
  line-height: var(--r-font-line-height-7xl) !important;
}

/* Weight */
.r-fw-regular {
  font-weight: var(--r-font-weight-regular) !important;
}

.r-fw-medium {
  font-weight: var(--r-font-weight-medium) !important;
}

.r-fw-semi-bold {
  font-weight: var(--r-font-weight-semi-bold) !important;
}

.r-fw-bold {
  font-weight: var(--r-font-weight-bold) !important;
}

.r-fw-extra-bold {
  font-weight: var(--r-font-weight-extra-bold) !important;
}

/* Aligment */
.r-text-right {
  text-align: right !important;
}

.r-text-left {
  text-align: left !important;
}

.r-text-center {
  text-align: center !important;
}

.r-text-justify {
  text-align: justify !important;
}

/* Wrap and break */
.r-text-wrap {
  text-wrap: wrap;
}

.r-text-nowrap {
  text-wrap: nowrap;
}

.r-text-wrap-balance {
  text-wrap: balance;
}

.r-text-wrap-pretty {
  text-wrap: pretty;
}

.r-text-wrap-stable {
  text-wrap: stable;
}

.r-wb-break-all {
  word-break: break-all !important;
}

.r-wb-keep-all {
  word-break: keep-all !important;
}

.r-wb-break-word {
  word-break: break-word !important;
}

.r-ws-nowrap {
  white-space: nowrap !important;
}

.r-ws-pre {
  white-space: pre !important;
}

.r-ws-pre-wrap {
  white-space: pre-wrap !important;
}

.r-ws-pre-line {
  white-space: pre-line !important;
}

.r-text-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Colors */
.r-text-muted {
  color: var(--r-text-muted) !important;
}

.r-text-on-surface {
  color: var(--r-text-on-surface) !important;
}

.r-text {
  color: var(--r-text) !important;
}

.r-text-primary {
  color: var(--r-primary) !important;
}

.r-text-success {
  color: var(--r-complementary-success) !important;
}

.r-text-warning {
  color: var(--r-complementary-warning) !important;
}

.r-text-danger {
  color: var(--r-complementary-danger) !important;
}

.r-text-info {
  color: var(--r-complementary-info) !important;
}

/* Vertical align */
.r-align-baseline {
  vertical-align: baseline !important;
}

.r-align-top {
  vertical-align: top !important;
}

.r-align-middle {
  vertical-align: middle !important;
}

.r-align-bottom {
  vertical-align: bottom !important;
}

.r-align-text-top {
  vertical-align: text-top !important;
}

.r-align-text-bottom {
  vertical-align: text-bottom !important;
}

.r-align-sub {
  vertical-align: sub !important;
}

.r-align-super {
  vertical-align: super !important;
}

/* Family */
.r-ff-sans-serif {
  font-family: var(--r-font-family) !important;
}

.r-ff-mono {
  font-family: var(--r-font-family-mono) !important;
}

/* Display */
.r-d-none {
  display: none !important;
}

.r-d-inline {
  display: inline !important;
}

.r-d-inline-block {
  display: inline-block !important;
}

.r-d-block {
  display: block !important;
}

.r-d-table {
  display: table !important;
}

.r-d-table-row {
  display: table-row !important;
}

.r-d-table-cell {
  display: table-cell !important;
}

.r-d-flex {
  display: flex !important;
}

.r-d-inline-flex {
  display: inline-flex !important;
}

/* Show / Hide */
.r-hide {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

@media screen and (max-width: 575px) {
  .r-hide-on-xs {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .r-hide-on-s {
    display: none !important;
  }
}

@media screen and (max-width: 1039px) {
  .r-hide-on-m {
    display: none !important;
  }
}

@media screen and (max-width: 1199px) {
  .r-hide-on-l {
    display: none !important;
  }
}

@media screen and (max-width: 1399px) {
  .r-hide-on-xl {
    display: none !important;
  }
}

@media screen and (max-width: 575px) {
  .r-show-on-xs {
    display: block !important;
  }
}

@media screen and (min-width: 1400px) {
  .r-show-on-s {
    display: none !important;
  }
}
@media screen and (max-width: 1399px) {
  .r-show-on-s {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .r-show-on-s {
    display: block !important;
  }
}

@media screen and (min-width: 1400px) {
  .r-show-on-m {
    display: none !important;
  }
}
@media screen and (max-width: 1399px) {
  .r-show-on-m {
    display: none !important;
  }
}
@media screen and (max-width: 1039px) {
  .r-show-on-m {
    display: block !important;
  }
}

@media screen and (min-width: 1400px) {
  .r-show-on-l {
    display: none !important;
  }
}
@media screen and (max-width: 1399px) {
  .r-show-on-l {
    display: none !important;
  }
}
@media screen and (max-width: 1199px) {
  .r-show-on-l {
    display: block !important;
  }
}

@media screen and (max-width: 1399px) {
  .r-show-on-xl {
    display: block !important;
  }
}

/* Layout */
@media screen and (max-width: 767px) {
  .r-equal-widths-container-on-s {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
.r-equal-widths-container-on-s > * {
  flex: 1 0;
}

/* flexbox */
.r-flex-none {
  flex: none !important;
}

/* Align items */
.r-align-items-center {
  align-items: center !important;
}

.r-align-items-start {
  align-items: flex-start !important;
}

.r-align-items-end {
  align-items: flex-end !important;
}

.r-align-items-stretch {
  align-items: stretch !important;
}

.r-align-items-baseline {
  align-items: baseline !important;
}

.r-align-self-start {
  align-self: flex-start !important;
}

.r-align-self-end {
  align-self: flex-end !important;
}

.r-align-self-center {
  align-self: center !important;
}

.r-align-self-baseline {
  align-self: baseline !important;
}

.r-align-self-stretch {
  align-self: stretch !important;
}

/* Justify content */
.r-justify-content-center {
  justify-content: center !important;
}

.r-justify-content-start {
  justify-content: flex-start !important;
}

.r-justify-content-end {
  justify-content: flex-end !important;
}

.r-justify-content-between {
  justify-content: space-between !important;
}

.r-justify-content-around {
  justify-content: space-around !important;
}

.r-justify-content-evenly {
  justify-content: space-evenly !important;
}

/* Wrap */
.r-flex-wrap {
  flex-wrap: wrap !important;
}

.r-flex-nowrap {
  flex-wrap: nowrap !important;
}

.r-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

/* Direction */
.r-flex-row {
  flex-direction: row !important;
}

.r-flex-row-reverse {
  flex-direction: row-reverse !important;
}

.r-flex-column {
  flex-direction: column !important;
}

.r-flex-column-reverse {
  flex-direction: column-reverse !important;
}

/* Border radius */
.r-rounded-0 {
  border-radius: 0 !important;
}

.r-rounded-1 {
  border-radius: var(--r-border-radius-1) !important;
}

.r-rounded-2 {
  border-radius: var(--r-border-radius-2) !important;
}

.r-rounded-3 {
  border-radius: var(--r-border-radius-3) !important;
}

.r-rounded-pill {
  border-radius: var(--r-border-radius-pill) !important;
}

.r-rounded-circle {
  border-radius: var(--r-border-radius-circle) !important;
}

/* Cursor */
.r-cursor-pointer {
  cursor: pointer !important;
}

.r-cursor-default {
  cursor: default !important;
}

.r-cursor-text {
  cursor: text !important;
}

.r-cursor-move {
  cursor: move !important;
}

.r-cursor-not-allowed {
  cursor: not-allowed !important;
}

/* Overflow */
.r-overflow-hidden {
  overflow: hidden !important;
}

.r-overflow-visible {
  overflow: visible !important;
}

.r-overflow-auto {
  overflow: auto !important;
}

.r-overflow-scroll {
  overflow: scroll !important;
}

.r-overflow-scroll-x {
  overflow-x: scroll !important;
}

.r-overflow-scroll-y {
  overflow-y: scroll !important;
}

.r-overflow-hidden-x {
  overflow-x: hidden !important;
}

.r-overflow-hidden-y {
  overflow-y: hidden !important;
}

.r-overflow-visible-x {
  overflow-x: visible !important;
}

.r-overflow-visible-y {
  overflow-y: visible !important;
}

.r-overflow-auto-x {
  overflow-x: auto !important;
}

.r-overflow-auto-y {
  overflow-y: auto !important;
}

/* Position */
.r-position-relative {
  position: relative !important;
}

.r-position-absolute {
  position: absolute !important;
}

.r-position-fixed {
  position: fixed !important;
}

.r-position-sticky {
  position: sticky !important;
}

/* Box shadow */
.r-shadow-0 {
  box-shadow: var(--r-shadow-0) !important;
}

.r-shadow-10 {
  box-shadow: var(--r-shadow-10) !important;
}

.r-shadow-20 {
  box-shadow: var(--r-shadow-20) !important;
}

.r-shadow-30 {
  box-shadow: var(--r-shadow-30) !important;
}

.r-shadow-40 {
  box-shadow: var(--r-shadow-40) !important;
}

.r-shadow-inset-10 {
  box-shadow: var(--r-shadow-inset-10) !important;
}

.r-shadow-inset-20 {
  box-shadow: var(--r-shadow-inset-20) !important;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/*
// -----------------------------------------------------------------------------
// This file contains all styles related to the r-table component.
// -----------------------------------------------------------------------------
*/
.r-table-control {
  width: 10px;
  max-width: 100%;
  min-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.r-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  font-family: var(--r-font-family);
  font-size: var(--r-font-size-m);
  line-height: var(--r-font-line-height-m);
}

.r-table th {
  font-weight: var(--r-font-weight-medium);
  text-align: left;
}

.r-table td,
.r-table th {
  padding: var(--r-space-3) var(--r-space-3);
  border: none;
  border-bottom: 1px solid var(--r-border);
  color: var(--r-text);
}

.r-table td {
  border-bottom: 1px solid var(--r-border-muted);
}

.r-table td:first-of-type,
.r-table th:first-of-type {
  padding-left: var(--r-space-5);
}

.r-table td:last-of-type,
.r-table th:last-of-type {
  padding-right: var(--r-space-5);
}

.r-table > tbody > tr:last-child > td {
  border-bottom: none;
}

.r-table tr {
  border: none;
}

.r-table tr:nth-child(2n) {
  background-color: transparent;
}

/**
* States
*/
/* Negative */
.r-table tr.is-negative td,
.r-table tr td.is-negative {
  color: var(--r-complementary-danger);
}

/* Positive */
.r-table tr.is-positive td,
.r-table tr td.is-positive {
  color: var(--r-complementary-success);
}

/* Numeric */
.r-table td.is-numeric,
.r-table td .is-numeric {
  font-family: var(--r-font-family-mono);
  text-align: right;
}

/* Button */
.r-table td .is-button {
  text-align: right;
}
.r-table td .is-button div[role=button] {
  overflow: visible;
}
.r-table td .is-button .r-icon {
  opacity: 0.5;
}
.r-table td .is-button:hover .r-button {
  box-shadow: inset 0 0 0 1px var(--r-border-strong-hover);
}

/**
* Types
*/
/* Hover */
.r-table tr:hover > td .is-button .r-icon {
  opacity: 1;
}

.r-table.r-table-hoverable tr:hover > td {
  background: var(--r-surface-hover);
}

/* Dark */
.r-table.r-table-dark td,
.r-table.r-table-dark th {
  background: var(--r-surface-hover);
}

/* Compact */
.r-table.r-table-compact td {
  padding: var(--r-space-2) var(--r-space-3);
}

/* Collapsing */
.r-table.r-table-collapsed {
  width: auto;
}

/* Sortable */
.r-table th:hover.is-sortable {
  color: var(--r-primary);
  cursor: pointer;
}

.r-table th.is-sortable .r-icon {
  margin-left: var(--r-space-3);
}

/* Definition */
.r-table.r-table-definition th {
  border-bottom: none;
  padding-left: 0;
  padding-right: 0;
  background: var(--r-background);
}

.r-table.r-table-definition th:first-child {
  width: 20px;
}

.r-table.r-table-definition tr td {
  padding: var(--r-space-2) 0;
}

.r-table.r-table-definition tr:first-child td {
  padding-top: 0;
}

.r-table.r-table-definition tr:last-child td {
  padding-bottom: 0;
}

.r-table.r-table-definition tr td {
  border-bottom: none;
}

.r-table.r-table-definition.r-table-compact tr > td,
.r-table.r-table-definition.r-table-compact tr:first-child td,
.r-table.r-table-definition.r-table-compact tr:last-child td {
  padding: var(--r-space-1) 0;
}

.r-table.r-table-definition tr td:first-child,
.r-table.r-table-definition.r-table-compact tr td:first-child {
  color: var(--r-text-muted);
  padding-right: var(--r-space-5);
}

/* External */
.r-table td .is-external .icon {
  transition: all var(--r-motion-duration-150) var(--r-motion-ease);
  margin-left: var(--r-space-3);
  opacity: 0;
  cursor: pointer;
}

.r-table tr:hover td .is-external .r-icon {
  visibility: visible;
  opacity: 1;
}

.r-table tr td:hover .is-external .r-icon {
  fill: var(--r-complementary-info);
}

/**
* Alignment
*/
.r-table.r-table-v-alignment-top > tr > td,
.r-table.r-table-v-alignment-top > tbody > tr > td,
.r-table.r-table-v-alignment-top > tr > th,
.r-table.r-table-v-alignment-top > thead > tr > th {
  vertical-align: top;
}

.r-table.r-table-v-alignment-bottom > tr > td,
.r-table.r-table-v-alignment-bottom > tbody > tr > td,
.r-table.r-table-v-alignment-bottom > tr > th,
.r-table.r-table-v-alignment-bottom > thead > tr > th {
  vertical-align: bottom;
}

/**
* Table layout
*/
.r-table.r-table-layout-fixed {
  table-layout: fixed;
}

/**
* Table thumbnail
*/
.r-table-thumbnail {
  width: 60px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  border: 1px solid var(--r-border);
  cursor: pointer;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-icon {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  fill: var(--r-icon);
  color: transparent;
  display: inline-block;
  vertical-align: middle;
  margin: -0.4rem 0 -0.2rem 0;
  transition: all var(--r-motion-duration-50) var(--r-motion-ease);
}
.r-icon-20 {
  width: var(--r-space-6);
  height: var(--r-space-6);
  vertical-align: top;
  margin: 0;
}

/**
* Colors
*/
.r-icon-primary {
  fill: var(--r-primary);
}
.r-icon-on-surface {
  fill: var(--r-icon-on-surface);
}
.r-icon-success {
  fill: var(--r-complementary-success);
}
.r-icon-warning {
  fill: var(--r-complementary-warning);
}
.r-icon-danger {
  fill: var(--r-complementary-danger);
}
.r-icon-info {
  fill: var(--r-complementary-info);
}

/**
* Animations
*/
.r-icon.r-is-spinning {
  animation: spinning 0.7s linear infinite;
}
.r-icon.r-is-ringing {
  transform-origin: 50% 4px;
  animation: ringing 4s linear infinite;
}
@keyframes spinning {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes ringing {
0% {
    transform: rotateZ(0deg);
}
1% {
    transform: rotateZ(30deg);
}
3% {
    transform: rotateZ(-28deg);
}
5% {
    transform: rotateZ(34deg);
}
7% {
    transform: rotateZ(-32deg);
}
9% {
    transform: rotateZ(30deg);
}
11% {
    transform: rotateZ(-28deg);
}
13% {
    transform: rotateZ(26deg);
}
15% {
    transform: rotateZ(-24deg);
}
17% {
    transform: rotateZ(22deg);
}
19% {
    transform: rotateZ(-20deg);
}
21% {
    transform: rotateZ(18deg);
}
23% {
    transform: rotateZ(-16deg);
}
25% {
    transform: rotateZ(14deg);
}
27% {
    transform: rotateZ(-12deg);
}
29% {
    transform: rotateZ(10deg);
}
31% {
    transform: rotateZ(-8deg);
}
33% {
    transform: rotateZ(6deg);
}
35% {
    transform: rotateZ(-4deg);
}
37% {
    transform: rotateZ(2deg);
}
39% {
    transform: rotateZ(-1deg);
}
41% {
    transform: rotateZ(1deg);
}
43% {
    transform: rotateZ(0deg);
}
100% {
    transform: rotateZ(0deg);
}
}
.r-icon.r-is-rotating-right {
  transform: rotate(90deg);
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-button {
  display: inline-block;
  height: auto;
  box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  vertical-align: baseline;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: inherit;
  font-weight: var(--r-font-weight-medium);
  font-size: var(--r-font-size-m);
  line-height: var(--r-font-line-height-m);
  border-radius: var(--r-border-radius-2);
  border: none;
  cursor: pointer;
  outline: none;
  transition: all var(--r-motion-duration-100) var(--r-motion-ease);
}
.r-button:hover {
  text-decoration: none;
}
.r-button > .r-button-inner {
  display: inline-block;
}
.r-button-size-small {
  padding: var(--r-space-2) var(--r-space-4);
}
.r-button-size-regular {
  padding: var(--r-space-3) var(--r-space-5);
}
.r-button-size-large {
  padding: var(--r-space-4) var(--r-space-6);
}
.r-button-type-default {
  background: var(--r-surface);
  color: var(--r-text);
  box-shadow: 0 0 0 1px var(--r-border-strong) inset;
  border: none;
}
.r-button-type-default:hover {
  box-shadow: 0 0 0 1px var(--r-border-strong-hover) inset;
}
.r-button-type-default:hover .r-icon {
  fill: var(--r-icon-hover);
}
.r-button-type-default:focus-visible, .r-button-type-default:active {
  box-shadow: 0 0 0 1px var(--r-border-strong) inset, 0 0 0 1px var(--r-surface), 0 0 0 3px var(--r-focus);
}
.r-button-type-default[disabled] {
  opacity: 0.5;
  cursor: auto;
  pointer-events: none;
}
.r-button-type-primary {
  background: var(--r-primary);
  color: var(--r-text-on-surface);
  box-shadow: none;
  border: none;
}
.r-button-type-primary:hover {
  background: var(--r-primary-hover);
  box-shadow: none;
}
.r-button-type-primary:focus-visible, .r-button-type-primary:active {
  box-shadow: 0 0 0 1px var(--r-surface), 0 0 0 3px var(--r-focus);
}
.r-button-type-primary[disabled] {
  opacity: 0.5;
  cursor: auto;
  pointer-events: none;
}
.r-button-type-danger {
  background: var(--r-complementary-danger);
  color: var(--r-text-on-surface);
  box-shadow: none;
  border: none;
}
.r-button-type-danger:hover {
  background: var(--r-complementary-danger-hover);
  box-shadow: none;
}
.r-button-type-danger:focus-visible, .r-button-type-danger:active {
  box-shadow: 0 0 0 1px var(--r-surface), 0 0 0 3px var(--r-focus);
}
.r-button-type-danger[disabled] {
  opacity: 0.5;
  cursor: auto;
  pointer-events: none;
  box-shadow: var(--r-shadow-0);
}
.r-button-type-positive {
  background: var(--r-complementary-success);
  color: var(--r-text-on-surface);
  box-shadow: none;
  border: none;
}
.r-button-type-positive:hover {
  background: var(--r-complementary-success-hover);
  box-shadow: none;
}
.r-button-type-positive:focus-visible, .r-button-type-positive:active {
  box-shadow: 0 0 0 1px var(--r-surface), 0 0 0 3px var(--r-focus);
}
.r-button-type-positive[disabled] {
  opacity: 0.5;
  cursor: auto;
  pointer-events: none;
  box-shadow: var(--r-shadow-0);
}
.r-button-type-plain {
  background: transparent;
  color: var(--r-text);
  box-shadow: var(--r-shadow-0);
  border: none;
}
.r-button-type-plain:hover {
  background: var(--r-surface-hover);
}
.r-button-type-plain:hover .r-icon {
  fill: var(--r-icon-hover);
}
.r-button-type-plain:focus-visible, .r-button-type-plain:active {
  box-shadow: 0 0 0 1px var(--r-surface), 0 0 0 3px var(--r-focus);
}
.r-button-type-plain[disabled] {
  opacity: 0.5;
  cursor: auto;
  pointer-events: none;
}
.r-button-type-link, .r-button-type-unstyled {
  color: var(--r-primary);
  vertical-align: baseline;
  padding: 0 !important;
  background: none;
  box-shadow: var(--r-shadow-0);
}
.r-button-type-link .r-icon, .r-button-type-unstyled .r-icon {
  fill: var(--r-primary);
}
.r-button-type-link:hover, .r-button-type-link:hover div, .r-button-type-unstyled:hover, .r-button-type-unstyled:hover div {
  background: none;
  text-decoration: underline;
  box-shadow: var(--r-shadow-0);
}
.r-button-type-link:focus-visible, .r-button-type-unstyled:focus-visible {
  box-shadow: 0 0 0 1px var(--r-surface), 0 0 0 3px var(--r-focus);
}
.r-button-type-link:active, .r-button-type-unstyled:active {
  background: none;
}
.r-button-fluid {
  width: 100%;
}
.r-button.r-date-range-button {
  text-align: left;
}
.r-button-type-unstyled {
  padding: var(--r-space-0);
}
.r-button-type-unstyled.r-has-icon {
  padding: var(--r-space-0);
}
.r-button-type-unstyled:active {
  box-shadow: 0 0 0 1px var(--r-surface), 0 0 0 3px var(--r-focus);
}
.r-button-type-unstyled[disabled] {
  opacity: 0.6;
  cursor: auto;
  pointer-events: none;
}

/**
* Icons
*/
.r-button-size-small.r-has-icon {
  padding: var(--r-space-2);
}
.r-button-size-regular.r-has-icon {
  padding: var(--r-space-3);
}
.r-button-size-large.r-has-icon {
  padding: var(--r-space-5);
}
.r-button.r-has-icon-left, .r-button.r-is-loading {
  padding-left: var(--r-space-4);
}
.r-button-size-small.r-has-icon-left, .r-button-size-small.r-is-loading {
  padding-left: var(--r-space-3);
}
.r-button.r-has-icon-left .r-icon {
  margin-right: var(--r-space-3);
}
.r-button-type-unstyled.r-has-icon-left .r-icon, .r-button-type-link.r-has-icon-left .r-icon {
  margin-right: var(--r-space-2);
}
.r-button.r-has-icon-right {
  padding-right: var(--r-space-4);
}
.r-button-size-small.r-has-icon-right {
  padding-right: var(--r-space-3);
}
.r-button.r-has-icon-right .r-icon {
  margin-left: var(--r-space-3);
}
.r-button-type-unstyled.r-has-icon-right .r-icon, .r-button-type-link.r-has-icon-right .r-icon {
  margin-left: var(--r-space-2);
}
.r-button.r-has-icon.r-button-fitted {
  padding: var(--r-space-1);
}
.r-button-type-default .r-icon {
  fill: var(--r-icon);
}
.r-button-type-primary .r-icon, .r-button-type-positive .r-icon, .r-button-type-danger .r-icon {
  fill: var(--r-icon-on-surface);
}
.r-button.r-has-icon-right.r-has-icon-left .r-icon:first-of-type {
  margin-left: 0;
}
.r-button.r-has-icon-right.r-has-icon-left .r-icon:last-of-type {
  margin-right: 0;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-alert {
  box-sizing: border-box;
  position: relative;
  height: auto;
  background: var(--r-surface-secondary);
  border-left: 4px solid var(--r-border-strong);
}
.r-alert .r-alert-title {
  padding: var(--r-space-5) var(--r-space-6) 0 calc(var(--r-space-6) - 4px);
}
.r-alert .r-alert-title h2 {
  margin: 0;
  padding: 0;
  border: none;
  font-weight: var(--r-font-weight-bold);
  line-height: var(--r-font-line-height-l);
  font-size: var(--r-font-size-l);
  letter-spacing: 0.009375rem;
  color: var(--r-text);
}
.r-alert .r-alert-content {
  flex: 1;
  padding: var(--r-space-5) var(--r-space-12) var(--r-space-5) calc(var(--r-space-6) - 4px);
}
.r-alert .r-alert-content > * {
  margin: 0;
  color: var(--r-text);
  font-family: var(--r-font-family);
  font-size: var(--r-font-size-m);
  line-height: var(--r-font-line-height-m);
  font-weight: var(--r-font-weight-regular);
}
.r-alert.has-title .r-alert-content {
  padding-top: var(--r-space-3);
}
.r-alert.has-icon:not(.has-title) .r-alert-content {
  padding-left: var(--r-space-0);
}
.r-alert.has-icon.has-title .r-alert-content {
  padding-left: calc(var(--r-space-6) + var(--r-space-6) + 4px);
}
.r-alert.has-delete > .r-button.r-has-icon {
  position: absolute;
  top: var(--r-space-5);
  right: var(--r-space-6);
}
.r-alert.has-delete > .r-button.r-has-icon .r-icon {
  fill: var(--r-icon);
}
.r-alert.has-delete > .r-button.r-has-icon:hover {
  background: transparent;
}
.r-alert.r-alert-positive {
  background: var(--r-surface-success);
  border-left-color: var(--r-border-success);
}
.r-alert.r-alert-negative {
  background: var(--r-surface-danger);
  border-left-color: var(--r-border-danger);
}
.r-alert.r-alert-warning {
  background: var(--r-surface-warning);
  border-left-color: var(--r-border-warning);
}
.r-alert.r-alert-info {
  background: var(--r-surface-info);
  border-left-color: var(--r-border-info);
}
.r-alert.r-alert-info ::-moz-selection {
  background: var(--r-focus);
  color: var(--r-mono-0);
}
.r-alert.r-alert-info ::selection {
  background: var(--r-focus);
  color: var(--r-mono-0);
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/* Base styles for the element that has a tooltip */
.r-tooltip {
  padding: var(--r-space-3);
  background-color: var(--r-surface-dark);
  color: var(--r-text-on-surface);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--r-border-radius-2);
  white-space: nowrap;
  font-size: var(--r-font-size-m);
  line-height: var(--r-font-line-height-m);
  font-weight: var(--r-font-weight-medium);
  z-index: var(--r-z-index-70);
  box-shadow: var(--r-shadow-30);
  transition: opacity var(--r-motion-duration-200) var(--r-motion-ease);
  opacity: 0;
}

.r-tooltip-arrow {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  border: 4px solid var(--r-surface-dark);
  border-color: var(--r-surface-dark) transparent transparent transparent;
  position: absolute;
  pointer-events: none;
  transform: translateX(-50%);
}

.r-tooltip.r-tooltip-out-top .r-tooltip-arrow,
.r-tooltip.r-tooltip-bottom .r-tooltip-arrow {
  border-color: transparent transparent var(--r-surface-dark) transparent;
  top: 0;
  transform: translateX(-50%) translateY(-100%);
}

.r-tooltip.r-tooltip-left .r-tooltip-arrow {
  border-color: transparent transparent transparent var(--r-surface-dark);
  left: 100%;
  top: 50%;
  transform: translateX(0) translateY(-50%);
}

.r-tooltip.r-tooltip-right .r-tooltip-arrow {
  border-color: transparent var(--r-surface-dark) transparent transparent;
  left: 0;
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-img {
  margin-inline-start: 0;
  margin-inline-end: 0;
  position: relative;
}
.r-img img.r-is-loaded {
  transition: opacity var(--r-motion-duration-200) var(--r-motion-ease-in-out);
  height: auto;
  max-width: 100%;
}
.r-img[style*="--img-aspect-ratio"] > img {
  max-width: 100%;
}
.r-img-image {
  vertical-align: middle;
}
.r-img-loading-spinner {
  display: block;
}
.r-img-loading-spinner:before,
.r-img-loading-spinner:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: calc(var(--r-space-3) * -1) 0 0 calc(var(--r-space-3) * -1);
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border-style: solid;
  border-width: 2px;
  border-color: var(--r-primary) transparent transparent;
}
.r-img-loading-spinner:before {
  animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
  animation-iteration-count: infinite;
}
.r-img-loading-spinner:after {
  animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
  animation-iteration-count: infinite;
}
@supports (--custom: property) {
.r-img[style*="--img-aspect-ratio"] {
    position: relative;
}
.r-img[style*="--img-aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: var(--img-aspect-ratio);
}
.r-img[style*="--img-aspect-ratio"] > :first-child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-avatar {
  max-width: 100%;
  display: inline-block;
  position: relative;
}
.r-avatar-description {
  display: flex;
  align-items: center;
}
.r-avatar-main {
  position: relative;
  overflow: hidden;
  width: 36px;
  height: 36px;
  margin-right: 0;
  text-align: center;
  flex: 0 0 auto;
}
.r-avatar-image-wrapper {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: var(--r-border-radius-2);
}
.r-avatar-image-wrapper .r-avatar-image {
  width: 100%;
  height: 100%;
  margin: 0;
}
.r-avatar-image-wrapper .r-avatar-image .r-img-image {
  width: 100%;
}
.r-avatar-info {
  margin-left: var(--r-space-3);
  font-size: var(--r-font-size-m);
}
.r-avatar-info * {
  margin: 0;
  line-height: var(--r-font-line-height-m);
  font-weight: var(--r-font-weight-medium);
  color: var(--r-text);
}
.r-avatar-info .r-avatar-info-muted-text {
  display: block;
  color: var(--r-text-muted);
  font-weight: var(--r-font-weight-regular);
}
.r-avatar-icon-wrapper,
.r-avatar-initials {
  border-radius: var(--r-border-radius-2);
  padding: var(--r-space-3);
  background: var(--r-background);
}
.r-avatar-initials {
  position: relative;
  padding: 0;
  width: inherit;
  height: inherit;
  text-align: center;
}
.r-avatar-initials-value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--r-text-on-surface);
  font-weight: var(--r-font-weight-semi-bold);
  font-size: var(--r-font-size-l);
  line-height: var(--r-font-line-height-m);
  text-transform: uppercase;
}
.r-avatar-initials-gray {
  background-color: var(--r-text-muted);
}
.r-avatar-initials-yellow {
  background-color: var(--r-complementary-warning);
}
.r-avatar-initials-green {
  background-color: var(--r-complementary-success);
}
.r-avatar-initials-accent {
  background-color: var(--r-complementary-info);
}
.r-avatar-initials-dark-background {
  background-color: var(--r-text);
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-badge {
  display: inline-block;
  height: auto;
  box-sizing: border-box;
  text-transform: none;
  text-align: center;
  vertical-align: baseline;
  color: var(--r-text);
  border-radius: var(--r-border-radius-pill);
  border: none;
  padding: var(--r-space-1) var(--r-space-3);
  font-weight: var(--r-font-weight-semi-bold);
  font-size: var(--r-font-size-s);
  line-height: var(--r-font-line-height-s);
  outline: none;
  white-space: nowrap;
  box-shadow: none;
}
.r-badge.r-badge-default {
  background: var(--r-background-hover);
  border: none;
}
.r-badge.r-badge-positive {
  background: var(--r-surface-success);
  border: none;
  color: var(--r-complementary-success-dark);
}
.r-badge.r-badge-negative {
  background: var(--r-surface-danger);
  border: none;
  color: var(--r-complementary-danger-dark);
}
.r-badge.r-badge-warning {
  background: var(--r-surface-warning);
  border: none;
  color: var(--r-complementary-warning-dark);
}
.r-badge.r-badge-info {
  background: var(--r-surface-info);
  border: none;
  color: var(--r-complementary-info-dark);
}
.r-badge.r-badge-tag {
  background: var(--r-background-hover);
  color: var(--r-text);
  border-radius: var(--r-border-radius-1);
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  line-height: var(--r-font-line-height-s);
  margin: 0 var(--r-space-2) var(--r-space-1) 0;
  padding: var(--r-space-1) var(--r-space-3);
  box-shadow: var(--r-shadow-0);
}
.r-badge.r-badge-tag:has(.r-icon) {
  line-height: var(--r-font-line-height-m);
}
.r-badge.r-badge-tag:has(:first-child:is(svg)) {
  padding-left: var(--r-space-2);
}
.r-badge.r-badge-tag-secondary {
  background: var(--r-surface);
  color: var(--r-text);
  border-radius: var(--r-border-radius-1);
  box-shadow: 0 0 0 1px var(--r-border-strong);
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}
.r-badge.r-badge-tag-secondary:has(.r-icon) {
  line-height: var(--r-font-line-height-m);
}
.r-badge.r-badge-tag-secondary:has(:first-child:is(svg)) {
  padding-left: var(--r-space-2);
}
.r-badge.r-badge-has-icon-close {
  padding-right: var(--r-space-1);
  line-height: var(--r-font-line-height-m);
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-button-group {
  display: flex;
}
@media screen and (max-width: 767px) {
.r-button-group > .r-button {
    flex: 1 0;
}
}
.r-button-group .r-button {
  margin-left: -1px;
  margin-left: -0.063rem;
  margin-right: -1px;
  margin-right: -0.063rem;
}
.r-button-group .r-button:not(:first-child):not(:last-child),
.r-button-group .popper:not(:first-child):not(:last-child) .r-button {
  border-radius: 0;
}
.r-button-group .r-button:first-child,
.r-button-group .popper:first-child .r-button {
  border-radius: 4px 0 0 4px;
}
.r-button-group .r-button:last-child,
.r-button-group .popper:last-child .r-button {
  border-radius: 0 4px 4px 0;
}
.r-button-group.r-button-group-fluid > .r-button {
  flex: 1 0;
}
.r-button-group .r-button.r-is-active {
  background: var(--r-primary);
  color: var(--r-text-on-surface);
  box-shadow: 0 0 0 1px var(--r-border-strong) inset;
}
.r-button-group.r-button-group-single .r-button {
  border-radius: var(--r-border-radius-2);
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-checkbox {
  position: relative;
}
.r-field-checkbox {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: var(--r-space-5);
  width: var(--r-space-5);
  box-sizing: border-box;
  z-index: var(--r-z-index-5);
  cursor: pointer;
}
.r-field-checkbox:checked ~ .r-field-checkbox-style {
  background: var(--r-focus);
  box-shadow: 0 0 0 1px var(--r-focus) inset, 0 0 0 1px var(--r-focus);
  border: none;
}
.r-field-checkbox:focus-visible ~ .r-field-checkbox-style {
  background: var(--r-surface);
  box-shadow: 0 0 0 2px var(--r-border-strong-hover) inset, 0 0 0 1px var(--r-surface), 0 0 0 3px var(--r-focus);
  border: none;
}
.r-field-checkbox:checked:focus-visible ~ .r-field-checkbox-style {
  background: var(--r-focus);
  box-shadow: 0 0 0 2px var(--r-focus) inset, 0 0 0 1px var(--r-surface), 0 0 0 3px var(--r-focus);
  border: none;
}
.r-field-checkbox:checked ~ .r-field-checkbox-style .r-icon {
  fill: var(--r-icon-on-surface);
  opacity: 1;
}
.r-field-checkbox[disabled] ~ .r-field-checkbox-style {
  background: var(--r-border);
  box-shadow: 0 0 0 1px var(--r-border) inset, 0 0 0 1px var(--r-border);
}
.r-field-checkbox[disabled] ~ .r-field-checkbox-style .r-icon {
  fill: var(--r-icon-on-surface);
}
.r-field-checkbox:checked[disabled] ~ .r-field-checkbox-style {
  background: var(--r-border);
  box-shadow: 0 0 0 1px var(--r-border) inset, 0 0 0 1px var(--r-border);
}
.r-field-checkbox-style {
  cursor: pointer;
  box-sizing: border-box;
  background: var(--r-surface);
  height: var(--r-space-5);
  width: var(--r-space-5);
  position: absolute;
  top: var(--r-space-1);
  left: var(--r-space-1);
  border-radius: var(--r-border-radius-1);
  box-shadow: 0 0 0 1px var(--r-border-strong-hover) inset, 0 0 0 1px var(--r-border-strong-hover);
  transition: all var(--r-motion-duration-200) var(--r-motion-ease);
  border: none;
}
.r-field-checkbox-style .r-icon {
  position: absolute;
  top: -2px;
  right: -2px;
  opacity: 0;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-field-label-toggle {
  display: inline-block !important;
  color: var(--r-text) !important;
  line-height: var(--r-font-line-height-m);
  font-size: var(--r-font-size-m);
  font-weight: var(--r-font-weight-medium);
  position: relative;
  padding-left: 28px;
  margin: 0 !important;
  cursor: pointer;
}
.r-field-label-toggle.r-is-disabled {
  color: var(--r-text-muted);
}
.r-field-caption-toggle {
  padding-left: 28px;
  margin-top: var(--r-space-1) !important;
}
.vc-popover-content-wrapper {
  --popover-horizontal-content-offset: 8px;
  --popover-vertical-content-offset: 10px;
  --popover-caret-horizontal-offset: 18px;
  --popover-caret-vertical-offset: 8px;

  position: absolute;
  display: block;
  outline: none;
  z-index: 10;
}
.vc-popover-content-wrapper:not(.is-interactive) {
    pointer-events: none;
}
.vc-popover-content {
  position: relative;
  color: var(--vc-popover-content-color);
  font-weight: var(--vc-font-medium);
  background-color: var(--vc-popover-content-bg);
  border: 1px solid;
  border-color: var(--vc-popover-content-border);
  border-radius: var(--vc-rounded-lg);
  padding: 4px;
  outline: none;
  z-index: 10;
  box-shadow: var(--vc-shadow-lg);
}
.vc-popover-content.direction-bottom {
    margin-top: var(--popover-vertical-content-offset);
}
.vc-popover-content.direction-top {
    margin-bottom: var(--popover-vertical-content-offset);
}
.vc-popover-content.direction-left {
    margin-right: var(--popover-horizontal-content-offset);
}
.vc-popover-content.direction-right {
    margin-left: var(--popover-horizontal-content-offset);
}
.vc-popover-caret {
  content: '';
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  border-top: inherit;
  border-left: inherit;
  background-color: inherit;
  z-index: -1;
}
.vc-popover-caret.direction-bottom {
    top: 0;
}
.vc-popover-caret.direction-bottom.align-left {
      transform: translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-bottom.align-center {
      transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-bottom.align-right {
      transform: translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-top {
    top: 100%;
}
.vc-popover-caret.direction-top.align-left {
      transform: translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-top.align-center {
      transform: translateX(-50%) translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-top.align-right {
      transform: translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-left {
    left: 100%;
}
.vc-popover-caret.direction-left.align-top {
      transform: translateX(-50%) rotate(135deg);
}
.vc-popover-caret.direction-left.align-middle {
      transform: translateY(-50%) translateX(-50%) rotate(135deg);
}
.vc-popover-caret.direction-left.align-bottom {
      transform: translateX(-50%) rotate(135deg);
}
.vc-popover-caret.direction-right {
    left: 0;
}
.vc-popover-caret.direction-right.align-top {
      transform: translateX(-50%) rotate(-45deg);
}
.vc-popover-caret.direction-right.align-middle {
      transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
.vc-popover-caret.direction-right.align-bottom {
      transform: translateX(-50%) rotate(-45deg);
}
.vc-popover-caret.align-left {
    left: var(--popover-caret-horizontal-offset);
}
.vc-popover-caret.align-center {
    left: 50%;
}
.vc-popover-caret.align-right {
    right: var(--popover-caret-horizontal-offset);
}
.vc-popover-caret.align-top {
    top: var(--popover-caret-vertical-offset);
}
.vc-popover-caret.align-middle {
    top: 50%;
}
.vc-popover-caret.align-bottom {
    bottom: var(--popover-caret-vertical-offset);
}

.vc-day-popover-row {
  display: flex;
  align-items: center;
  transition: var(--vc-day-content-transition);
}
.vc-day-popover-row-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 0;
  width: 15px;
}
.vc-day-popover-row-indicator span {
    transition: var(--vc-day-content-transition);
}
.vc-day-popover-row-label {
  display: flex;
  align-items: center;
  flex-wrap: none;
  flex-grow: 1;
  width: -moz-max-content;
  width: max-content;
  margin-left: 4px;
  margin-right: 4px;
  font-size: var(--vc-text-xs);
  line-height: var(--vc-leading-normal);
}
.vc-day-popover-row-highlight {
  width: 8px;
  height: 5px;
  border-radius: 3px;
}
.vc-day-popover-row-dot {
}
.vc-day-popover-row-bar {
  width: 10px;
  height: 3px;
}

.vc-base-icon {
  display: inline-block;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

.vc-header {
  display: grid;
  grid-gap: 4px;
  align-items: center;
  height: 30px;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.vc-header.is-lg {
    font-size: var(--vc-text-lg);
}
.vc-header.is-xl {
    font-size: var(--vc-text-xl);
}
.vc-header.is-2xl {
    font-size: var(--vc-text-2xl);
}
.vc-header .vc-title-wrapper {
    grid-row: 1;
    grid-column: title;
}
.vc-header .vc-prev {
    grid-row: 1;
    grid-column: prev;
}
.vc-header .vc-next {
    grid-row: 1;
    grid-column: next;
}
.vc-header .vc-title,
  .vc-header .vc-prev,
  .vc-header .vc-next {
    display: flex;
    align-items: center;
    border: 0;
    border-radius: var(--vc-rounded);
    pointer-events: auto;
    -webkit-user-select: none;
            -moz-user-select: none;
         user-select: none;
    cursor: pointer;
}
.vc-header .vc-title {
    color: var(--vc-header-title-color);
    font-weight: var(--vc-font-semibold);
    white-space: nowrap;
    padding: 0 8px;
    margin: 0;
    line-height: 30px;
}
.vc-header .vc-title:hover {
      opacity: 0.75;
}
.vc-header .vc-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--vc-header-arrow-color);
    width: 28px;
    height: 30px;
    margin: 0;
    padding: 0;
}
.vc-header .vc-arrow:hover {
      background: var(--vc-header-arrow-hover-bg);
}
.vc-header .vc-arrow:disabled {
      opacity: 0.25;
      pointer-events: none;
}

.vc-nav-header {
  display: flex;
  justify-content: space-between;
}
.vc-nav-title,
.vc-nav-arrow,
.vc-nav-item {
  font-size: var(--vc-text-sm);
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  border: 0;
  border-radius: var(--vc-rounded);
  white-space: nowrap;
}
.vc-nav-title:hover, .vc-nav-arrow:hover, .vc-nav-item:hover {
    background-color: var(--vc-nav-hover-bg);
}
.vc-nav-title:disabled, .vc-nav-arrow:disabled, .vc-nav-item:disabled {
    opacity: 0.25;
    pointer-events: none;
}
.vc-nav-title {
  color: var(--vc-nav-title-color);
  font-weight: var(--vc-font-bold);
  line-height: var(--vc-leading-snug);
  height: 30px;
  padding: 0 6px;
}
.vc-nav-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--vc-header-arrow-color);
  width: 26px;
  height: 30px;
  padding: 0;
}
.vc-nav-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 2px;
  grid-column-gap: 5px;
  margin-top: 2px;
}
.vc-nav-item {
  width: 48px;
  text-align: center;
  font-weight: var(--vc-font-semibold);
  line-height: var(--vc-leading-snug);
  padding: 6px 0;
}
.vc-nav-item.is-active {
    color: var(--vc-nav-item-active-color);
    background-color: var(--vc-nav-item-active-bg);
    font-weight: var(--vc-font-bold);
}
.vc-nav-item.is-active:not(:focus) {
      box-shadow: var(--vc-nav-item-active-box-shadow);
}
.vc-nav-item.is-current {
    color: var(--vc-nav-item-current-color);
}

.vc-day {
  position: relative;
  min-height: 32px;
  z-index: 1;
  /* &.is-not-in-month * {
    opacity: 0;
    pointer-events: none;
  } */
}
.vc-monthly .is-not-in-month * {
  opacity: 0;
  pointer-events: none;
}
.vc-day-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.vc-day-box-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: 50% 50%;
}
.vc-day-box-left-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transform-origin: 0% 50%;
}
.vc-day-box-right-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  transform-origin: 100% 50%;
}
.vc-day-box-center-bottom {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.vc-day-content {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-medium);
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: var(--vc-rounded-full);
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  cursor: pointer;
}
.vc-day-content:hover {
    background-color: var(--vc-day-content-hover-bg);
}
.vc-day-content.vc-disabled {
    color: var(--vc-day-content-disabled-color);
}

/* ----Content---- */
.vc-content:not(.vc-base) {
  font-weight: var(--vc-font-bold);
  color: var(--vc-content-color);
}

/* ----Highlights---- */
.vc-highlights {
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.vc-highlight {
  width: 28px;
  height: 28px;
}
.vc-highlight.vc-highlight-base-start {
    width: 50% !important;
    border-radius: 0 !important;
    border-right-width: 0 !important;
}
.vc-highlight.vc-highlight-base-end {
    width: 50% !important;
    border-radius: 0 !important;
    border-left-width: 0 !important;
}
.vc-highlight.vc-highlight-base-middle {
    width: 100%;
    border-radius: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    margin: 0 -1px;
}
.vc-highlight-bg-outline,
.vc-highlight-bg-none {
  background-color: var(--vc-highlight-outline-bg);
  border: 2px solid;
  border-color: var(--vc-highlight-outline-border);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-bg-light {
  background-color: var(--vc-highlight-light-bg);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-bg-solid {
  background-color: var(--vc-highlight-solid-bg);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-content-outline,
.vc-highlight-content-none {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-outline-content-color);
}
.vc-highlight-content-light {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-light-content-color);
}
.vc-highlight-content-solid {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-solid-content-color);
}

/* ----Dots---- */
.vc-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.vc-dot {
  width: 5px;
  height: 5px;
  border-radius: 9999px;
  transition: var(--vc-day-content-transition);
}
.vc-dot:not(:last-child) {
    margin-right: 3px;
}

/* ----Bars---- */
.vc-bars {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 75%;
}
.vc-bar {
  flex-grow: 1;
  height: 3px;
  transition: var(--vc-day-content-transition);
}
.vc-dot {
  background-color: var(--vc-dot-bg);
}
.vc-bar {
  background-color: var(--vc-bar-bg);
}

.vc-pane {
  min-width: 250px;
}
.vc-weeknumber {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}
.vc-weeknumber.is-left {
    left: calc(var(--vc-weeknumber-offset-inside) * -1);
}
.vc-weeknumber.is-right {
    right: calc(var(--vc-weeknumber-offset-inside) * -1);
}
.vc-weeknumber.is-left-outside {
    left: calc(var(--vc-weeknumber-offset-outside) * -1);
}
.vc-weeknumber.is-right-outside {
    right: calc(var(--vc-weeknumber-offset-outside) * -1);
}
.vc-weeknumber-content {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--vc-text-xs);
  font-weight: var(--vc-font-medium);
  font-style: italic;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  color: var(--vc-weeknumber-color);
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
}
.vc-weeks {
  position: relative;
  /* overflow: auto; */
  -webkit-overflow-scrolling: touch;
  padding: 6px;
  min-width: 232px;
}
.vc-weeks.vc-show-weeknumbers-left {
    margin-left: var(--vc-weeknumber-offset-inside);
}
.vc-weeks.vc-show-weeknumbers-right {
    margin-right: var(--vc-weeknumber-offset-inside);
}
.vc-weekday {
  text-align: center;
  color: var(--vc-weekday-color);
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-bold);
  line-height: 14px;
  padding-top: 4px;
  padding-bottom: 8px;
  cursor: default;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
}
.vc-week,
.vc-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  position: relative;
}

.vc-pane-container {
  width: 100%;
  position: relative;
}
.vc-pane-container.in-transition {
    overflow: hidden;
}
.vc-pane-layout {
  display: grid;
}
.vc-pane-header-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  pointer-events: none;
}
.vc-day-popover-container {
  font-size: var(--vc-text-xs);
  font-weight: var(--vc-font-medium);
}
.vc-day-popover-header {
  font-size: var(--vc-text-xs);
  color: var(--vc-day-popover-header-color);
  font-weight: var(--vc-font-semibold);
  text-align: center;
}

.vc-base-select {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  font-size: var(--vc-text-base);
  font-weight: var(--vc-font-medium);
}
.vc-base-select.vc-has-icon select {
      padding: 0 27px 0 9px;
}
.vc-base-select.vc-has-icon .vc-base-sizer {
      padding: 0 28px 0 10px;
}
.vc-base-select.vc-fit-content select {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
}
.vc-base-select .vc-base-icon {
    position: absolute;
    top: 6px;
    right: 4px;
    opacity: 0.6;
    pointer-events: none;
}
.vc-base-select .vc-base-sizer {
    font-size: var(--vc-text-base);
    font-weight: var(--vc-font-medium);
    color: transparent;
    padding: 0px 8px;
    margin: 0;
}
.vc-base-select select {
    display: inline-flex;
    justify-content: center;
    color: var(--vc-select-color);
    display: block;
    -webkit-appearance: none;
            -moz-appearance: none;
         appearance: none;
    background-color: var(--vc-select-bg);
    border-radius: var(--vc-rounded);
    height: 30px;
    width: -moz-max-content;
    width: max-content;
    padding: 0px 7px;
    margin: 0;
    line-height: var(--leading-none);
    text-indent: 0px;
    background-image: none;
    cursor: pointer;
    text-align: center;
}
.vc-base-select select:hover {
      background-color: var(--vc-select-hover-bg);
}
.vc-base-select select.vc-align-left {
      text-align: left;
}
.vc-base-select select.vc-align-right {
      text-align: right;
}

.vc-time-picker {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 4px;
}
.vc-time-picker.vc-invalid {
    pointer-events: none;
    opacity: 0.5;
}
.vc-time-picker.vc-attached {
    border-top: 1px solid var(--vc-time-picker-border);
}
.vc-time-picker > * + * {
    margin-top: 4px;
}
.vc-time-header {
  display: flex;
  align-items: center;
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-semibold);
  text-transform: uppercase;
  margin-top: -4px;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 21px;
}
.vc-time-select-group {
  display: inline-flex;
  align-items: center;
  padding: 0 4px;
  background: var(--vc-time-select-group-bg);
  border-radius: var(--vc-rounded-md);
  border: 1px solid var(--vc-time-select-group-border);
}
.vc-time-select-group .vc-base-icon {
    margin-right: 4px;
    color: var(--vc-time-select-group-icon-color);
}
.vc-time-select-group select {
    background: transparent;
    padding: 0px 4px;
}
.vc-time-weekday {
  color: var(--vc-time-weekday-color);
  letter-spacing: var(--tracking-wide);
}
.vc-time-month {
  color: var(--vc-time-month-color);
  margin-left: 8px;
}
.vc-time-day {
  color: var(--vc-time-day-color);
  margin-left: 4px;
}
.vc-time-year {
  color: var(--vc-time-year-color);
  margin-left: 8px;
}
.vc-time-colon {
  margin: 0 1px 2px 2px;
}
.vc-time-decimal {
  margin: 0 0 0 1px;
}
.vc-none-enter-active,
.vc-none-leave-active {
  transition-duration: 0s;
}

.vc-fade-enter-active,
.vc-fade-leave-active,
.vc-slide-left-enter-active,
.vc-slide-left-leave-active,
.vc-slide-right-enter-active,
.vc-slide-right-leave-active,
.vc-slide-up-enter-active,
.vc-slide-up-leave-active,
.vc-slide-down-enter-active,
.vc-slide-down-leave-active,
.vc-slide-fade-enter-active,
.vc-slide-fade-leave-active {
  transition: transform var(--vc-slide-duration) var(--vc-slide-timing),
    opacity var(--vc-slide-duration) var(--vc-slide-timing);
  backface-visibility: hidden;
  pointer-events: none;
}

.vc-none-leave-active,
.vc-fade-leave-active,
.vc-slide-left-leave-active,
.vc-slide-right-leave-active,
.vc-slide-up-leave-active,
.vc-slide-down-leave-active {
  position: absolute !important;
  width: 100%;
}

.vc-none-enter-from,
.vc-none-leave-to,
.vc-fade-enter-from,
.vc-fade-leave-to,
.vc-slide-left-enter-from,
.vc-slide-left-leave-to,
.vc-slide-right-enter-from,
.vc-slide-right-leave-to,
.vc-slide-up-enter-from,
.vc-slide-up-leave-to,
.vc-slide-down-enter-from,
.vc-slide-down-leave-to,
.vc-slide-fade-enter-from,
.vc-slide-fade-leave-to {
  opacity: 0;
}

.vc-slide-left-enter-from,
.vc-slide-right-leave-to,
.vc-slide-fade-enter-from.direction-left,
.vc-slide-fade-leave-to.direction-left {
  transform: translateX(var(--vc-slide-translate));
}

.vc-slide-right-enter-from,
.vc-slide-left-leave-to,
.vc-slide-fade-enter-from.direction-right,
.vc-slide-fade-leave-to.direction-right {
  transform: translateX(calc(-1 * var(--vc-slide-translate)));
}

.vc-slide-up-enter-from,
.vc-slide-down-leave-to,
.vc-slide-fade-enter-from.direction-top,
.vc-slide-fade-leave-to.direction-top {
  transform: translateY(var(--vc-slide-translate));
}

.vc-slide-down-enter-from,
.vc-slide-up-leave-to,
.vc-slide-fade-enter-from.direction-bottom,
.vc-slide-fade-leave-to.direction-bottom {
  transform: translateY(calc(-1 * var(--vc-slide-translate)));
}

:root {
  --vc-white: #ffffff;
  --vc-black: #000000;

  --vc-gray-50: #f8fafc;
  --vc-gray-100: #f1f5f9;
  --vc-gray-200: #e2e8f0;
  --vc-gray-300: #cbd5e1;
  --vc-gray-400: #94a3b8;
  --vc-gray-500: #64748b;
  --vc-gray-600: #475569;
  --vc-gray-700: #334155;
  --vc-gray-800: #1e293b;
  --vc-gray-900: #0f172a;

  --vc-font-family: BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto',
    'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    'Helvetica', 'Arial', sans-serif;

  --vc-font-normal: 400;
  --vc-font-medium: 500;
  --vc-font-semibold: 600;
  --vc-font-bold: 700;

  --vc-text-2xs: 10px;
  --vc-text-xs: 12px;
  --vc-text-sm: 14px;
  --vc-text-base: 16px;
  --vc-text-lg: 18px;
  --vc-text-xl: 20px;
  --vc-text-2xl: 24px;

  --vc-leading-none: 1;
  --vc-leading-tight: 1.25;
  --vc-leading-snug: 1.375;
  --vc-leading-normal: 1.5;

  --vc-rounded: 0.25rem;
  --vc-rounded-md: 0.375rem;
  --vc-rounded-lg: 0.5rem;
  --vc-rounded-full: 9999px;

  --vc-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --vc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --vc-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);

  --vc-slide-translate: 22px;
  --vc-slide-duration: 0.15s;
  --vc-slide-timing: ease;

  --vc-day-content-transition: all 0.13s ease-in;
  --vc-weeknumber-offset-inside: 26px;
  --vc-weeknumber-offset-outside: 34px;
}

.vc-gray {
  --vc-accent-50: var(--vc-gray-50);
  --vc-accent-100: var(--vc-gray-100);
  --vc-accent-200: var(--vc-gray-200);
  --vc-accent-300: var(--vc-gray-300);
  --vc-accent-400: var(--vc-gray-400);
  --vc-accent-500: var(--vc-gray-500);
  --vc-accent-600: var(--vc-gray-600);
  --vc-accent-700: var(--vc-gray-700);
  --vc-accent-800: var(--vc-gray-800);
  --vc-accent-900: var(--vc-gray-900);
}

.vc-red {
  --vc-accent-50: #fef2f2;
  --vc-accent-100: #fee2e2;
  --vc-accent-200: #fecaca;
  --vc-accent-300: #fca5a5;
  --vc-accent-400: #f87171;
  --vc-accent-500: #ef4444;
  --vc-accent-600: #dc2626;
  --vc-accent-700: #b91c1c;
  --vc-accent-800: #991b1b;
  --vc-accent-900: #7f1d1d;
}

.vc-orange {
  --vc-accent-50: #fff7ed;
  --vc-accent-100: #ffedd5;
  --vc-accent-200: #fed7aa;
  --vc-accent-300: #fdba74;
  --vc-accent-400: #fb923c;
  --vc-accent-500: #f97316;
  --vc-accent-600: #ea580c;
  --vc-accent-700: #c2410c;
  --vc-accent-800: #9a3412;
  --vc-accent-900: #7c2d12;
}

.vc-yellow {
  --vc-accent-50: #fefce8;
  --vc-accent-100: #fef9c3;
  --vc-accent-200: #fef08a;
  --vc-accent-300: #fde047;
  --vc-accent-400: #facc15;
  --vc-accent-500: #eab308;
  --vc-accent-600: #ca8a04;
  --vc-accent-700: #a16207;
  --vc-accent-800: #854d0e;
  --vc-accent-900: #713f12;
}

.vc-green {
  --vc-accent-50: #f0fdf4;
  --vc-accent-100: #dcfce7;
  --vc-accent-200: #bbf7d0;
  --vc-accent-300: #86efac;
  --vc-accent-400: #4ade80;
  --vc-accent-500: #22c55e;
  --vc-accent-600: #16a34a;
  --vc-accent-700: #15803d;
  --vc-accent-800: #166534;
  --vc-accent-900: #14532d;
}

.vc-teal {
  --vc-accent-50: #f0fdfa;
  --vc-accent-100: #ccfbf1;
  --vc-accent-200: #99f6e4;
  --vc-accent-300: #5eead4;
  --vc-accent-400: #2dd4bf;
  --vc-accent-500: #14b8a6;
  --vc-accent-600: #0d9488;
  --vc-accent-700: #0f766e;
  --vc-accent-800: #115e59;
  --vc-accent-900: #134e4a;
}

.vc-blue {
  --vc-accent-50: #eff6ff;
  --vc-accent-100: #dbeafe;
  --vc-accent-200: #bfdbfe;
  --vc-accent-300: #93c5fd;
  --vc-accent-400: #60a5fa;
  --vc-accent-500: #3b82f6;
  --vc-accent-600: #2563eb;
  --vc-accent-700: #1d4ed8;
  --vc-accent-800: #1e40af;
  --vc-accent-900: #1e3a8a;
}

.vc-indigo {
  --vc-accent-50: #eef2ff;
  --vc-accent-100: #e0e7ff;
  --vc-accent-200: #c7d2fe;
  --vc-accent-300: #a5b4fc;
  --vc-accent-400: #818cf8;
  --vc-accent-500: #6366f1;
  --vc-accent-600: #4f46e5;
  --vc-accent-700: #4338ca;
  --vc-accent-800: #3730a3;
  --vc-accent-900: #312e81;
}

.vc-purple {
  --vc-accent-50: #faf5ff;
  --vc-accent-100: #f3e8ff;
  --vc-accent-200: #e9d5ff;
  --vc-accent-300: #d8b4fe;
  --vc-accent-400: #c084fc;
  --vc-accent-500: #a855f7;
  --vc-accent-600: #9333ea;
  --vc-accent-700: #7e22ce;
  --vc-accent-800: #6b21a8;
  --vc-accent-900: #581c87;
}

.vc-pink {
  --vc-accent-50: #fdf2f8;
  --vc-accent-100: #fce7f3;
  --vc-accent-200: #fbcfe8;
  --vc-accent-300: #f9a8d4;
  --vc-accent-400: #f472b6;
  --vc-accent-500: #ec4899;
  --vc-accent-600: #db2777;
  --vc-accent-700: #be185d;
  --vc-accent-800: #9d174d;
  --vc-accent-900: #831843;
}

.vc-focus:focus-within {
    outline: 0;
    box-shadow: var(--vc-focus-ring);
  }

.vc-light {
  /* Base */
  --vc-color: var(--vc-gray-900);
  --vc-bg: var(--vc-white);
  --vc-border: var(--vc-gray-300);
  --vc-hover-bg: hsla(211, 25%, 84%, 0.3);
  --vc-focus-ring: 0 0 0 2px rgb(59, 131, 246, 0.4);
  /* Calendar header */
  --vc-header-arrow-color: var(--vc-gray-500);
  --vc-header-arrow-hover-bg: var(--vc-gray-200);
  --vc-header-title-color: var(--vc-gray-900);
  /* Calendar weekdays */
  --vc-weekday-color: var(--vc-gray-500);
  /* Calendar weeknumbers */
  --vc-weeknumber-color: var(--vc-gray-400);
  /* Calendar nav */
  --vc-nav-hover-bg: var(--vc-gray-200);
  --vc-nav-title-color: var(--vc-gray-900);
  --vc-nav-item-hover-box-shadow: none;
  --vc-nav-item-active-color: var(--vc-white);
  --vc-nav-item-active-bg: var(--vc-accent-500);
  --vc-nav-item-active-box-shadow: var(--vc-shadow);
  --vc-nav-item-current-color: var(--vc-accent-600);
  /* Calendar day popover */
  --vc-day-popover-container-color: var(--vc-white);
  --vc-day-popover-container-bg: var(--vc-gray-800);
  --vc-day-popover-container-border: var(--vc-gray-700);
  --vc-day-popover-header-color: var(--vc-gray-700);
  /* Popover content */
  --vc-popover-content-color: var(--vc-gray-900);
  --vc-popover-content-bg: var(--vc-gray-50);
  --vc-popover-content-border: var(--vc-gray-300);
  /* Time picker */
  --vc-time-picker-border: var(--vc-gray-300);
  --vc-time-weekday-color: var(--vc-gray-700);
  --vc-time-month-color: var(--vc-accent-600);
  --vc-time-day-color: var(--vc-accent-600);
  --vc-time-year-color: var(--vc-gray-500);
  /* Time select group */
  --vc-time-select-group-bg: var(--vc-gray-50);
  --vc-time-select-group-border: var(--vc-gray-300);
  --vc-time-select-group-icon-color: var(--vc-accent-500);
  /* Base select */
  --vc-select-color: var(--vc-gray-900);
  --vc-select-bg: var(--vc-gray-100);
  --vc-select-hover-bg: var(--vc-gray-200);
  /* Calendar day */
  --vc-day-content-hover-bg: var(--vc-hover-bg);
  --vc-day-content-disabled-color: var(--vc-gray-400);
}

/* Calendar attributes */

.vc-light.vc-attr,
  .vc-light .vc-attr {
    --vc-content-color: var(--vc-accent-600);
    --vc-highlight-outline-bg: var(--vc-white);
    --vc-highlight-outline-border: var(--vc-accent-600);
    --vc-highlight-outline-content-color: var(--vc-accent-700);
    --vc-highlight-light-bg: var(--vc-accent-200);
    --vc-highlight-light-content-color: var(--vc-accent-900);
    --vc-highlight-solid-bg: var(--vc-accent-600);
    --vc-highlight-solid-content-color: var(--vc-white);
    --vc-dot-bg: var(--vc-accent-600);
    --vc-bar-bg: var(--vc-accent-600);
  }

.vc-dark {
  /* Base */
  --vc-color: var(--vc-white);
  --vc-bg: var(--vc-gray-900);
  --vc-border: var(--vc-gray-700);
  --vc-hover-bg: hsla(216, 15%, 52%, 0.3);
  --vc-focus-ring: 0 0 0 2px rgb(59 130 246 / 0.7);
  /* Calendar header */
  --vc-header-arrow-color: var(--vc-gray-300);
  --vc-header-arrow-hover-bg: var(--vc-gray-800);
  --vc-header-title-color: var(--vc-gray-100);
  /* Calendar weekdays */
  --vc-weekday-color: var(--vc-accent-200);
  /* Calendar weeknumbers */
  --vc-weeknumber-color: var(--vc-gray-500);
  /* Calendar nav */
  --vc-nav-hover-bg: var(--vc-gray-700);
  --vc-nav-title-color: var(--vc-gray-100);
  --vc-nav-item-hover-box-shadow: none;
  --vc-nav-item-active-color: var(--vc-white);
  --vc-nav-item-active-bg: var(--vc-accent-500);
  --vc-nav-item-active-box-shadow: none;
  --vc-nav-item-current-color: var(--vc-accent-400);
  /* Calendar day popover */
  --vc-day-popover-container-color: var(--vc-gray-800);
  --vc-day-popover-container-bg: var(--vc-white);
  --vc-day-popover-container-border: var(--vc-gray-100);
  --vc-day-popover-header-color: var(--vc-gray-300);
  /* Popover content */
  --vc-popover-content-color: var(--vc-white);
  --vc-popover-content-bg: var(--vc-gray-800);
  --vc-popover-content-border: var(--vc-gray-700);
  /* Time picker */
  --vc-time-picker-border: var(--vc-gray-700);
  --vc-time-weekday-color: var(--vc-gray-400);
  --vc-time-month-color: var(--vc-accent-400);
  --vc-time-day-color: var(--vc-accent-400);
  --vc-time-year-color: var(--vc-gray-500);
  /* Time select group */
  --vc-time-select-group-bg: var(--vc-gray-700);
  --vc-time-select-group-border: var(--vc-gray-500);
  --vc-time-select-group-icon-color: var(--vc-accent-400);
  /* Base select */
  --vc-select-color: var(--vc-gray-200);
  --vc-select-bg: var(--vc-gray-700);
  --vc-select-hover-bg: var(--vc-gray-600);
  /* Calendar day */
  --vc-day-content-hover-bg: var(--vc-hover-bg);
  --vc-day-content-disabled-color: var(--vc-gray-600);
}

/* Calendar attributes */

.vc-dark.vc-attr,
  .vc-dark .vc-attr {
    --vc-content-color: var(--vc-accent-500);
    --vc-highlight-outline-bg: var(--vc-gray-900);
    --vc-highlight-outline-border: var(--vc-accent-300);
    --vc-highlight-outline-content-color: var(--vc-accent-200);
    --vc-highlight-light-bg: var(--vc-accent-800);
    --vc-highlight-light-content-color: var(--vc-accent-100);
    --vc-highlight-solid-bg: var(--vc-accent-500);
    --vc-highlight-solid-content-color: var(--vc-white);
    --vc-dot-bg: var(--vc-accent-500);
    --vc-bar-bg: var(--vc-accent-500);
  }

.vc-container {
  position: relative;
  display: inline-flex;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  font-family: var(--vc-font-family);
  color: var(--vc-color);
  background-color: var(--vc-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

.vc-container,
  .vc-container * {
    box-sizing: border-box;
  }

.vc-container:focus, .vc-container *:focus {
      outline: none;
    }

/* Hides double border within popovers */

.vc-container .vc-container {
    border: none;
  }

.vc-bordered {
  border: 1px solid;
  border-color: var(--vc-border);
  border-radius: var(--vc-rounded-lg);
}

.vc-expanded {
  min-width: 100%;
}

.vc-transparent {
  background-color: transparent;
}

.vc-date-picker-content {
  padding: 0;
  background-color: var(--vc-bg);
}

.vc-date-picker-content .vc-container {
    border: 0;
  }
/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-date-range-label {
  margin-right: 3.2rem;
}
.r-date-range-button {
  white-space: nowrap;
}
.r-date-range-preset-picker .r-popover {
  min-width: 150px;
}
.r-date-range-preset-picker .r-button-size-regular.r-has-icon {
  padding: var(--r-space-3) var(--r-space-2);
  border-radius: 0 var(--r-border-radius-2) var(--r-border-radius-2) 0;
}
.r-date-range .r-button-type-default:focus {
  box-shadow: 0 0 0 1px var(--r-primary) inset, 0 0 0 1px var(--r-primary);
}
.r-range-picker-item {
  max-width: 500px;
  white-space: nowrap;
  text-overflow: ellipsis;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/* style for v-calendar */
.vc-container {
  --vc-font-family: var(--r-font-family);
  --vc-font-medium: var(--r-font-weight-medium);
  --vc-text-lg: var(--r-font-size-l);
  --vc-font-semibold: var(--r-font-weight-semi-bold);
  --vc-color: var(--r-text);
  --vc-day-content-disabled-color: var(--r-text-muted);
  --vc-focus-ring: none;
  background: var(--r-surface);
}
.vc-highlight-content-solid {
  color: var(--vc-highlight-light-content-color);
}
.vc-light.vc-attr,
.vc-light .vc-attr {
  --vc-highlight-outline-border: var(--r-primary);
}
.vc-day .vc-day-content {
  --vc-accent-900: var(--r-text);
  --vc-accent-600: var(--r-primary);
}
.vc-highlight-content-outline {
  color: var(--r-text);
}
.vc-header button {
  background: var(--r-surface);
}
.vc-header .vc-title {
  font-family: inherit;
  font-size: inherit;
  line-height: var(--r-font-line-height-l);
  color: var(--r-text);
}
.vc-day-content {
  transition: all var(--r-motion-duration-50) var(--r-motion-ease) !important;
}
.vc-day-content.vc-disabled {
  cursor: not-allowed;
}
.vc-popover-content-wrapper {
  z-index: var(--r-z-index-70) !important;
}
.vc-popover-content {
  box-shadow: var(--r-shadow-20) !important;
  border-color: var(--r-border) !important;
}
.vc-popover-caret {
  border: 1px solid var(--r-border);
}
.vc-nav-popover-container {
  background: var(--r-surface);
}
.vc-nav-popover-container .vc-popover-caret {
  display: none;
}

/* Calendar */
.calendar .r-popover-container {
  display: block;
}
.calendar > .r-popover-container::after {
  content: "";
  width: 32px;
  height: 32px;
  background: url("/static/icons/calendar.svg") center no-repeat var(--r-surface);
  position: absolute;
  top: var(--r-space-1);
  right: var(--r-space-1);
  box-shadow: -16px 0 16px -8px var(--r-surface);
}
.r-is-error > .calendar > .r-popover-container::after {
  background-color: rgba(var(--r-surface-danger), 0.3);
  box-shadow: var(--r-shadow-0);
}
.calendar .r-popover-container .vc-pane-container {
  box-shadow: var(--r-shadow-inset-20);
}
.r-popover-origin .r-popover-content-wrapper .r-popover-content::after {
  display: none !important;
}
.r-is-error .calendar input {
  box-shadow: 0 0 0 1px var(--r-border-danger) inset;
  background: var(--r-surface-danger-muted);
}
.r-is-error .calendar > .r-popover-container::after {
  background-color: transparent;
  box-shadow: var(--r-shadow-0);
}
.r-popover-origin ~ input {
  box-shadow: 0 0 0 1px var(--r-primary) inset, 0 0 0 0 rgba(161, 178, 193, 0.5) inset, 0 0 0 1px var(--r-primary);
}
.vc-blue {
  --vc-accent-200: var(--r-surface-info);
  --vc-accent-600: var(--r-surface-info);
  --vc-accent-700: var(--r-primary);
}
.vc-nav-item {
  background-color: var(--r-surface);
  color: var(--r-text);
}
.vc-nav-item.is-active,
.vc-nav-item.is-active:hover {
  background-color: var(--r-focus);
  box-shadow: none;
}
.vc-nav-item.is-current {
  color: var(--r-focus);
}
.vc-nav-item:hover {
  background-color: var(--r-surface-hover);
}
.vc-nav-title {
  color: var(--r-text);
}
.vc-nav-title,
.vc-nav-arrow {
  background-color: var(--r-surface);
}
.vc-nav-title:hover,
.vc-nav-arrow:hover {
  background-color: var(--r-surface-hover);
}
.vc-header .vc-arrow:hover {
  background: var(--r-surface-hover);
}

/** Time picker styles **/
.vc-base-select select {
  border-color: transparent;
  font-family: var(--r-font-family);
  color: var(--r-text);
}
.vc-base-select select:hover {
  background: var(--r-surface-tertiary);
}
.vc-time-month,
.vc-time-day {
  color: var(--r-primary);
}

/* style from _v-date-input.scss */
.r-date-input {
  min-width: 130px;
}
.vc-focus:focus-within {
  box-shadow: 0 0 0 2px var(--r-focus);
}
.vc-date-picker-content {
  background: var(--r-surface);
}
.vc-time-picker.vc-attached {
  border-color: var(--r-border);
}
.vc-time-select-group {
  background: var(--r-surface-secondary);
  border-color: var(--r-border);
}
.vc-highlight-bg-outline, .vc-highlight-bg-none {
  background: var(--r-surface-secondary);
}
.vc-highlight-bg-light,
.vc-highlight-bg-solid {
  background: var(--r-focus);
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-file-upload {
  display: inline-block;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-flex-layout {
  --r-flex-layout-columns: 12;
  --r-flex-layout-column-gap: 6;
  display: flex;
  min-width: 0;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
.r-flex-layout.r-flex-layout-columns-1 {
  --r-flex-layout-columns: 1;
}
.r-flex-layout.r-flex-layout-columns-2 {
  --r-flex-layout-columns: 2;
}
.r-flex-layout.r-flex-layout-columns-3 {
  --r-flex-layout-columns: 3;
}
.r-flex-layout.r-flex-layout-columns-4 {
  --r-flex-layout-columns: 4;
}
.r-flex-layout.r-flex-layout-columns-5 {
  --r-flex-layout-columns: 5;
}
.r-flex-layout.r-flex-layout-columns-6 {
  --r-flex-layout-columns: 6;
}
.r-flex-layout.r-flex-layout-columns-7 {
  --r-flex-layout-columns: 7;
}
.r-flex-layout.r-flex-layout-columns-8 {
  --r-flex-layout-columns: 8;
}
.r-flex-layout.r-flex-layout-columns-9 {
  --r-flex-layout-columns: 9;
}
.r-flex-layout.r-flex-layout-columns-10 {
  --r-flex-layout-columns: 10;
}
.r-flex-layout.r-flex-layout-columns-11 {
  --r-flex-layout-columns: 11;
}
.r-flex-layout.r-flex-layout-columns-12 {
  --r-flex-layout-columns: 12;
}
.r-flex-layout.r-flex-layout-gap-0 {
  gap: var(--r-space-0);
  --r-flex-layout-column-gap: 0.001rem;
}
.r-flex-layout.r-flex-layout-gap-1 {
  gap: var(--r-space-1);
  --r-flex-layout-column-gap: var(--r-space-1);
}
.r-flex-layout.r-flex-layout-gap-2 {
  gap: var(--r-space-2);
  --r-flex-layout-column-gap: var(--r-space-2);
}
.r-flex-layout.r-flex-layout-gap-3 {
  gap: var(--r-space-3);
  --r-flex-layout-column-gap: var(--r-space-3);
}
.r-flex-layout.r-flex-layout-gap-4 {
  gap: var(--r-space-4);
  --r-flex-layout-column-gap: var(--r-space-4);
}
.r-flex-layout.r-flex-layout-gap-5 {
  gap: var(--r-space-5);
  --r-flex-layout-column-gap: var(--r-space-5);
}
.r-flex-layout.r-flex-layout-gap-6 {
  gap: var(--r-space-6);
  --r-flex-layout-column-gap: var(--r-space-6);
}
.r-flex-layout.r-flex-layout-gap-7 {
  gap: var(--r-space-7);
  --r-flex-layout-column-gap: var(--r-space-7);
}
.r-flex-layout.r-flex-layout-gap-8 {
  gap: var(--r-space-8);
  --r-flex-layout-column-gap: var(--r-space-8);
}
.r-flex-layout.r-flex-layout-gap-9 {
  gap: var(--r-space-9);
  --r-flex-layout-column-gap: var(--r-space-9);
}
.r-flex-layout.r-flex-layout-gap-10 {
  gap: var(--r-space-10);
  --r-flex-layout-column-gap: var(--r-space-10);
}
.r-flex-layout.r-flex-layout-gap-11 {
  gap: var(--r-space-11);
  --r-flex-layout-column-gap: var(--r-space-11);
}
.r-flex-layout.r-flex-layout-gap-12 {
  gap: var(--r-space-12);
  --r-flex-layout-column-gap: var(--r-space-12);
}
.r-flex-layout.r-flex-layout-gap-row-0 {
  row-gap: var(--r-space-0);
}
.r-flex-layout.r-flex-layout-gap-row-1 {
  row-gap: var(--r-space-1);
}
.r-flex-layout.r-flex-layout-gap-row-2 {
  row-gap: var(--r-space-2);
}
.r-flex-layout.r-flex-layout-gap-row-3 {
  row-gap: var(--r-space-3);
}
.r-flex-layout.r-flex-layout-gap-row-4 {
  row-gap: var(--r-space-4);
}
.r-flex-layout.r-flex-layout-gap-row-5 {
  row-gap: var(--r-space-5);
}
.r-flex-layout.r-flex-layout-gap-row-6 {
  row-gap: var(--r-space-6);
}
.r-flex-layout.r-flex-layout-gap-row-7 {
  row-gap: var(--r-space-7);
}
.r-flex-layout.r-flex-layout-gap-row-8 {
  row-gap: var(--r-space-8);
}
.r-flex-layout.r-flex-layout-gap-row-9 {
  row-gap: var(--r-space-9);
}
.r-flex-layout.r-flex-layout-gap-row-10 {
  row-gap: var(--r-space-10);
}
.r-flex-layout.r-flex-layout-gap-row-11 {
  row-gap: var(--r-space-11);
}
.r-flex-layout.r-flex-layout-gap-row-12 {
  row-gap: var(--r-space-12);
}
.r-flex-layout.r-flex-layout-gap-column-0 {
  -moz-column-gap: var(--r-space-0);
       column-gap: var(--r-space-0);
  --r-flex-layout-column-gap: 0.001rem;
}
.r-flex-layout.r-flex-layout-gap-column-1 {
  -moz-column-gap: var(--r-space-1);
       column-gap: var(--r-space-1);
  --r-flex-layout-column-gap: var(--r-space-1);
}
.r-flex-layout.r-flex-layout-gap-column-2 {
  -moz-column-gap: var(--r-space-2);
       column-gap: var(--r-space-2);
  --r-flex-layout-column-gap: var(--r-space-2);
}
.r-flex-layout.r-flex-layout-gap-column-3 {
  -moz-column-gap: var(--r-space-3);
       column-gap: var(--r-space-3);
  --r-flex-layout-column-gap: var(--r-space-3);
}
.r-flex-layout.r-flex-layout-gap-column-4 {
  -moz-column-gap: var(--r-space-4);
       column-gap: var(--r-space-4);
  --r-flex-layout-column-gap: var(--r-space-4);
}
.r-flex-layout.r-flex-layout-gap-column-5 {
  -moz-column-gap: var(--r-space-5);
       column-gap: var(--r-space-5);
  --r-flex-layout-column-gap: var(--r-space-5);
}
.r-flex-layout.r-flex-layout-gap-column-6 {
  -moz-column-gap: var(--r-space-6);
       column-gap: var(--r-space-6);
  --r-flex-layout-column-gap: var(--r-space-6);
}
.r-flex-layout.r-flex-layout-gap-column-7 {
  -moz-column-gap: var(--r-space-7);
       column-gap: var(--r-space-7);
  --r-flex-layout-column-gap: var(--r-space-7);
}
.r-flex-layout.r-flex-layout-gap-column-8 {
  -moz-column-gap: var(--r-space-8);
       column-gap: var(--r-space-8);
  --r-flex-layout-column-gap: var(--r-space-8);
}
.r-flex-layout.r-flex-layout-gap-column-9 {
  -moz-column-gap: var(--r-space-9);
       column-gap: var(--r-space-9);
  --r-flex-layout-column-gap: var(--r-space-9);
}
.r-flex-layout.r-flex-layout-gap-column-10 {
  -moz-column-gap: var(--r-space-10);
       column-gap: var(--r-space-10);
  --r-flex-layout-column-gap: var(--r-space-10);
}
.r-flex-layout.r-flex-layout-gap-column-11 {
  -moz-column-gap: var(--r-space-11);
       column-gap: var(--r-space-11);
  --r-flex-layout-column-gap: var(--r-space-11);
}
.r-flex-layout.r-flex-layout-gap-column-12 {
  -moz-column-gap: var(--r-space-12);
       column-gap: var(--r-space-12);
  --r-flex-layout-column-gap: var(--r-space-12);
}
.r-flex-layout.r-flex-layout-align-items-start {
  align-items: start;
}
.r-flex-layout.r-flex-layout-align-items-flex-start {
  align-items: flex-start;
}
.r-flex-layout.r-flex-layout-align-items-end {
  align-items: end;
}
.r-flex-layout.r-flex-layout-align-items-flex-end {
  align-items: flex-end;
}
.r-flex-layout.r-flex-layout-align-items-center {
  align-items: center;
}
.r-flex-layout.r-flex-layout-align-items-stretch {
  align-items: stretch;
}
.r-flex-layout.r-flex-layout-align-items-baseline {
  align-items: baseline;
}
.r-flex-layout.r-flex-layout-align-content-start {
  align-content: start;
}
.r-flex-layout.r-flex-layout-align-content-flex-start {
  align-content: flex-start;
}
.r-flex-layout.r-flex-layout-align-content-end {
  align-content: end;
}
.r-flex-layout.r-flex-layout-align-content-flex-end {
  align-content: flex-end;
}
.r-flex-layout.r-flex-layout-align-content-center {
  align-content: center;
}
.r-flex-layout.r-flex-layout-align-content-stretch {
  align-content: stretch;
}
.r-flex-layout.r-flex-layout-align-content-baseline {
  align-content: baseline;
}
.r-flex-layout.r-flex-layout-justify-content-start {
  justify-content: start;
}
.r-flex-layout.r-flex-layout-justify-content-flex-start {
  justify-content: flex-start;
}
.r-flex-layout.r-flex-layout-justify-content-end {
  justify-content: end;
}
.r-flex-layout.r-flex-layout-justify-content-flex-end {
  justify-content: flex-end;
}
.r-flex-layout.r-flex-layout-justify-content-center {
  justify-content: center;
}
.r-flex-layout.r-flex-layout-justify-content-stretch {
  justify-content: stretch;
}
.r-flex-layout.r-flex-layout-justify-content-space-between {
  justify-content: space-between;
}
.r-flex-layout.r-flex-layout-justify-content-space-around {
  justify-content: space-around;
}
.r-flex-layout.r-flex-layout-justify-content-space-evenly {
  justify-content: space-evenly;
}
.r-flex-layout.r-flex-layout-justify-content-baseline {
  justify-content: baseline;
}
.r-flex-layout.r-flex-layout-direction-row {
  flex-direction: row;
}
.r-flex-layout.r-flex-layout-direction-row-reverse {
  flex-direction: row-reverse;
}
.r-flex-layout.r-flex-layout-direction-column {
  flex-direction: column;
}
.r-flex-layout.r-flex-layout-direction-column-reverse {
  flex-direction: column-reverse;
}
.r-flex-layout.r-flex-layout-direction-column .r-flex-layout-item-fill, .r-flex-layout.r-flex-layout-direction-column-reverse .r-flex-layout-item-fill {
  width: 100%;
}
.r-flex-layout.r-flex-layout-wrap-nowrap {
  flex-wrap: nowrap;
}
.r-flex-layout.r-flex-layout-wrap-wrap {
  flex-wrap: wrap;
}
.r-flex-layout.r-flex-layout-wrap-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.r-flex-layout.r-flex-layout-unstackable {
  flex-wrap: nowrap !important;
}
.r-flex-layout-item {
  flex-grow: 0;
  flex-basis: auto;
  min-width: 0;
}
.r-flex-layout-item.r-flex-layout-item-1 {
  width: calc(100% / var(--r-flex-layout-columns) - (var(--r-flex-layout-columns) - 1) * var(--r-flex-layout-column-gap) / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-2 {
  width: calc(200% / var(--r-flex-layout-columns) - (var(--r-flex-layout-columns) - 2) * var(--r-flex-layout-column-gap) / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-3 {
  width: calc(300% / var(--r-flex-layout-columns) - (var(--r-flex-layout-columns) - 3) * var(--r-flex-layout-column-gap) / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-4 {
  width: calc(400% / var(--r-flex-layout-columns) - (var(--r-flex-layout-columns) - 4) * var(--r-flex-layout-column-gap) / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-5 {
  width: calc(500% / var(--r-flex-layout-columns) - (var(--r-flex-layout-columns) - 5) * var(--r-flex-layout-column-gap) / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-6 {
  width: calc(600% / var(--r-flex-layout-columns) - (var(--r-flex-layout-columns) - 6) * var(--r-flex-layout-column-gap) / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-7 {
  width: calc(700% / var(--r-flex-layout-columns) - (var(--r-flex-layout-columns) - 7) * var(--r-flex-layout-column-gap) / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-8 {
  width: calc(800% / var(--r-flex-layout-columns) - (var(--r-flex-layout-columns) - 8) * var(--r-flex-layout-column-gap) / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-9 {
  width: calc(900% / var(--r-flex-layout-columns) - (var(--r-flex-layout-columns) - 9) * var(--r-flex-layout-column-gap) / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-10 {
  width: calc(1000% / var(--r-flex-layout-columns) - (var(--r-flex-layout-columns) - 10) * var(--r-flex-layout-column-gap) / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-11 {
  width: calc(1100% / var(--r-flex-layout-columns) - (var(--r-flex-layout-columns) - 11) * var(--r-flex-layout-column-gap) / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-12 {
  width: calc(1200% / var(--r-flex-layout-columns) - (var(--r-flex-layout-columns) - 12) * var(--r-flex-layout-column-gap) / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-auto {
  width: auto;
}
.r-flex-layout-item.r-flex-layout-item-fill {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}
.r-flex-layout-item.r-flex-layout-item-wrap-1 {
  margin-right: calc(100% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 1 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-wrap-2 {
  margin-right: calc(200% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 2 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-wrap-3 {
  margin-right: calc(300% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 3 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-wrap-4 {
  margin-right: calc(400% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 4 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-wrap-5 {
  margin-right: calc(500% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 5 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-wrap-6 {
  margin-right: calc(600% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 6 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-wrap-7 {
  margin-right: calc(700% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 7 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-wrap-8 {
  margin-right: calc(800% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 8 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-wrap-9 {
  margin-right: calc(900% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 9 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-wrap-10 {
  margin-right: calc(1000% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 10 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-wrap-11 {
  margin-right: calc(1100% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 11 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-wrap-12 {
  margin-right: calc(1200% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 12 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-offset-1 {
  margin-left: calc(100% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 1 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-offset-2 {
  margin-left: calc(200% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 2 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-offset-3 {
  margin-left: calc(300% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 3 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-offset-4 {
  margin-left: calc(400% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 4 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-offset-5 {
  margin-left: calc(500% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 5 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-offset-6 {
  margin-left: calc(600% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 6 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-offset-7 {
  margin-left: calc(700% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 7 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-offset-8 {
  margin-left: calc(800% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 8 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-offset-9 {
  margin-left: calc(900% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 9 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-offset-10 {
  margin-left: calc(1000% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 10 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-offset-11 {
  margin-left: calc(1100% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 11 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-offset-12 {
  margin-left: calc(1200% / var(--r-flex-layout-columns) + var(--r-flex-layout-column-gap) * 12 / var(--r-flex-layout-columns));
}
.r-flex-layout-item.r-flex-layout-item-offset-auto {
  margin-left: auto;
}
.r-flex-layout-item.r-flex-layout-item-align-self-start {
  align-self: start;
}
.r-flex-layout-item.r-flex-layout-item-align-self-flex-start {
  align-self: flex-start;
}
.r-flex-layout-item.r-flex-layout-item-align-self-end {
  align-self: end;
}
.r-flex-layout-item.r-flex-layout-item-align-self-flex-end {
  align-self: flex-end;
}
.r-flex-layout-item.r-flex-layout-item-align-self-center {
  align-self: center;
}
.r-flex-layout-item.r-flex-layout-item-align-self-stretch {
  align-self: stretch;
}
.r-flex-layout-item.r-flex-layout-item-align-self-baseline {
  align-self: baseline;
}
@media screen and (max-width: 1039px) {
.r-flex-layout:not(.r-flex-layout-unstackable) {
    flex-direction: column;
    flex-wrap: nowrap;
}
.r-flex-layout:not(.r-flex-layout-unstackable) .r-flex-layout-item {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-grid-layout {
  --r-grid-layout-columns: 12;
  display: grid;
}
.r-grid-layout.r-grid-layout-gap-0 {
  gap: var(--r-space-0);
}
.r-grid-layout.r-grid-layout-gap-1 {
  gap: var(--r-space-1);
}
.r-grid-layout.r-grid-layout-gap-2 {
  gap: var(--r-space-2);
}
.r-grid-layout.r-grid-layout-gap-3 {
  gap: var(--r-space-3);
}
.r-grid-layout.r-grid-layout-gap-4 {
  gap: var(--r-space-4);
}
.r-grid-layout.r-grid-layout-gap-5 {
  gap: var(--r-space-5);
}
.r-grid-layout.r-grid-layout-gap-6 {
  gap: var(--r-space-6);
}
.r-grid-layout.r-grid-layout-gap-7 {
  gap: var(--r-space-7);
}
.r-grid-layout.r-grid-layout-gap-8 {
  gap: var(--r-space-8);
}
.r-grid-layout.r-grid-layout-gap-9 {
  gap: var(--r-space-9);
}
.r-grid-layout.r-grid-layout-gap-10 {
  gap: var(--r-space-10);
}
.r-grid-layout.r-grid-layout-gap-11 {
  gap: var(--r-space-11);
}
.r-grid-layout.r-grid-layout-gap-12 {
  gap: var(--r-space-12);
}
.r-grid-layout.r-grid-layout-columns-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  --r-grid-layout-columns: 1;
}
.r-grid-layout.r-grid-layout-columns-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  --r-grid-layout-columns: 2;
}
.r-grid-layout.r-grid-layout-columns-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  --r-grid-layout-columns: 3;
}
.r-grid-layout.r-grid-layout-columns-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  --r-grid-layout-columns: 4;
}
.r-grid-layout.r-grid-layout-columns-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  --r-grid-layout-columns: 5;
}
.r-grid-layout.r-grid-layout-columns-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  --r-grid-layout-columns: 6;
}
.r-grid-layout.r-grid-layout-columns-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  --r-grid-layout-columns: 7;
}
.r-grid-layout.r-grid-layout-columns-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
  --r-grid-layout-columns: 8;
}
.r-grid-layout.r-grid-layout-columns-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
  --r-grid-layout-columns: 9;
}
.r-grid-layout.r-grid-layout-columns-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
  --r-grid-layout-columns: 10;
}
.r-grid-layout.r-grid-layout-columns-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
  --r-grid-layout-columns: 11;
}
.r-grid-layout.r-grid-layout-columns-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  --r-grid-layout-columns: 12;
}
.r-grid-layout.r-grid-layout-justify-items-start {
  justify-items: start;
}
.r-grid-layout.r-grid-layout-justify-items-end {
  justify-items: end;
}
.r-grid-layout.r-grid-layout-justify-items-center {
  justify-items: center;
}
.r-grid-layout.r-grid-layout-justify-items-stretch {
  justify-items: stretch;
}
.r-grid-layout.r-grid-layout-justify-items-baseline {
  justify-items: baseline;
}
.r-grid-layout.r-grid-layout-align-items-start {
  align-items: start;
}
.r-grid-layout.r-grid-layout-align-items-end {
  align-items: end;
}
.r-grid-layout.r-grid-layout-align-items-center {
  align-items: center;
}
.r-grid-layout.r-grid-layout-align-items-stretch {
  align-items: stretch;
}
.r-grid-layout.r-grid-layout-align-items-baseline {
  align-items: baseline;
}
.r-grid-layout.r-grid-layout-justify-content-start {
  justify-content: start;
}
.r-grid-layout.r-grid-layout-justify-content-end {
  justify-content: end;
}
.r-grid-layout.r-grid-layout-justify-content-center {
  justify-content: center;
}
.r-grid-layout.r-grid-layout-justify-content-stretch {
  justify-content: stretch;
}
.r-grid-layout.r-grid-layout-justify-content-space-between {
  justify-content: space-between;
}
.r-grid-layout.r-grid-layout-justify-content-space-around {
  justify-content: space-around;
}
.r-grid-layout.r-grid-layout-justify-content-space-evenly {
  justify-content: space-evenly;
}
.r-grid-layout.r-grid-layout-justify-content-baseline {
  justify-content: baseline;
}
.r-grid-layout.r-grid-layout-align-content-start {
  align-content: start;
}
.r-grid-layout.r-grid-layout-align-content-end {
  align-content: end;
}
.r-grid-layout.r-grid-layout-align-content-center {
  align-content: center;
}
.r-grid-layout.r-grid-layout-align-content-stretch {
  align-content: stretch;
}
.r-grid-layout.r-grid-layout-align-content-space-between {
  align-content: space-between;
}
.r-grid-layout.r-grid-layout-align-content-space-around {
  align-content: space-around;
}
.r-grid-layout.r-grid-layout-align-content-space-evenly {
  align-content: space-evenly;
}
.r-grid-layout.r-grid-layout-align-content-baseline {
  align-content: baseline;
}
.r-grid-layout-cell {
  --r-grid-layout-cell-offset-start: 1;
  --r-grid-layout-cell-offset-end: 12;
  --r-grid-layout-cell-wrap-start: 1;
  grid-column-end: span 12;
}
.r-grid-layout-cell.r-grid-layout-cell-span-1 {
  grid-column-end: span 1;
}
.r-grid-layout-cell.r-grid-layout-cell-span-2 {
  grid-column-end: span 2;
}
.r-grid-layout-cell.r-grid-layout-cell-span-3 {
  grid-column-end: span 3;
}
.r-grid-layout-cell.r-grid-layout-cell-span-4 {
  grid-column-end: span 4;
}
.r-grid-layout-cell.r-grid-layout-cell-span-5 {
  grid-column-end: span 5;
}
.r-grid-layout-cell.r-grid-layout-cell-span-6 {
  grid-column-end: span 6;
}
.r-grid-layout-cell.r-grid-layout-cell-span-7 {
  grid-column-end: span 7;
}
.r-grid-layout-cell.r-grid-layout-cell-span-8 {
  grid-column-end: span 8;
}
.r-grid-layout-cell.r-grid-layout-cell-span-9 {
  grid-column-end: span 9;
}
.r-grid-layout-cell.r-grid-layout-cell-span-10 {
  grid-column-end: span 10;
}
.r-grid-layout-cell.r-grid-layout-cell-span-11 {
  grid-column-end: span 11;
}
.r-grid-layout-cell.r-grid-layout-cell-span-12 {
  grid-column-end: span 12;
}
.r-grid-layout-cell.r-grid-layout-cell-justify-self-start {
  justify-self: start;
}
.r-grid-layout-cell.r-grid-layout-cell-justify-self-end {
  justify-self: end;
}
.r-grid-layout-cell.r-grid-layout-cell-justify-self-center {
  justify-self: center;
}
.r-grid-layout-cell.r-grid-layout-cell-justify-self-stretch {
  justify-self: stretch;
}
.r-grid-layout-cell.r-grid-layout-cell-justify-self-baseline {
  justify-self: baseline;
}
.r-grid-layout-cell.r-grid-layout-cell-align-self-start {
  align-self: start;
}
.r-grid-layout-cell.r-grid-layout-cell-align-self-end {
  align-self: end;
}
.r-grid-layout-cell.r-grid-layout-cell-align-self-center {
  align-self: center;
}
.r-grid-layout-cell.r-grid-layout-cell-align-self-stretch {
  align-self: stretch;
}
.r-grid-layout-cell.r-grid-layout-cell-align-self-baseline {
  align-self: baseline;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-start-1 {
  --r-grid-layout-cell-offset-start: 1;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-start-2 {
  --r-grid-layout-cell-offset-start: 2;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-start-3 {
  --r-grid-layout-cell-offset-start: 3;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-start-4 {
  --r-grid-layout-cell-offset-start: 4;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-start-5 {
  --r-grid-layout-cell-offset-start: 5;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-start-6 {
  --r-grid-layout-cell-offset-start: 6;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-start-7 {
  --r-grid-layout-cell-offset-start: 7;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-start-8 {
  --r-grid-layout-cell-offset-start: 8;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-start-9 {
  --r-grid-layout-cell-offset-start: 9;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-start-10 {
  --r-grid-layout-cell-offset-start: 10;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-start-11 {
  --r-grid-layout-cell-offset-start: 11;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-start-12 {
  --r-grid-layout-cell-offset-start: 12;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-end-1 {
  --r-grid-layout-cell-offset-end: 1;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-end-2 {
  --r-grid-layout-cell-offset-end: 2;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-end-3 {
  --r-grid-layout-cell-offset-end: 3;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-end-4 {
  --r-grid-layout-cell-offset-end: 4;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-end-5 {
  --r-grid-layout-cell-offset-end: 5;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-end-6 {
  --r-grid-layout-cell-offset-end: 6;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-end-7 {
  --r-grid-layout-cell-offset-end: 7;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-end-8 {
  --r-grid-layout-cell-offset-end: 8;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-end-9 {
  --r-grid-layout-cell-offset-end: 9;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-end-10 {
  --r-grid-layout-cell-offset-end: 10;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-end-11 {
  --r-grid-layout-cell-offset-end: 11;
}
.r-grid-layout-cell.r-grid-layout-cell-offset-end-12 {
  --r-grid-layout-cell-offset-end: 12;
}
.r-grid-layout-cell.r-grid-layout-cell-offset {
  grid-column: var(--r-grid-layout-cell-offset-start)/var(--r-grid-layout-cell-offset-end);
}
.r-grid-layout-cell.r-grid-layout-cell-wrap-start-1 {
  --r-grid-layout-cell-wrap-start: 1;
}
.r-grid-layout-cell.r-grid-layout-cell-wrap-start-2 {
  --r-grid-layout-cell-wrap-start: 2;
}
.r-grid-layout-cell.r-grid-layout-cell-wrap-start-3 {
  --r-grid-layout-cell-wrap-start: 3;
}
.r-grid-layout-cell.r-grid-layout-cell-wrap-start-4 {
  --r-grid-layout-cell-wrap-start: 4;
}
.r-grid-layout-cell.r-grid-layout-cell-wrap-start-5 {
  --r-grid-layout-cell-wrap-start: 5;
}
.r-grid-layout-cell.r-grid-layout-cell-wrap-start-6 {
  --r-grid-layout-cell-wrap-start: 6;
}
.r-grid-layout-cell.r-grid-layout-cell-wrap-start-7 {
  --r-grid-layout-cell-wrap-start: 7;
}
.r-grid-layout-cell.r-grid-layout-cell-wrap-start-8 {
  --r-grid-layout-cell-wrap-start: 8;
}
.r-grid-layout-cell.r-grid-layout-cell-wrap-start-9 {
  --r-grid-layout-cell-wrap-start: 9;
}
.r-grid-layout-cell.r-grid-layout-cell-wrap-start-10 {
  --r-grid-layout-cell-wrap-start: 10;
}
.r-grid-layout-cell.r-grid-layout-cell-wrap-start-11 {
  --r-grid-layout-cell-wrap-start: 11;
}
.r-grid-layout-cell.r-grid-layout-cell-wrap-start-12 {
  --r-grid-layout-cell-wrap-start: 12;
}
.r-grid-layout-cell.r-grid-layout-cell-wrap {
  grid-column: calc(var(--r-grid-layout-cell-wrap-start) + 1)/calc(var(--r-grid-layout-columns) + 1);
}
@media screen and (max-width: 1039px) {
.r-grid-layout:not(.r-grid-layout-unstackable) .r-grid-layout-cell {
    grid-column: 1/-1 !important;
    margin-bottom: auto !important;
}
.r-grid-layout:not(.r-grid-layout-unstackable) .r-grid-layout-cell.is-offset,
  .r-grid-layout:not(.r-grid-layout-unstackable) .r-grid-layout-cell.is-wrap {
    display: none !important;
}
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
/**
* Input Group
*/
.r-field-group {
  display: flex;
  align-items: end;
}
.r-field-group > * {
  flex: 1 0;
  margin-left: -0.1rem;
}
.r-field-group > *:not(:first-child):not(:last-child) {
  border-radius: 0;
  z-index: var(--r-z-index-5);
}
.r-field-group > *:not(:first-child):not(:last-child) .r-field-input, .r-field-group > *:not(:first-child):not(:last-child) .r-select-tags, .r-field-group > *:not(:first-child):not(:last-child) .r-select {
  border-radius: 0;
  z-index: var(--r-z-index-5);
}
.r-field-group > *:first-child {
  border-radius: var(--r-border-radius-2) 0 0 var(--r-border-radius-2);
}
.r-field-group > *:first-child .r-field-input, .r-field-group > *:first-child .r-select-tags, .r-field-group > *:first-child .r-select {
  border-radius: var(--r-border-radius-2) 0 0 var(--r-border-radius-2);
}
.r-field-group > *:last-child,
.r-field-group > *:last-child .r-field-input,
.r-field-group > *:last-child .r-select-tags,
.r-field-group > *:last-child .r-select {
  border-radius: 0 var(--r-border-radius-2) var(--r-border-radius-2) 0;
}
.r-field-group > *:last-child .r-field-input, .r-field-group > *:last-child .r-select-tags, .r-field-group > *:last-child .r-select,
.r-field-group > *:last-child .r-field-input .r-field-input,
.r-field-group > *:last-child .r-field-input .r-select-tags,
.r-field-group > *:last-child .r-field-input .r-select,
.r-field-group > *:last-child .r-select-tags .r-field-input,
.r-field-group > *:last-child .r-select-tags .r-select-tags,
.r-field-group > *:last-child .r-select-tags .r-select,
.r-field-group > *:last-child .r-select .r-field-input,
.r-field-group > *:last-child .r-select .r-select-tags,
.r-field-group > *:last-child .r-select .r-select {
  border-radius: 0 var(--r-border-radius-2) var(--r-border-radius-2) 0;
}
.r-field-group > *:only-child,
.r-field-group > *:first-child:last-child {
  border-radius: var(--r-border-radius-2);
}
.r-field-group > *:only-child .r-field-input, .r-field-group > *:only-child .r-select-tags, .r-field-group > *:only-child .r-select,
.r-field-group > *:first-child:last-child .r-field-input,
.r-field-group > *:first-child:last-child .r-select-tags,
.r-field-group > *:first-child:last-child .r-select {
  border-radius: var(--r-border-radius-2);
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-field,
.r-field-control {
  position: relative;
}
.r-field-label {
  display: block;
  color: var(--r-text);
  margin-bottom: var(--r-space-2);
  font-size: var(--r-font-size-m);
  font-weight: var(--r-font-weight-medium);
}
.r-field-input, .r-field-addon,
.r-field-editable {
  min-width: 70px;
  width: 100%;
  height: auto;
  vertical-align: baseline;
  padding: var(--r-space-3) var(--r-space-5);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: var(--r-border-radius-2);
  background: var(--r-surface);
  display: block;
  color: var(--r-text);
  box-sizing: border-box;
  margin: 0;
  border: none;
  box-shadow: 0 0 0 1px var(--r-border-strong) inset;
  text-transform: initial;
  letter-spacing: initial;
  font-family: inherit;
  font-weight: var(--r-font-weight-regular);
  font-size: var(--r-font-size-m);
  line-height: var(--r-font-line-height-m);
  transition: box-shadow var(--r-motion-duration-150) var(--r-motion-ease-in);
  outline: none;
}
.r-field-input:focus, .r-field-addon:focus,
.r-field-editable:focus {
  box-shadow: inset 0 0 0 2px var(--r-focus);
}
.r-field-caption,
.r-field-caption-error {
  display: block;
  color: var(--r-text-muted);
  line-height: var(--r-font-line-height-m);
  font-size: var(--r-font-size-m);
  font-weight: var(--r-font-weight-regular);
  margin-top: var(--r-space-2);
  margin-bottom: var(--r-space-0);
  color: var(--r-text-muted);
}
.r-field.r-is-error .r-field-label,
.r-field.r-is-error label,
.r-field.r-is-error .r-button,
.r-field-caption-error {
  color: var(--r-complementary-danger);
}
.r-field.r-is-error .r-field-input, .r-field.r-is-error .r-field-addon,
.r-field.r-is-error input {
  color: var(--r-complementary-danger);
  box-shadow: 0 0 0 1px var(--r-complementary-danger) inset;
  background: var(--r-surface-danger-muted);
}
.r-field.r-is-error .r-field-input:focus, .r-field.r-is-error .r-field-addon:focus,
.r-field.r-is-error input:focus {
  box-shadow: 0 0 0 2px var(--r-complementary-danger) inset;
}
.r-field-caption,
.r-field-caption-error {
  display: block;
  margin-top: var(--r-space-2);
}
.r-field-caption-error + .r-field-caption-error {
  margin-top: var(--r-space-1);
}

/**
* Input Icons
*/
.r-field-control.r-has-icon-right .r-icon:last-child,
.r-field-control.r-has-image-right .image-card {
  position: absolute;
  top: var(--r-space-3);
  right: var(--r-space-3);
}
.r-field-control.r-has-icon-right .r-field-input, .r-field-control.r-has-icon-right .r-field-addon {
  padding: var(--r-space-3) var(--r-space-9) var(--r-space-3) var(--r-space-5);
}
.r-field-control.r-has-icon-left .r-icon:first-child {
  position: absolute;
  top: var(--r-space-3);
  left: var(--r-space-3);
}
.r-field-control.r-has-icon-left .r-field-input, .r-field-control.r-has-icon-left .r-field-addon {
  padding: var(--r-space-3) var(--r-space-5) var(--r-space-3) var(--r-space-9);
}
.r-field.r-is-error .r-field-control.r-has-icon-right .r-icon,
.r-field.r-is-error .r-field-control.r-has-icon-left .r-icon {
  fill: var(--r-complementary-danger);
}

/**
* Textarea
*/
.r-field textarea {
  resize: none;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 36px;
  max-height: 150px;
}
textarea.r-field-input, textarea.r-field-addon {
  resize: none;
}
@-moz-document url-prefix() {
textarea.r-field-input, textarea.r-field-addon {
    min-height: 36px;
}
}
/**
* Input Addon
*/
.r-field-addon {
  width: auto;
  min-width: auto;
  box-shadow: 0 0 0 1px var(--r-border-strong) inset;
  background: var(--r-surface-secondary);
  text-align: center;
}
.r-field-addon.r-field-addon-clear {
  background: transparent;
  box-shadow: var(--r-shadow-0);
}
.r-field-addon.r-field-addon-clear:first-child {
  padding-left: 0;
}
.r-field-addon {
  margin-bottom: 0;
}

/* Removing Firefox dotted line */
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--r-text);
}

/**
* Input Size Variations
*/
.r-field.r-field-auto-width {
  display: inline-block;
}
@media screen and (max-width: 767px) {
.r-field.r-field-auto-width {
    display: block;
}
}

/**
* Input Disabled
*/
.r-field-input[disabled], [disabled].r-field-addon {
  background: var(--r-background);
  box-shadow: 0 0 0 1px var(--r-border) inset;
  color: var(--r-text-muted);
}

/**
* Placeholders
*/
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--r-text-muted);
}
::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: var(--r-text-muted);
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--r-text-muted);
}
:-moz-placeholder {
  /* Firefox 18- */
  color: var(--r-text-muted);
}

/* Placeholder support for content editable field */
.r-field-editable-wrapper {
  position: relative;
}
.r-field-editable-wrapper[placeholder]:empty:before {
  content: attr(placeholder);
  position: absolute;
  width: 60%;
  color: var(--r-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
@media screen and (max-width: 1199px) {
.r-field-editable-wrapper[placeholder]:empty:before {
    width: 100%;
}
}
.r-field-editable-wrapper[placeholder]:empty:focus:before {
  content: "";
  display: none;
}

/**
Editable field special classes
 */
.r-field-editable-wrapper {
  display: block;
  position: relative;
  min-height: 20px;
}
.r-field-editable.r-has-icon {
  position: relative;
  padding-left: 40px;
}
.r-field-editable-wrapper .keyword {
  color: var(--r-primary);
  box-shadow: inset 0 -1px 0 var(--r-surface-info-muted);
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-loader {
  position: absolute;
  z-index: var(--r-z-index-30);
  background: var(--r-background);
  display: block;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  opacity: 0.8;
  transition: opacity var(--r-motion-duration-300) var(--r-motion-ease-out);
  border-radius: var(--r-border-radius-2);
}
.r-loader .r-loader-icon-wrapper {
  display: block;
  position: relative;
  width: 36px;
  height: 36px;
  background: var(--r-text-muted);
  border-radius: 4px;
  background-clip: padding-box;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.r-loader .r-loader-icon-wrapper * {
  display: block;
  position: absolute;
  transition: height var(--r-motion-duration-300) var(--r-motion-ease);
  transform-origin: top;
  transform: rotate(180deg);
  width: 4px;
  background: var(--r-background);
}
.r-loader .r-loader-icon-wrapper.r-is-spinner {
  opacity: 1;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.r-loader .r-loader-icon-wrapper.r-is-spinner * {
  transform: none;
  width: var(--r-space-6);
  transform-origin: center;
}
.r-loader .r-loader-icon-wrapper.r-is-spinner .r-icon {
  scale: 1.6;
}
.r-loader .r-loader-icon-wrapper .r-mr-re {
  top: 28px;
  left: 9px;
  height: 14px;
  animation: r-mr-re-reset 0.5s normal;
}
.r-loader .r-loader-icon-wrapper .r-mr-bil {
  top: 28px;
  left: 16px;
  height: 17px;
  animation: r-mr-bil-reset 0.5s normal;
}
.r-loader .r-loader-icon-wrapper .r-mr-ly {
  top: 28px;
  left: 23px;
  height: 20px;
  animation: r-mr-ly-reset 0.5s normal;
}
.r-loader.r-is-loading .r-loader-icon-wrapper .r-mr-re {
  height: 0px;
  animation: r-mr-re-animation 1s infinite;
}
.r-loader.r-is-loading .r-loader-icon-wrapper .r-mr-bil {
  height: 0px;
  animation: r-mr-bil-animation 1s 0.2s infinite;
}
.r-loader.r-is-loading .r-loader-icon-wrapper .r-mr-ly {
  height: 0px;
  animation: r-mr-ly-animation 1s 0.4s infinite;
}
.r-loader.r-is-fullscreen {
  position: fixed;
  opacity: 1;
  z-index: var(--r-z-index-35);
}
@keyframes r-mr-re-animation {
0% {
    height: 0;
}
50% {
    height: 14px;
}
100% {
    height: 0;
}
}
@keyframes r-mr-re-reset {
0% {
    height: 0;
}
100% {
    height: 14px;
}
}
@keyframes r-mr-bil-animation {
0% {
    height: 0;
}
50% {
    height: 17px;
}
100% {
    height: 0;
}
}
@keyframes r-mr-bil-reset {
0% {
    height: 0;
}
100% {
    height: 17px;
}
}
@keyframes r-mr-ly-animation {
0% {
    height: 0;
}
50% {
    height: 20px;
}
100% {
    height: 0;
}
}
@keyframes r-mr-ly-reset {
0% {
    height: 0;
}
100% {
    height: 20px;
}
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-modal-overlay {
  background-color: var(--r-overlay);
  box-sizing: border-box;
  flex-direction: column;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--r-z-index-70);
  overflow-y: auto;
  padding: 88px 0 32px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.r-modal-overlay.r-is-scrollable {
  justify-content: flex-start;
}
.r-modal-control {
  z-index: var(--r-z-index-65);
  box-sizing: border-box;
  background: var(--r-surface);
  box-shadow: var(--r-shadow-40);
  border-radius: var(--r-border-radius-2);
  width: 400px;
  transform: scale(1);
  color: var(--r-text);
  font-family: var(--r-font-family);
}
@media screen and (max-width: 767px) {
.r-modal-control {
    width: 90% !important;
}
}
.r-modal-header,
.r-modal-actions {
  flex-wrap: nowrap;
  display: flex;
}
.r-modal-actions-right {
  text-align: right;
}
.r-modal-header {
  justify-content: space-between;
  align-items: center;
}
.r-modal-actions > * {
  flex: 1 0;
}
.r-modal-header,
.r-modal-content {
  border-bottom: 1px solid var(--r-border);
}
.r-modal-content {
  font-size: var(--r-font-size-m);
}
.r-modal-content p,
.r-modal-content-secondary p {
  margin: 0;
  line-height: var(--r-font-line-height-m);
}

/* Secondary */
.r-modal-content.r-modal-content-secondary {
  background: var(--r-surface-secondary);
}
.r-modal-content.r-is-scrollable {
  max-height: 400px;
  overflow-y: scroll;
}
.r-modal-header,
.r-modal-content,
.r-modal-actions {
  padding: var(--r-space-5) var(--r-space-6);
}
.r-modal-content-inner {
  border-bottom: none;
  margin: -20px;
}
.r-modal-header h2 {
  margin: 0;
  padding: 0;
  border: none;
  font-size: var(--r-font-size-l);
}
.r-modal-loader.loader.r-is-loading {
  opacity: 0.6;
}

/* TODO where usage wrapper */
.r-modal-loader .wrapper {
  background-color: var(--r-primary);
}

/**
* Transitions
*/
.r-modal-enter-active,
.r-modal-leave-active {
  transition: all var(--r-motion-duration-150) var(--r-motion-linear);
}
.r-modal-enter,
.r-modal-leave-to {
  opacity: 1;
}
.r-modal-enter-active .r-modal-control,
.r-modal-leave-active .r-modal-control {
  transition: all var(--r-motion-duration-150) var(--r-motion-linear);
}
.r-modal-enter-from .r-modal-control,
.r-modal-leave-to .r-modal-control {
  transform: scale(0.9);
  opacity: 0;
}

/**
* Sizes
*/
.r-modal-control.r-modal-control-large {
  width: 600px;
}
.r-modal-control.r-modal-control-extra-large {
  width: 800px;
}
.r-modal-control.r-modal-control-fluid {
  width: 70%;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-month-picker-container {
  width: 300px;
  padding: 0 var(--r-space-3);
}
.r-month-picker {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-radius: var(--r-border-radius-2);
  border: 1px solid var(--r-border);
  overflow: hidden;
}
.r-month-picker .r-month-picker-month {
  text-align: center;
}
.r-month-picker-year {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-weight: var(--r-font-weight-medium);
  font-size: var(--r-font-size-l);
  margin-bottom: var(--r-space-3);
  color: var(--r-text);
}
.r-month-picker-month {
  flex: 1 0 33.33%;
  font-size: var(--r-font-size-m);
  line-height: var(--r-font-line-height-m);
  font-weight: var(--r-font-weight-semi-bold);
  padding: 0.75em 0.25em;
  cursor: pointer;
  text-align: left;
  color: var(--r-text);
  border: none;
  box-shadow: 0 0 0 1px var(--r-border);
  background: var(--r-surface);
}
.r-month-picker-month.r-month-picker-month-selected {
  background: var(--r-primary);
  color: var(--r-text-on-surface);
  box-shadow: var(--r-shadow-0);
}
.r-month-picker .r-month-picker-month:hover {
  border: none;
  box-shadow: var(--r-shadow-0);
  color: var(--r-text-on-surface);
  background: var(--r-primary-hover);
}
.r-month-picker-month-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-pagination-control {
  display: flex;
  flex-flow: column;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}

/* fix the bugs on IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.r-pagination-control {
    height: 36px;
}
}
.r-pagination-control-buttons-wrapper {
  display: flex;
  flex: 1 0;
}
.r-pagination-control-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 var(--r-space-1);
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-popper-content-wrapper > *:only-child {
  visibility: visible;
  opacity: 1;
}
.r-popper {
  display: inline-block;
  position: relative;
}
.r-popper.r-popper-fluid {
  width: 100%;
}
.r-popper .r-divider {
  /* todo where is the divider */
  margin: var(--r-space-5) 0;
}
.r-popper.r-popper-fluid {
  width: 100%;
}
.r-popper-content {
  padding: var(--r-space-5);
  border-bottom: 1px solid var(--r-border);
}
.r-popper-content p,
.r-popper-content ul,
.r-popper-content ol,
.r-popper-content pre,
.r-popper-content table,
.r-popper-content blockquote,
.r-popper-content h1,
.r-popper-content h2,
.r-popper-content h3,
.r-popper-content h4,
.r-popper-content h5,
.r-popper-content h6 {
  margin: 0;
}
.r-popper-content:first-child {
  border-radius: var(--r-border-radius-2) var(--r-border-radius-2) 0 0;
}
.r-popper-content:last-child {
  border-bottom: 0;
  border-radius: 0 0 var(--r-border-radius-2) var(--r-border-radius-2);
}
.r-popper-content .r-popper-title {
  margin: 0;
  padding: var(--r-space-3) var(--r-space-6);
}
.r-popper-content .r-popper-item {
  white-space: nowrap;
  display: block;
  cursor: pointer;
  line-height: var(--r-font-line-height-m);
  color: var(--r-text);
  box-sizing: border-box;
  padding: var(--r-space-3) var(--r-space-6);
}
.r-popper-content .r-popper-item:hover,
.r-popper-content .r-popper-itemfocus,
.r-popper-content .r-popper-item:active,
.r-popper-content .r-popper-item:hover,
.r-popper-content .r-popper-item.is-active {
  text-decoration: none;
  background: var(--r-surface-hover);
  color: var(--r-text);
}
.r-popper-content .r-popper-item.is-active {
  font-weight: var(--r-font-weight-semi-bold);
}
.r-popper-content .r-popper-item:hover svg,
.r-popper-content .r-popper-item:focus svg,
.r-popper-content .r-popper-item:active svg,
.r-popper-content .r-popper-item.is-active svg {
  fill: var(--r-icon-hover);
}
.r-popper-content .r-popper-item:hover .avatar .avatar-info-muted-text,
.r-popper-content .r-popper-item:focus .avatar .avatar-info-muted-text,
.r-popper-content .r-popper-item:active .avatar .avatar-info-muted-text {
  color: var(--r-text);
}
.r-popper-content .r-popper-item:hover .r-text-muted,
.r-popper-content .r-popper-item:focus .r-text-muted,
.r-popper-content .r-popper-item:active .r-text-muted {
  color: var(--r-text) !important;
}
.r-popper-content.r-is-scrollable {
  max-height: 196px;
  overflow-y: scroll;
}

/**
* Types
*/
.r-popover-content.r-popover-content-padded,
.r-popper-content.r-popper-content-padded {
  padding: var(--r-space-5);
}
.r-popper-content.r-popper-content-help {
  padding: var(--r-space-3) var(--r-space-5);
  text-align: center;
  background: var(--r-surface-secondary);
}
.r-popover {
  box-sizing: border-box;
  display: inline-block;
  min-width: 280px;
  background: var(--r-surface);
  box-shadow: var(--r-shadow-inset-20);
  border-radius: var(--r-border-radius-2);
  z-index: var(--r-z-index-35);
  transition: all var(--r-motion-duration-50) var(--r-motion-ease-in);
}
.r-popover-fixed .r-popover {
  position: fixed;
}
.r-popover-absolute .r-popover {
  position: absolute;
}
.r-popover.r-popover-centered {
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.r-popover-title {
  padding: var(--r-space-5);
  display: flex;
  border-bottom: 1px solid var(--r-border);
}
.r-popover-subtitle {
  display: flex;
  padding-bottom: var(--r-space-5);
}
.r-popover-title > *,
.r-popover-subtitle > * {
  margin: 0;
  flex: 1 0 50%;
  min-width: 0;
}
.r-popover-title h2,
.r-popover-title h3 {
  padding-right: var(--r-space-6);
}
.r-popover-content {
  border-bottom: 1px solid var(--r-border);
  max-height: 600px;
  border-bottom: 1px solid var(--r-border);
  line-height: var(--r-font-line-height-m);
  font-size: var(--r-font-size-m);
}
.r-popover-control.r-is-scrollable,
.r-popover-content.r-is-scrollable {
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.r-popover-content p,
.r-popover-content ul,
.r-popover-content ol,
.r-popover-content pre,
.r-popover-content table,
.r-popover-content blockquote,
.r-popover-content h1,
.r-popover-content h2,
.r-popover-content h3,
.r-popover-content h4,
.r-popover-content h5,
.r-popover-content h6 {
  margin: 0;
}
.r-popover-content:first-child {
  border-radius: var(--r-border-radius-2) var(--r-border-radius-2) 0 0;
}
.r-popover-content:last-child {
  border: none;
  border-radius: 0 0 var(--r-border-radius-2) var(--r-border-radius-2);
}
.r-popover-content.r-popover-content-secondary {
  background: var(--r-surface-secondary);
}

/* Arrow */
.r-popover-arrow {
  overflow: hidden;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 50%;
  margin-left: -0.625rem;
  background: transparent;
  top: -20px;
  z-index: var(--r-z-index-35);
}
.r-popover-arrow.is-left {
  transform: rotate(-90deg);
  margin-top: -0.625rem;
  top: 50%;
  left: -10px;
}
.r-popover-arrow.is-left-bottom {
  transform: rotate(-90deg);
  margin-top: -2.25rem;
  top: 100%;
  left: -10px;
}
.r-popover-arrow.is-right {
  transform: rotate(90deg);
  margin-top: -0.625rem;
  top: 50%;
  left: 100%;
  margin-left: 0;
}
.r-popover-arrow.is-bottom {
  transform: rotate(180deg);
  margin-top: -0.625rem;
  margin-top: 0;
  top: 100%;
  left: 50%;
}
.r-popover-arrow::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  left: 50%;
  margin-left: -0.375rem;
  background: var(--r-surface);
  box-shadow: var(--r-shadow-inset-10);
  top: 14px;
  transform: rotate(45deg);
}

/* Menu */
.r-popover-content.r-popover-menu {
  padding: var(--r-space-3) 0;
}
.r-popover-content.r-popover-menu::-webkit-scrollbar {
  display: none;
}
.r-popover-action-menu-item,
.r-popover-menu-item {
  padding: var(--r-space-3) var(--r-space-5);
  display: block;
  line-height: var(--r-font-line-height-m);
  font-weight: var(--r-font-weight-medium);
  color: var(--r-text);
  cursor: pointer;
}
.r-popover-action-menu-item:hover, .r-popover-action-menu-item:focus, .r-popover-action-menu-item:active,
.r-popover-menu-item:hover,
.r-popover-menu-item:focus,
.r-popover-menu-item:active {
  background: var(--r-surface-hover);
  text-decoration: none !important;
  color: var(--r-text);
}
.r-popover-action-menu-item.r-popover-menu-item-negative:hover, .r-popover-action-menu-item.r-popover-menu-item-negative:focus, .r-popover-action-menu-item.r-popover-menu-item-negative:active,
.r-popover-menu-item.r-popover-menu-item-negative:hover,
.r-popover-menu-item.r-popover-menu-item-negative:focus,
.r-popover-menu-item.r-popover-menu-item-negative:active {
  background: var(--r-surface-danger);
  color: var(--r-complementary-danger-dark);
}
.r-popover-action-menu-item:hover .icon,
.r-popover-menu-item:hover .icon {
  fill: var(--r-icon-hover);
}
.r-popover-action-menu-item:hover .r-avatar-info-muted-text, .r-popover-action-menu-item:focus .r-avatar-info-muted-text, .r-popover-action-menu-item:active .r-avatar-info-muted-text,
.r-popover-menu-item:hover .r-avatar-info-muted-text,
.r-popover-menu-item:focus .r-avatar-info-muted-text,
.r-popover-menu-item:active .r-avatar-info-muted-text {
  color: var(--r-text);
}

/* Dark */
.r-popover.r-popover-dark {
  background: var(--r-surface-dark);
}
.r-popover.r-popover-dark .r-popover-title {
  border-bottom: 1px solid var(--r-border-dark);
}
.r-popover.r-popover-dark .r-popover-content {
  border-bottom: 1px solid var(--r-border-dark);
}
.r-popover.r-popover-dark .r-popover-content:last-child {
  border: none;
}
.r-popover.r-popover-dark * {
  color: var(--r-text-on-surface);
}
.r-popover.r-popover-dark .r-button.r-button-type-default > div {
  color: var(--r-text);
}
.r-popover.r-popover-dark *.r-text-muted {
  color: var(--r-text-on-surface) !important;
}
.r-popover.r-popover-dark .r-popover-menu-item {
  padding: var(--r-space-3) var(--r-space-5);
  cursor: pointer;
  color: var(--r-text-on-surface);
  line-height: var(--r-font-line-height-m);
  font-weight: var(--r-font-weight-regular);
}
.r-popover.r-popover-dark .r-popover-menu-item .icon {
  fill: var(--r-text-on-surface);
}
.r-popover.r-popover-dark .r-popover-menu-item .r-avatar-info .r-avatar-info-muted-text {
  color: var(--r-text-on-surface);
}
.r-popover.r-popover-dark .r-popover-menu-item:hover,
.r-popover.r-popover-dark .r-popover-menu-item:focus,
.r-popover.r-popover-dark .r-popover-menu-item:active {
  background: var(--r-surface-dark-hover);
  color: var(--r-text-on-surface);
}
.r-popover.r-popover-dark .r-popover-menu-item:hover .r-avatar-info .r-avatar-info-muted-text {
  color: var(--r-background);
}
.r-popover.r-popover-dark .r-popover-arrow::after {
  background: var(--r-surface-dark);
}
.fade-enter-active,
.fade-leave-active,
.top-enter-active,
.top-leave-active,
.bottom-enter-active,
.bottom-leave-active,
.left-enter-active,
.left-leave-active,
.right-enter-active,
.right-leave-active {
  transition: all var(--r-motion-duration-50) var(--r-motion-ease);
  opacity: 1;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
.top-enter-from {
  transform: translateY(var(--r-space-2));
  opacity: 1;
}
.bottom-enter-from {
  transform: translateY(calc(var(--r-space-2) * -1));
  opacity: 1;
}
.left-enter-from {
  transform: translateX(calc(var(--r-space-2) * -1));
  opacity: 1;
}
.right-enter-from {
  transform: translateX(var(--r-space-2));
  opacity: 1;
}
.top-leave-to,
.bottom-leave-to,
.left-leave-to,
.right-leave-to {
  opacity: 0;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-radio {
  position: relative;
}
input.r-field-radio[type=radio] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: var(--r-space-6);
  width: var(--r-space-6);
  box-sizing: border-box;
  z-index: var(--r-z-index-5);
  cursor: pointer;
}
input.r-field-radio[type=radio]:checked ~ .r-field-radio-style {
  background: var(--r-focus);
  box-shadow: 0 0 0 1px var(--r-focus) inset, 0 0 0 1px var(--r-focus);
  border: none;
}
input.r-field-radio[type=radio]:focus-visible ~ .r-field-radio-style {
  background: var(--r-surface);
  box-shadow: 0 0 0 1px var(--r-border-strong-hover) inset, 0 0 0 1px var(--r-border-strong-hover), 0 0 0 2px var(--r-surface), 0 0 0 4px var(--r-focus);
  border: none;
}
input.r-field-radio[type=radio]:checked:focus-visible ~ .r-field-radio-style {
  background: var(--r-focus);
  box-shadow: 0 0 0 2px var(--r-focus) inset, 0 1px 2px 0 var(--r-background-hover), 0 0 0 1px var(--r-surface), 0 0 0 3px var(--r-focus);
  border: none;
}
input.r-field-radio[type=radio]:checked ~ .r-field-radio-style .r-icon {
  fill: var(--r-icon-on-surface);
  opacity: 1;
  transform: scale(1);
}
input.r-field-radio[type=radio][disabled] ~ .r-field-radio-style {
  background: var(--r-background);
  box-shadow: 0 0 0 1px var(--r-border-strong) inset, 0 0 0 1px var(--r-border-strong);
}
input.r-field-radio[type=radio][disabled]:checked ~ .r-field-radio-style {
  background: var(--r-focus);
  box-shadow: 0 0 0 1px var(--r-focus) inset, 0 0 0 1px var(--r-focus);
  opacity: 0.5;
}
.r-field-radio-style {
  cursor: pointer;
  box-sizing: border-box;
  background: var(--r-surface);
  height: var(--r-space-5);
  width: var(--r-space-5);
  position: absolute;
  top: var(--r-space-1);
  left: var(--r-space-1);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--r-border-strong-hover) inset, 0 0 0 1px var(--r-border-strong-hover);
  transition: all var(--r-motion-duration-200) var(--r-motion-ease);
  border: none;
}
.r-field-radio-style .r-icon {
  position: absolute;
  top: -2px;
  right: -2px;
  transform: scale(0);
  transition: all var(--r-motion-duration-200) var(--r-motion-ease);
  opacity: 0;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
fieldset[disabled] .r-select {
  pointer-events: none;
}
.r-select-loading-spinner {
  display: block;
  position: absolute;
  right: 1px;
  top: 1px;
  height: 30px;
  width: 40px;
  border-radius: var(--r-border-radius-2);
  background: var(--r-surface);
}
.r-select-loading-spinner:before,
.r-select-loading-spinner:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border-style: solid;
  border-width: 2px;
  box-shadow: 0 0 0 1px transparent;
  border-color: var(--r-primary) transparent transparent;
}
.r-select-loading-spinner:before {
  animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
  animation-iteration-count: infinite;
}
.r-select-loading-spinner:after {
  animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
  animation-iteration-count: infinite;
}

/* TODO where is usage */
.r-select-loading-enter-active,
.r-select-loading-leave-active {
  transition: opacity var(--r-motion-duration-350) var(--r-motion-ease-in-out);
  opacity: 1;
}

/* TODO where is usage */
.r-select-loading-enter,
.r-select-loading-leave-active {
  opacity: 0;
}
.r-select,
.r-select-input,
.r-select-single {
  touch-action: manipulation;
  line-height: var(--r-font-line-height-m);
  font-size: var(--r-font-size-m);
  margin-bottom: 0;
  color: var(--r-text);
}
.r-select {
  box-sizing: content-box;
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 36px;
  text-align: left;
  color: var(--r-text);
}
.r-select * {
  box-sizing: border-box;
}
.r-select:focus {
  outline: none;
}
.r-select-is-disabled {
  background: var(--r-surface-secondary);
  color: var(--r-text-muted);
  pointer-events: none;
  opacity: 0.6;
}
.r-select-is-active {
  z-index: var(--r-z-index-10);
}
.r-select-is-active .r-select-tags {
  box-shadow: 0 0 0 1px var(--r-focus) inset, 0 0 0 1px var(--r-focus);
}
.r-select-input,
.r-select-single {
  position: relative;
  display: inline-block;
  min-height: var(--r-font-line-height-m);
  line-height: var(--r-font-line-height-m);
  border: none;
  border-radius: var(-border-radius);
  width: 100%;
  transition: border var(--r-motion-duration-100) var(--r-motion-ease);
  box-sizing: border-box;
  margin: 0 0 var(--r-space-3) 0;
  vertical-align: top;
  background: transparent;
}
.r-select-input {
  padding: 0 0 0 var(--r-space-2);
}
.r-select-input::-moz-placeholder {
  color: var(--r-text-muted);
  font-family: var(--r-font-family);
}
.r-select-input::placeholder {
  color: var(--r-text-muted);
  font-family: var(--r-font-family);
}
.r-select-tag ~ .r-select-input,
.r-select-tag ~ .r-select-single {
  width: auto;
}
.r-select-input:hover,
.r-select-single:hover {
  border-color: var(--r-border);
}
.r-select-input:focus,
.r-select-single:focus {
  border-color: none;
  outline: none;
}
.r-select-single {
  padding: 0 0 0 var(--r-space-2);
  margin: 0 0 var(--r-space-3) 0;
}
.r-select-tags-wrap {
  display: inline-flex;
  gap: var(--r-space-2);
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: var(--r-space-2);
}
.r-select-tags {
  min-height: 36px;
  display: block;
  padding: 8px 36px 0 11px;
  border-radius: var(--r-border-radius-2);
  border: none;
  background: var(--r-surface);
  font-size: var(--r-font-size-m);
  box-shadow: 0 0 0 1px var(--r-border-strong) inset, 0 1px 2px 0 var(--r-background-hover);
}
.r-select-tags:not(.r-select-is-disabled) {
  cursor: text;
}
.r-select-tags .r-badge {
  padding-top: var(--r-space-0);
  padding-bottom: var(--r-space-0);
  line-height: var(--r-font-line-height-m);
}
.r-select-tags .r-badge .r-badge-icon {
  width: 20px;
  height: 20px;
}
.r-is-error .r-select-placeholder {
  color: var(--r-complementary-danger);
}
.r-is-error .r-select-tags {
  box-shadow: 0 0 0 1px var(--r-border-danger) inset;
  background: var(--r-surface-danger-muted);
}
.r-select-tag {
  display: inline-grid;
  grid-template-columns: 1fr auto;
  gap: var(--r-space-2);
  align-items: center;
  min-width: 0;
  max-width: 100%;
}
.r-select-tag-text {
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: baseline;
}

/* TODO where is usage */
.r-select-current {
  line-height: 16px;
  min-height: 40px;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  padding: var(--r-space-3) var(--r-space-9) 0 var(--r-space-5);
  white-space: nowrap;
  margin: var(--r-space-3) var(--r-space-9) 0 var(--r-space-5);
  text-decoration: none;
  border-radius: var(--r-border-radius-2);
  border: 1px solid #e8e8e8;
  cursor: pointer;
}
.r-select-caret,
.r-select-close {
  line-height: 16px;
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 34px;
  height: 36px;
  right: 1px;
  top: 0;
  padding: 4px 8px;
  margin: 0;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: transform var(--r-motion-duration-200) var(--r-motion-ease);
}
.r-select-placeholder {
  color: var(--r-text-muted);
  display: inline-block;
  margin-bottom: var(--r-space-3);
  padding: 0 var(--r-space-2);
}
.r-select-is-active .r-select-placeholder {
  display: none;
}
.r-select-content-wrapper {
  position: absolute;
  display: block;
  background: var(--r-surface);
  width: 100%;
  max-height: 240px;
  overflow: auto;
  z-index: var(--r-z-index-10);
  padding: var(--r-space-3) 0;
  top: calc(100% + 4px);
  border-radius: var(--r-border-radius-2);
  border: none;
  box-shadow: var(--r-shadow-inset-20);
}
.r-select-content {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 100%;
  vertical-align: top;
}
.r-select-is-above .r-select-content-wrapper {
  bottom: 100%;
  border-bottom: none;
  border-top: 1px solid #e8e8e8;
  top: inherit;
  margin-bottom: var(--r-space-2);
}
.r-select-is-no-result .r-select-content-wrapper {
  width: auto;
}
.r-select-content::webkit-scrollbar {
  display: none;
}
.r-select-content-element {
  display: block;
}
.r-select-content-element-option {
  display: block;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: var(--r-font-line-height-m);
  padding: var(--r-space-3) var(--r-space-5);
  min-height: 36px;
  font-size: var(--r-font-size-m);
  font-weight: var(--r-font-weight-medium);
}
.r-select-content-element-option:after {
  position: absolute;
  padding-right: var(--r-space-5);
  padding-left: var(--r-space-5);
  font-size: var(--r-font-size-m);
  line-height: var(--r-font-line-height-m);
  top: var(--r-space-3);
  right: 0;
}
.r-select-option-is-highlight,
.r-select-option-is-highlight:after {
  content: attr(data-select);
  background: var(--r-surface-hover);
  color: var(--r-text);
}
.r-select-option-is-selected {
  color: var(--r-text);
  font-weight: var(--r-font-weight-semi-bold);
  background: var(--r-background);
}
.r-select-option-is-selected:after {
  content: attr(data-selected);
  color: var(--r-text-muted);
}
.r-select-option-is-selected.r-select-option-is-highlight,
.r-select-option-is-selected.r-select-option-is-highlight:after {
  background: var(--r-background);
  color: var(--r-text);
  cursor: pointer;
}

/* TODO where is usage */
.r-select-is-disabled .r-select-caret {
  background: transparent;
  color: var(--r-text-muted);
}
.r-select-enter-active,
.r-select-leave-active {
  transition: all var(--r-motion-duration-200) var(--r-motion-ease);
  opacity: 1;
}
.r-select-enter,
.r-select-leave-active {
  opacity: 0;
}
.r-select-limit {
  margin-bottom: 8px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}
.r-select-block-pointer-events {
  pointer-events: none;
}
@keyframes spinning {
from {
    transform: rotate(0);
}
to {
    transform: rotate(2turn);
}
}
.r-select-content-element-option-load {
  line-height: normal;
  padding: 0;
  min-height: auto;
  position: relative;
}
.r-select-content-element-option-load-prev {
  top: -4px;
}
.r-select-content-element-option-load-next {
  bottom: -4px;
}
.r-select-fixed .r-select-content-wrapper {
  position: relative;
  top: 4px;
  max-height: 230px !important;
  display: block;
}

/* Label */
.r-is-error .r-field-label {
  color: var(--r-complementary-danger);
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-tab {
  flex-grow: 1;
  margin-bottom: 20px;
  padding-left: 0;
  list-style: none;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  flex-wrap: nowrap;
  border-bottom: 1px solid var(--r-border);
}
.r-tab-divided {
  border-bottom: 1px solid var(--r-border);
}
.r-tab-item {
  display: flex;
  flex: 0 1 auto;
}
.r-tab.r-tab-fluid .r-tab-item {
  flex: 1 0 auto;
}
.r-tab-item .r-tab-item-link {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  font-size: inherit;
  background: transparent;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Remove excess padding and border in Firefox 4+ */
  position: relative;
  color: #6b7384;
  margin: 0 var(--r-space-3);
  cursor: pointer;
  transition: all var(--r-motion-duration-300) var(--r-motion-ease);
  text-decoration: none;
  font-family: inherit;
  font-size: var(--r-font-size-m);
  font-weight: var(--r-font-weight-medium);
  padding: var(--r-space-4) 0;
  line-height: var(--r-font-line-height-m);
  border-bottom: none;
}
.r-tab-item .r-tab-item-link::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.r-tab-item .r-tab-item-link::after {
  transition: all var(--r-motion-duration-300) var(--r-motion-ease);
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: transparent;
}
.r-tab-item .r-tab-item-link:hover {
  text-decoration: none;
  color: var(--r-text);
  border-bottom: none;
}
.r-tab-item .r-tab-item-link:hover::after {
  background: var(--r-border);
}
.r-tab-item .r-tab-item-link:focus-visible {
  border-bottom: none;
  outline-color: var(--r-focus);
}
.r-tab-item .r-tab-item-link:focus-visible::after {
  background: var(--r-border);
}
.r-tab-item .r-tab-item-link.r-is-active {
  color: var(--r-primary);
  border-bottom: none;
}
.r-tab-item .r-tab-item-link.r-is-active::after {
  background: var(--r-primary);
}
.r-tab-item .r-tab-item-link.r-has-error {
  color: var(--r-complementary-danger);
}
.r-tab-item .r-tab-item-link.r-is-active.r-has-error {
  border-bottom: none;
}
.r-tab-item .r-tab-item-link.r-is-active.r-has-error::after {
  background: var(--r-complementary-danger);
}
.r-tab-item:first-child .r-tab-item-link {
  margin-left: var(--r-space-5);
}
.r-tab-content {
  padding: 20px;
  font-size: var(--r-font-size-m);
  line-height: var(--r-font-line-height-m);
}
.r-tile-content .r-tab-content {
  padding: var(--r-space-5) 0;
}
.r-tab-content.r-tab-content-fitted {
  padding: 0;
}
.r-tab-content-item {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -0.1rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.r-tab-content-item.r-is-active {
  clip: auto;
  height: auto;
  margin: auto;
  overflow: visible;
  padding: initial;
  position: relative;
  width: auto;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-tile {
  box-sizing: border-box;
  background: var(--r-surface);
  box-shadow: var(--r-shadow-inset-10);
  border-radius: var(--r-border-radius-2);
}
.r-tile > div:nth-last-child(2) {
  border: none;
}
.r-tile-title {
  display: flex;
  padding: var(--r-space-6) var(--r-space-6) 0 var(--r-space-6);
}
.r-tile-title h1, .r-tile-title h2, .r-tile-title h3, .r-tile-title h4, .r-tile-title h5 {
  font-size: var(--r-font-size-l);
  font-weight: var(--r-font-weight-semi-bold);
  line-height: var(--r-font-line-height-m);
  padding-right: var(--r-space-6);
  margin: 0;
  padding: 0;
  border: none;
}
.r-tile-title:first-child {
  border-top: none;
  border-radius: var(--r-border-radius-2) var(--r-border-radius-2) 0 0;
}

/* TODO where is usage */
.r-tile-subtitle {
  display: flex;
  padding-bottom: var(--r-space-6);
}
.r-tile-title > *,
.r-tile-subtitle > * {
  margin: 0;
  flex: 1 0 50%;
  min-width: 0;
}
.r-tile-content p, .r-tile-content ul, .r-tile-content ol, .r-tile-content pre, .r-tile-content table, .r-tile-content blockquote, .r-tile-content h1, .r-tile-content h2, .r-tile-content h3, .r-tile-content h4, .r-tile-content h5, .r-tile-content h6 {
  margin: 0;
  font-size: var(--r-font-size-m);
  line-height: var(--r-font-line-height-m);
  font-weight: var(--r-font-weight-regular);
}
.r-tile-content p + *, .r-tile-content ul + *, .r-tile-content ol + *, .r-tile-content pre + *, .r-tile-content table + *, .r-tile-content blockquote + *, .r-tile-content h1 + *, .r-tile-content h2 + *, .r-tile-content h3 + *, .r-tile-content h4 + *, .r-tile-content h5 + *, .r-tile-content h6 + * {
  margin-top: 1rem;
}
.r-tile-content > *:last-child {
  border: none;
  border-radius: 0 0 var(--r-border-radius-2) var(--r-border-radius-2);
}
.r-tile-content-is-primary {
  padding: var(--r-space-6);
  border-bottom: 1px solid var(--r-border);
  background: var(--r-surface);
  font-size: var(--r-font-size-m);
  line-height: var(--r-font-line-height-m);
}
.r-tile-content-is-secondary {
  padding: var(--r-space-6);
  border-bottom: 1px solid var(--r-border);
  background: var(--r-surface-secondary);
  font-size: var(--r-font-size-m);
  line-height: var(--r-font-line-height-m);
}
.r-tile-actions {
  border-top: 1px solid var(--r-border);
  padding: var(--r-space-6);
  text-align: right;
}
.r-tile-actions > * {
  margin-left: 1rem;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-toast-container {
  position: fixed;
  top: 88px;
  right: 32px;
  z-index: var(--r-z-index-70);
}
.r-toast {
  position: relative;
  margin-top: 16px;
  padding: 16px;
  max-width: 300px;
  min-width: 100px;
  box-sizing: border-box;
  border-radius: var(--r-border-radius-2);
  border: none;
  font-size: var(--r-font-size-m);
  line-height: var(--r-font-line-height-m);
  font-weight: var(--r-font-weight-regular);
  box-shadow: var(--r-shadow-40);
  opacity: 0;
  transition: all var(--r-motion-duration-400);
  color: var(--r-text);
  animation: r-toaster-animation var(--r-motion-duration-400) var(--r-motion-ease-out);
}
.r-toast.is-closable {
  padding: 16px 32px 16px 16px;
}
@keyframes r-toaster-animation {
0% {
    right: -300px;
}
70% {
    right: 10px;
}
100% {
    right: 0;
}
}
.r-toast-title {
  display: inline-block;
  font-size: var(--r-font-size-l);
  line-height: var(--r-font-line-height-l);
  font-weight: var(--r-font-weight-semi-bold);
  margin: 0;
  max-width: calc(100% - 8px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.r-toast-close {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
.r-toast-message {
  display: block;
}
.r-toast.is-closable .r-toast-message {
  padding-right: 16px;
}
.r-toast.is-visible {
  opacity: 1;
}
.r-toast-positive {
  background: var(--r-surface-success-muted);
  border: 1px solid var(--r-border-success);
}
.r-toast-negative {
  background: var(--r-surface-danger-muted);
  border: 1px solid var(--r-border-danger);
}
.r-toast-info {
  background: var(--r-surface-info-muted);
  border: 1px solid var(--r-border-info);
}
.r-toast-info ::-moz-selection {
  background: var(--r-focus);
  color: var(--r-mono-0);
}
.r-toast-info ::selection {
  background: var(--r-focus);
  color: var(--r-mono-0);
}
.r-toast-warning {
  background: var(--r-surface-warning-muted);
  border: 1px solid var(--r-border-warning);
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.r-toggle {
  display: flex;
}
.r-toggle-body {
  display: flex;
  height: var(--r-space-6);
  width: calc(var(--r-space-9) + var(--r-space-2));
  border-radius: var(--r-border-radius-pill);
  position: relative;
  vertical-align: baseline;
  cursor: pointer;
}
.r-toggle-switch[type=checkbox] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: var(--r-space-6);
  width: var(--r-space-6);
  box-sizing: border-box;
}
.r-toggle-switch[type=checkbox]:checked + .r-toggle-switch-handle {
  background-color: var(--r-focus);
}
.r-toggle-switch[type=checkbox]:focus-visible + .r-toggle-switch-handle {
  box-shadow: 0 0 0 1px var(--r-surface), 0 0 0 3px var(--r-focus);
}
.r-toggle-switch[type=checkbox]:checked:focus-visible + .r-toggle-switch-handle {
  box-shadow: 0 0 0 1px var(--r-surface), 0 0 0 3px var(--r-focus);
}
.r-toggle-switch[type=checkbox]:checked + .r-toggle-switch-handle::before {
  transform: translateX(16px);
}
.r-toggle-switch[type=checkbox]:disabled + .r-toggle-switch-handle {
  background: var(--r-border-strong);
  opacity: 0.6;
  cursor: default;
}
.r-toggle-switch-handle {
  position: absolute;
  border-radius: var(--r-border-radius-pill);
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--r-border-strong);
  transition: all var(--r-motion-duration-200) var(--r-motion-linear);
}
.r-toggle-switch-handle:before {
  position: absolute;
  content: "";
  height: var(--r-space-5);
  width: var(--r-space-5);
  border-radius: var(--r-border-radius-circle);
  left: var(--r-space-1);
  bottom: var(--r-space-1);
  background-color: var(--r-surface);
  transition: all var(--r-motion-duration-200) var(--r-motion-linear);
}
.r-toggle-label {
  margin-left: var(--r-space-3);
  font-size: var(--r-font-size-m);
  line-height: var(--r-font-line-height-m);
  font-weight: var(--r-font-weight-medium);
  color: var(--r-text);
  cursor: pointer;
}
.items[data-v-9bc93c91] {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 40px;
}
.item[data-v-9bc93c91] {
  width: calc(100% / 2 - 10px);
  box-sizing: border-box;
  border: 1px solid var(--vp-c-border);
  border-radius: 4px;
  padding: 20px;
  cursor: pointer;
  transition: border-color 0.25s, background-color 0.25s;
}
.item .item-title[data-v-9bc93c91] {
  font-size: var(--r-font-size-l);
  line-height: var(--r-font-line-height-l);
  font-weight: var(--r-font-weight-semi-bold);
  margin-bottom: 12px;
  color: var(--vp-c-brand);
  display: flex;
  justify-content: space-between;
}
.item[data-v-9bc93c91]:hover {
  border-color: var(--vp-c-brand);
}
.item p[data-v-9bc93c91] {
  margin: 0;
  color: var(--vp-c-text);
}
.item a[data-v-9bc93c91]:hover {
  text-decoration: none;
}

.prop-value[data-v-9b9d210c] {
  font-family: var(--font-family-code);
  font-size: 0.85em;
  color: var(--r-complementary-danger);
}

.prop-name[data-v-20010452] {
  display: flex;
}
/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.api-table {
  display: table;
  width: 100%;
}
.api-table p {
  margin-top: 0;
  line-height: 1.5;
}
.api-table p:last-child {
  margin-bottom: 0;
}
.api-content h2 {
  margin-top: calc(1rem + var(--navbar-height));
  padding-top: 0;
}/**
 * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
 * Based on https://github.com/chriskempson/tomorrow-theme
 * @author Rose Pritchard
 */

code[class*="language-"],
pre[class*="language-"] {
	color: #ccc;
	background: none;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	hyphens: none;

}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #2d2d2d;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #999;
}

.token.punctuation {
	color: #ccc;
}

.token.tag,
.token.attr-name,
.token.namespace,
.token.deleted {
	color: #e2777a;
}

.token.function-name {
	color: #6196cc;
}

.token.boolean,
.token.number,
.token.function {
	color: #f08d49;
}

.token.property,
.token.class-name,
.token.constant,
.token.symbol {
	color: #f8c555;
}

.token.selector,
.token.important,
.token.atrule,
.token.keyword,
.token.builtin {
	color: #cc99cd;
}

.token.string,
.token.char,
.token.attr-value,
.token.regex,
.token.variable {
	color: #7ec699;
}

.token.operator,
.token.entity,
.token.url {
	color: #67cdcc;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}

.token.inserted {
	color: green;
}

ul[data-v-121b57bc] {
  margin-top: 0;
  margin-bottom: 2rem;
}
li[data-v-121b57bc] {
  list-style: none;
  font-size: var(--r-font-size-m);
}
/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.width-half {
  width: 50%;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.width-half {
  width: 50%;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.width-half[data-v-c9589145] {
  width: 50%;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.width-half {
  width: 50%;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.width-half {
  width: 50%;
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.item-box {
  padding: var(--r-space-4);
  background-color: var(--r-focus);
  border-radius: var(--r-border-radius-2);
  text-align: center;
  color: var(--r-mono-0);
  font-weight: bold;
}
.item-box.is-nested {
  background-color: var(--r-complementary-success);
}/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.cell-box {
  padding: var(--r-space-4);
  background-color: var(--r-focus);
  border-radius: var(--r-border-radius-2);
  text-align: center;
  color: var(--r-mono-0);
  font-weight: bold;
}
.cell-box.is-nested {
  background-color: var(--r-complementary-success);
}
.example-icon-grid[data-v-81676682] {
  display: grid;
  grid: auto-flow / 1fr 1fr 1fr;
}

.dotted-border {
  border-style: double !important;
}
.double-border {
  border-style: dotted !important;
}
/*
//Breakpoints
//Inside a class
// @include media-query-breakpoint('l') {
//     padding-top: 4rem;
//     font-size: 2.4rem;
// }
// Media Breakpoints
// ------------------------------------------------
*/
.example-section {
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  background: #fff;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.example-section > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background: #fafafa;
}
.example-section > header .example-section-file-name {
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 12px;
  color: #555;
}
.example-section > header .example-section-actions {
  display: flex;
  align-items: center;
}
.example-section > header .example-section-actions a {
  transition: all 0.2s ease;
  line-height: 1;
  padding: 5px;
  display: inline-flex;
  border-radius: 50%;
}
.example-section > header .example-section-actions a svg {
  width: 24px;
  fill: #ccc;
  transition: all 0.2s ease;
}
.example-section > header .example-section-actions a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.example-section > header .example-section-actions a:hover svg {
  fill: #555;
}
.example-section > .example-section-source {
  border-top: 1px solid #e7e7e7;
}
.example-section > .example-section-source pre {
  margin: 0;
  border-radius: 0;
}
.example-section > .example-section-source .example-section-source-tabs {
  padding: 10px 0;
  background: var(--r-text);
}
.example-section > .example-section-source .example-section-source-tabs a {
  margin-left: 10px;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 11px;
  padding: 3px 6px;
  text-decoration: none;
  border-radius: 3px;
  border: 1px solid transparent;
  color: var(--r-text-on-surface);
}
.example-section > .example-section-source .example-section-source-tabs a.active {
  background: rgba(250, 250, 250, 0.15);
  border: 1px solid #e7e7e7;
  color: #fff;
}
.example-section > .example-section-source .example-section-source-tabs-content {
  border-top: 1px solid #4e4e50;
  position: relative;
}
.example-section > .example-section-source .example-section-source-tabs-content a.copy {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1000;
  border-radius: 50%;
  padding: 8px;
  transition: all 0.2s ease;
  display: inline-flex;
}
.example-section > .example-section-source .example-section-source-tabs-content a.copy svg {
  width: 24px;
  fill: #ccc;
}
.example-section > .example-section-source .example-section-source-tabs-content a.copy:hover {
  background: rgba(250, 250, 250, 0.1);
}
.example-section > .example-section-source .example-section-source-tabs-content a.copy:hover svg {
  fill: #fff;
}
.example-section .example-section-demo {
  padding: 20px;
  border-top: 1px solid #e7e7e7;
}
pre[data-v-cb33d975] {
  background: var(--r-surface-dark);
}

table[data-v-7aa7c591] {
  width: 100%;
}
.color-box[data-v-7aa7c591] {
  display: inline-block;
  min-width: 60px;
  height: 30px;
  border-radius: 4px;
  margin-right: 8px;
}