@import"https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap";.main__section[data-v-16e6d913]{position:relative;width:100%;min-height:100vh;display:flex}.home__page__section{position:relative;width:100%;min-height:100vh;display:grid;place-items:center;place-content:center;gap:0;background-color:var(--body-bg-color);isolation:isolate}.home__page__section:before{display:none;content:"SDFSADF";background-image:url(/vue-dynamic-components/assets/logo.b93fc5e1.svg);position:fixed;inset:0 0 0 50vw;z-index:-2;background-repeat:no-repeat;background-position:center right -23vw;background-blend-mode:luminosity;opacity:.1}.home__page__section:after{display:none;z-index:-1;content:"";position:absolute;inset:0;background-color:var(--black);background-image:url(https://images.unsplash.com/photo-1503435980610-a51f3ddfee50);background-blend-mode:luminosity;background-repeat:repeat-x;background-size:100%;background-position:bottom 50% center;filter:blur(.25rem);opacity:.25}.home__page__header{position:relative;display:grid;place-content:center;place-items:center}.tags{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem;max-width:80vw}.tags li a{display:block;text-decoration:none;padding:.5rem 1.5rem;border:1px solid var(--border-color);color:var(--primary);border-radius:var(--border-radius);transition:var(--transition)}.tags li a:hover{background-color:var(--primary);border-color:var(--primary);color:var(--white)}:root{--body-bg-color: #ddede6;--body-bg-color-rgb: 224, 242, 234;--color-heading: #2c3e50;--color-text: #2c3e50;--section-gap: 160px;--aside-width:calc(300px + 1vw);--aside-main-logo-width: 55px;--primary: #42b883;--primary-rgb: 66, 184, 131;--secondary: #2c3e50;--secondary-rgb: 44, 62, 80;--border-width: 1px;--border-style: solid;--border-color: #a0aba6;--hr-color: var(--border-color, #333333);--anchor-color: var(--primary);--black-extra: #101010;--black: #1C1C1C;--black-soft: #4a4a4a;--black-mute: #6D6D6D;--dark: #252525;--dark-rgb: 37, 37, 37;--gray: #e6e6e6;--gray-rgb: 230, 230, 230;--white-rgb: 255, 255, 255;--white: #e6e6e6;--white-soft: #cfcfcf;--white-mute: #f2f2f2;--danger: #d66666;--danger-rgb: 214, 102, 102;--success: #42b883;--success-rgb: 66, 184, 131;--warning: #ffc107;--warning-rgb: 255, 193, 7;--info: #17a2b8;--info-rgb: 255, 193, 7;--transparent: transparent;--link-color: #42b883;--border-radius: .35rem;--aside-menu-link-color: #333333;--aside-menu-active-link-color: #ffffff;--aside-menu-bg-color: var(--white);--aside-menu-bg-active-color: var(--primary);--element-container-pading-x:calc(1.5rem + 1vw);--element-container-pading-y:calc(1rem + 1vw);--transition: all .3s ease-in;--col-width: 8.33333%;--grid-cols: 12;--gutter-x: 1.15rem;--selection-bg-color: var(--primary);--selection-color: var(--black);--code-sec-bg-color: #ddd;--code-sec-border-color: #999999;--code-bg-color: var(--white);--code-header-color: var(--border-color);--element-margin-bottom: 1rem;--font-code: "Courier Prime", monospace}@media (prefers-color-scheme: light){:root{--body-bg-color: var(--black);--color-heading: var(--white);--color-text: rgba(var(--white-rgb), .75);--border-color: #393939;--hr-color: var(--border-color, #dddddd);--aside-menu-link-color: #9b9b9b;--aside-menu-active-link-color: #ffffff;--aside-menu-bg-color: var(--black-extra);--aside-menu-bg-active-color: var(--primary);--code-sec-bg-color: #454545;--code-sec-border-color: transparent;--code-bg-color: #252525}}.display--flex,.display-flex,.d--flex,.d-flex{display:flex!important}.display--inline-flex,.display-inline-flex,.d--inline-flex,.d-inline-flex{display:inline-flex!important}.display--block,.display-block,.d--block,.d-block{display:block!important}.display--inline-block,.display-inline-block,.d--inline-block,.d-inline-block{display:inline-block!important}.display--grid,.display-grid,.d--grid,.d-grid{display:grid!important}.display--inline-grid,.display-inline-grid,.d--inline-grid,.d-inline-grid{display:inline-grid!important}.display--none,.display-none,.d--none,.d-none{display:none!important}.flex--column,.flex-column{flex-direction:column!important}.flex--column-reverse,.flex-column-reverse{flex-direction:column-reverse!important}.flex--row,.flex-row{flex-direction:row!important}.flex--row-reverse,.flex-row-reverse{flex-direction:row-reverse!important}.flex--initial,.flex-initial{flex-direction:initial!important}.flex--inherit,.flex-inherit{flex-direction:inherit!important}.flex--revert,.flex-revert{flex-direction:revert!important}.flex-shrink--0{flex-shrink:0}.flex-shrink--1{flex-shrink:1}.flex-grow--0{flex-grow:0}.flex-grow--1{flex-grow:1}.flex-basis--0{flex-basis:0}.flex-basis--1{flex-basis:1}.flex-wrap,.flex--wrap{flex-wrap:wrap!important}.flex-nowrap,.flex--nowrap{flex-wrap:nowrap!important}.fs--h1,.font-size--h1{font-size:clamp(1.5rem,12vw,2rem);line-height:clamp(1.75rem,14vw,2.5rem)}.fs--h2,.font-size--h2{font-size:clamp(1.25rem,10vw,1.75rem);line-height:clamp(1.5rem,12vw,2.25rem)}.fs--regular,.font-size--regular{font-size:clamp(1rem,5vw,1.15rem);line-height:clamp(1.5rem,6vw,1.75rem)}.gap--0{gap:0!important}.gap--1{gap:.25rem!important}.gap--2{gap:.5rem!important}.gap--3{gap:.75rem!important}.gap--4{gap:1rem!important}.gap--5{gap:1.5rem!important}.gap--6{gap:2rem!important}.gap--7{gap:2.5rem!important}.gap--8{gap:3rem!important}.justify-content--center,.justify-content-center,.justify__content--center,.justify__content-center,.jc--center,.jc-center{justify-content:center!important}.justify-content--end,.justify-content-end,.justify__content--end,.justify__content-end,.jc--end,.jc-end{justify-content:flex-end!important}.justify-content--start,.justify-content-start,.justify__content--start,.justify__content-start,.jc--start,.jc-start{justify-content:flex-start!important}.justify-content--inherit,.justify-content-inherit,.justify__content--inherit,.justify__content-inherit,.jc--inherit,.jc-inherit{justify-content:inherit!important}.justify-content--initial,.justify-content-initial,.justify__content--initial,.justify__content-initial,.jc--initial,.jc-initial{justify-content:initial!important}.justify-content--around,.justify-content-around,.justify__content--around,.justify__content-around,.jc--around,.jc-around{justify-content:space-around!important}.justify-content--between,.justify-content-between,.justify__content--between,.justify__content-between,.jc--between,.jc-between{justify-content:space-between!important}.justify-content--evenly,.justify-content-evenly,.justify__content--evenly,.justify__content-evenly,.jc--evenly,.jc-evenly{justify-content:space-evenly!important}.justify-content--revert,.justify-content-revert,.justify__content--revert,.justify__content-revert,.jc--revert,.jc-revert{justify-content:revert!important}.justify-content--stretch,.justify-content-stretch,.justify__content--stretch,.justify__content-stretch,.jc--stretch,.jc-stretch{justify-content:stretch!important}.justify-content--normal,.justify-content-normal,.justify__content--normal,.justify__content-normal,.jc--normal,.jc-normal{justify-content:normal!important}.align-items--baseline,.align-items-baseline,.align__items--baseline,.align__items-baseline,.ai--baseline,.ai-baseline{align-items:baseline!important}.align-items--center,.align-items-center,.align__items--center,.align__items-center,.ai--center,.ai-center{align-items:center!important}.align-items--end,.align-items-end,.align__items--end,.align__items-end,.ai--end,.ai-end{align-items:flex-end!important}.align-items--inherit,.align-items-inherit,.align__items--inherit,.align__items-inherit,.ai--inherit,.ai-inherit{align-items:inherit!important}.align-items--initial,.align-items-initial,.align__items--initial,.align__items-initial,.ai--initial,.ai-initial{align-items:initial!important}.align-items--stretch,.align-items-stretch,.align__items--stretch,.align__items-stretch,.ai--stretch,.ai-stretch{align-items:stretch!important}.align-items--start,.align-items-start,.align__items--start,.align__items-start,.ai--start,.ai-start{align-items:flex-start!important}.align-items--normal,.align-items-normal,.align__items--normal,.align__items-normal,.ai--normal,.ai-normal{align-items:normal!important}.align-items--revert,.align-items-revert,.align__items--revert,.align__items-revert,.ai--revert,.ai-revert{align-items:revert!important}.align-items--self-end,.align-items-self-end,.align__items--self-end,.align__items-self-end,.ai--self-end,.ai-self-end{align-items:self-end!important}.align-items--self-start,.align-items-self-start,.align__items--self-start,.align__items-self-start,.ai--self-start,.ai-self-start{align-items:self-start!important}.font__weight--thin,.fw--thin{font-weight:100!important}.font__weight--light,.fw--light{font-weight:300!important}.font__weight--regular,.fw--regular{font-weight:400!important}.font__weight--medium,.fw--medium{font-weight:500!important}.font__weight--semibold,.fw--semibold{font-weight:600!important}.font__weight--bold,.fw--bold{font-weight:700!important}.font__weight--black,.fw--black{font-weight:800!important}.font__weight--extra-blcak,.fw--extra-blcak{font-weight:900!important}.ff--code{font-family:var(--font-code)!important}.rounded{border-radius:var(--border-radius)!important}.rounded-top--left{border-top-left-radius:var(--border-radius)!important}.rounded-bottom--left{border-bottom-left-radius:var(--border-radius)!important}.rounded-top--right{border-top-right-radius:var(--border-radius)!important}.rounded-bottom--right{border-bottom-right-radius:var(--border-radius)!important}.rounded-0,.rounded--0{--border-radius: 0}.border{border:var(--border-width) var(--border-style) var(--border-color)}.border-0,.border--0{--border-width: 0}.border--top{border-top:var(--border-width) var(--border-style) var(--border-color)!important}.border--left{border-left:var(--border-width) var(--border-style) var(--border-color)!important}.border--right{border-right:var(--border-width) var(--border-style) var(--border-color)!important}.border--bottom{border-bottom:var(--border-width) var(--border-style) var(--border-color)!important}.border--primary{--border-color: var(--primary);border:var(--border-width) var(--border-style) var(--border-color)!important}.border--secondary{--border-color: var(--secondary);border:var(--border-width) var(--border-style) var(--border-color)!important}.border--danger{--border-color: var(--danger);border:var(--border-width) var(--border-style) var(--border-color)!important}.border--success{--border-color: var(--success);border:var(--border-width) var(--border-style) var(--border-color)!important}.border--info{--border-color: var(--info);border:var(--border-width) var(--border-style) var(--border-color)!important}.border--warning{--border-color: var(--warning);border:var(--border-width) var(--border-style) var(--border-color)!important}.border--dark{--border-color: var(--dark);border:var(--border-width) var(--border-style) var(--border-color)!important}.border--black{--border-color: var(--black);border:var(--border-width) var(--border-style) var(--border-color)!important}.border--light{--border-color: var(--light);border:var(--border-width) var(--border-style) var(--border-color)!important}.border--white{--border-color: var(--white);border:var(--border-width) var(--border-style) var(--border-color)!important}.text__transform--inherit,.text-transform--inherit{text-transform:inherit!important}.text__transform--initial,.text-transform--initial{text-transform:initial!important}.text__transform--capitalize,.text-transform--capitalize{text-transform:capitalize!important}.text__transform--lowercase,.text-transform--lowercase{text-transform:lowercase!important}.text__transform--uppercase,.text-transform--uppercase{text-transform:uppercase!important}.text__transform--none,.text-transform--none{text-transform:none!important}.text__transform--revert,.text-transform--revert{text-transform:revert!important}.text-decoration--inherit{text-decoration:inherit!important}.text-decoration--initial{text-decoration:initial!important}.text-decoration--underline{text-decoration:underline!important}.text-decoration--line-through{text-decoration:line-through!important}.text-decoration--none{text-decoration:none!important}.text-hover--inherit:hover{text-decoration:inherit!important}.text-hover--initial:hover{text-decoration:initial!important}.text-hover--underline:hover{text-decoration:underline!important}.text-hover--line-through:hover{text-decoration:line-through!important}.text-hover--none:hover{text-decoration:none!important}.text--thin{font-weight:100!important}.text--light{font-weight:300!important}.text--regular{font-weight:400!important}.text--medium{font-weight:500!important}.text--semibold{font-weight:600!important}.text--bold{font-weight:700!important}.text--black{font-weight:800!important}.text--extra-blcak{font-weight:900!important}.text--primary,.text-hover--primary:hover{color:var(--primary)!important}.text--secondary,.text-hover--secondary:hover{color:var(--secondary)!important}.text--white,.text-hover--white:hover{color:var(--white)!important}.text--black,.text-hover--black:hover{color:var(--black)!important}.text--dark,.text-hover--dark:hover{color:var(--dark)!important}.text--danger,.text-hover--danger:hover{color:var(--danger)!important}.text--success,.text-hover--success:hover{color:var(--success)!important}.text--warning,.text-hover--warning:hover{color:var(--warning)!important}.text--info,.text-hover--info:hover{color:var(--info)!important}.bg--primary,.bg-hover--primary:hover{background-color:var(--primary)!important}.bg--secondary,.bg-hover--secondary:hover{background-color:var(--secondary)!important}.bg--white,.bg-hover--white:hover{background-color:var(--white)!important}.bg--black,.bg-hover--black:hover{background-color:var(--black)!important}.bg--dark,.bg-hover--dark:hover{background-color:var(--dark)!important}.bg--danger,.bg-hover--danger:hover{background-color:var(--danger)!important}.bg--success,.bg-hover--success:hover{background-color:var(--success)!important}.bg--warning,.bg-hover--warning:hover{background-color:var(--warning)!important}.bg--info,.bg-hover--info:hover{background-color:var(--info)!important}.my--0,.my-0{margin-block:0!important}.mx--0,.mx-0{margin-inline:0!important}.mb--0,.mb-0{margin-bottom:0!important}.mt--0,.mt-0{margin-top:0!important}.ms--0,.ms-0{margin-left:0!important}.me--0,.me-0{margin-right:0!important}.p--0,.p-0{padding:0!important}.py--0,.py-0{padding-block:0!important}.px--0,.px-0{padding-inline:0!important}.pb--0,.pb-0{padding-bottom:0!important}.pt--0,.pt-0{padding-top:0!important}.ps--0,.ps-0{padding-left:0!important}.pe--0,.pe-0{padding-right:0!important}.gy--0,.gy-0{row-gap:0!important}.gx--0,.gx-0{column-gap:0!important}.g--0,.g-0{margin-top:0!important}.my--1,.my-1{margin-block:.25rem!important}.mx--1,.mx-1{margin-inline:.25rem!important}.mb--1,.mb-1{margin-bottom:.25rem!important}.mt--1,.mt-1{margin-top:.25rem!important}.ms--1,.ms-1{margin-left:.25rem!important}.me--1,.me-1{margin-right:.25rem!important}.p--1,.p-1{padding:.25rem!important}.py--1,.py-1{padding-block:.25rem!important}.px--1,.px-1{padding-inline:.25rem!important}.pb--1,.pb-1{padding-bottom:.25rem!important}.pt--1,.pt-1{padding-top:.25rem!important}.ps--1,.ps-1{padding-left:.25rem!important}.pe--1,.pe-1{padding-right:.25rem!important}.gy--1,.gy-1{row-gap:.25rem!important}.gx--1,.gx-1{column-gap:.25rem!important}.g--1,.g-1{margin-top:.25rem!important}.my--2,.my-2{margin-block:.5rem!important}.mx--2,.mx-2{margin-inline:.5rem!important}.mb--2,.mb-2{margin-bottom:.5rem!important}.mt--2,.mt-2{margin-top:.5rem!important}.ms--2,.ms-2{margin-left:.5rem!important}.me--2,.me-2{margin-right:.5rem!important}.p--2,.p-2{padding:.5rem!important}.py--2,.py-2{padding-block:.5rem!important}.px--2,.px-2{padding-inline:.5rem!important}.pb--2,.pb-2{padding-bottom:.5rem!important}.pt--2,.pt-2{padding-top:.5rem!important}.ps--2,.ps-2{padding-left:.5rem!important}.pe--2,.pe-2{padding-right:.5rem!important}.gy--2,.gy-2{row-gap:.5rem!important}.gx--2,.gx-2{column-gap:.5rem!important}.g--2,.g-2{margin-top:.5rem!important}.my--3,.my-3{margin-block:1rem!important}.mx--3,.mx-3{margin-inline:1rem!important}.mb--3,.mb-3{margin-bottom:1rem!important}.mt--3,.mt-3{margin-top:1rem!important}.ms--3,.ms-3{margin-left:1rem!important}.me--3,.me-3{margin-right:1rem!important}.p--3,.p-3{padding:1rem!important}.py--3,.py-3{padding-block:1rem!important}.px--3,.px-3{padding-inline:1rem!important}.pb--3,.pb-3{padding-bottom:1rem!important}.pt--3,.pt-3{padding-top:1rem!important}.ps--3,.ps-3{padding-left:1rem!important}.pe--3,.pe-3{padding-right:1rem!important}.gy--3,.gy-3{row-gap:1rem!important}.gx--3,.gx-3{column-gap:1rem!important}.g--3,.g-3{margin-top:1rem!important}.my--4,.my-4{margin-block:1.5rem!important}.mx--4,.mx-4{margin-inline:1.5rem!important}.mb--4,.mb-4{margin-bottom:1.5rem!important}.mt--4,.mt-4{margin-top:1.5rem!important}.ms--4,.ms-4{margin-left:1.5rem!important}.me--4,.me-4{margin-right:1.5rem!important}.p--4,.p-4{padding:1.5rem!important}.py--4,.py-4{padding-block:1.5rem!important}.px--4,.px-4{padding-inline:1.5rem!important}.pb--4,.pb-4{padding-bottom:1.5rem!important}.pt--4,.pt-4{padding-top:1.5rem!important}.ps--4,.ps-4{padding-left:1.5rem!important}.pe--4,.pe-4{padding-right:1.5rem!important}.gy--4,.gy-4{row-gap:1.5rem!important}.gx--4,.gx-4{column-gap:1.5rem!important}.g--4,.g-4{margin-top:1.5rem!important}.my--5,.my-5{margin-block:3rem!important}.mx--5,.mx-5{margin-inline:3rem!important}.mb--5,.mb-5{margin-bottom:3rem!important}.mt--5,.mt-5{margin-top:3rem!important}.ms--5,.ms-5{margin-left:3rem!important}.me--5,.me-5{margin-right:3rem!important}.p--5,.p-5{padding:3rem!important}.py--5,.py-5{padding-block:3rem!important}.px--5,.px-5{padding-inline:3rem!important}.pb--5,.pb-5{padding-bottom:3rem!important}.pt--5,.pt-5{padding-top:3rem!important}.ps--5,.ps-5{padding-left:3rem!important}.pe--5,.pe-5{padding-right:3rem!important}.gy--5,.gy-5{row-gap:3rem!important}.gx--5,.gx-5{column-gap:3rem!important}.g--5,.g-5{margin-top:3rem!important}.container{margin:0 auto;width:100%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);max-width:1200px}@media (max-width: 991px){.container .container{max-width:750px}}.row{--gap: 0rem;display:flex;flex-wrap:wrap;margin-left:calc(var(--gutter-x) * -.5);margin-right:calc(var(--gutter-x) * -.5)}.col--1{width:8.3333333333%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col--2{width:16.6666666667%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col--3{width:25%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col--4{width:33.3333333333%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col--5{width:41.6666666667%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col--6{width:50%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col--7{width:58.3333333333%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col--8{width:66.6666666667%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col--9{width:75%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col--10{width:83.3333333333%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col--11{width:91.6666666667%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col--12{width:100%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}@media (min-width: 1024px){.col-md--1{width:8.3333333333%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-md--2{width:16.6666666667%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-md--3{width:25%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-md--4{width:33.3333333333%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-md--5{width:41.6666666667%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-md--6{width:50%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-md--7{width:58.3333333333%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-md--8{width:66.6666666667%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-md--9{width:75%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-md--10{width:83.3333333333%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-md--11{width:91.6666666667%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-md--12{width:100%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}}@media (min-width: 1260px){.col-lg--1{width:8.3333333333%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-lg--2{width:16.6666666667%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-lg--3{width:25%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-lg--4{width:33.3333333333%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-lg--5{width:41.6666666667%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-lg--6{width:50%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-lg--7{width:58.3333333333%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-lg--8{width:66.6666666667%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-lg--9{width:75%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-lg--10{width:83.3333333333%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-lg--11{width:91.6666666667%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-lg--12{width:100%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}}@media (min-width: 1400px){.col-xl--1{width:8.3333333333%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-xl--2{width:16.6666666667%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-xl--3{width:25%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-xl--4{width:33.3333333333%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-xl--5{width:41.6666666667%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-xl--6{width:50%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-xl--7{width:58.3333333333%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-xl--8{width:66.6666666667%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-xl--9{width:75%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-xl--10{width:83.3333333333%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-xl--11{width:91.6666666667%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}.col-xl--12{width:100%;padding-left:calc(var(--gutter-x) * .5);padding-right:calc(var(--gutter-x) * .5);flex-shrink:0;flex-grow:0;flex-basis:auto}}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:2vh}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative}body{min-height:100vh;color:var(--color-text);background:var(--body-bg-color);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body *::selection{background:var(--selection-bg-color);color:var(--selection-color)}code{font-family:var(--font-code)!important}hr{width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.4em;margin-bottom:var(--element-margin-bottom)}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{font-family:var(--font-code)!important}h1{font-size:clamp(1.25rem,10vw,2.5rem);line-height:clamp(1.65rem,12vw,3rem)}p{line-height:normal;margin-bottom:var(--element-margin-bottom)}p code{font-family:var(--font-code)!important}hr{border:0;border-bottom:1px solid var(--hr-color);margin-block:1rem}.points li::marker{--link-color: var(--warning);color:var(--link-color)}.inner-page__wrapper{position:relative;display:flex;gap:calc(1rem + 1vw);height:100%}.inner-page__main{position:relative;width:100%}.inner-page__aside{flex-shrink:0;width:100%;max-width:300px;padding-left:calc(1rem + 1vw);border-left:1px solid var(--border-color);position:sticky;top:5vh;max-height:90vh}.block-sec{--sec-padding-y:calc(1rem + .5vw);--sec-padding-x:calc(1rem + .5vw);--sec-border-radius: calc(var(--border-radius) * 1.75);background-color:var(--code-sec-bg-color);border-radius:calc(var(--border-radius) * 1.75);box-shadow:0 0 0 1px var(--code-sec-border-color);isolation:isolate}.block-sec:target{--gradient-shadow: linear-gradient(45deg, var(--primary), var(--secondary));outline:1px solid rgba(var(--primary-rgb),1)}.block-sec:target:before{content:"";position:absolute;inset:0;z-index:-1;background-color:inherit;border-radius:inherit}.block-sec:target:after{content:"";position:absolute;inset:-.25rem;border-radius:inherit;background:var(--gradient-shadow);z-index:-2;filter:blur(10px);animation:animate 10s linear infinite}@keyframes animate{0%{outline:2px solid rgba(var(--primary-rgb),0);opacity:0}50%{outline:2px solid rgba(var(--primary-rgb),1);opacity:1}to{outline:2px solid rgba(var(--primary-rgb),0);opacity:0}}.block-sec__header{padding-block:var(--sec-padding-y) 0;padding-inline:var(--sec-padding-x)}.block-sec__body{padding-block:0 calc(var(--sec-padding-y) / 1.75);padding-inline:var(--sec-padding-x)}.block-sec__body .input-types__container{margin-inline:calc(0rem - var(--sec-padding-x) / 2);position:relative;background-color:var(--border-color);padding:var(--sec-padding-x);border-radius:calc(var(--border-radius) * 1.5)}.block-sec__body .input-types__label{font-size:120%;display:flex;gap:calc(var(--sec-padding-x) / 4)}.block-sec__footer{border-radius:0 0 calc(var(--border-radius) * 1.75) calc(var(--border-radius) * 1.75)!important;overflow:hidden}.code{--code-border-radius: calc(var(--border-radius) * 1.75);--code-padding-x: var(--sec-padding-y, 1rem);--code-padding-y: var(--sec-padding-x, 1rem);--code-height: 50px;--code-color: #abb2bf;width:100%!important;display:grid!important;border-radius:0!important;background-color:var(--code-bg-color, #282c34)!important;color:var(--codecolor)!important}.code_header{height:var(--code-height)!important;border-bottom:1px solid var(--code-header-color);justify-content:space-between!important;align-items:center;padding-inline:var(--code-padding-x) calc(var(--code-padding-x) / 1.25)}.code_header .cb{width:auto!important;height:auto!important;position:relative!important;border-radius:calc(var(--code-border-radius) * 4)}.code_header .cb_copy{position:relative!important;width:calc(var(--code-height) - 15px)!important;height:calc(var(--code-height) - 15px)!important;top:initial!important;right:initial!important;overflow:hidden;background-color:transparent!important;color:var(--text-color)!important;border-radius:calc(var(--code-border-radius) / 1.5)!important}.code_header .cb_copy:hover{background-color:var(--primary)!important;--code-color: var(--white)}.code_header .cb_copy:before{content:"\f0c5";font-family:"Font Awesome 6 Free";font-weight:400;width:calc(var(--code-height) - 15px)!important;height:calc(var(--code-height) - 15px)!important;display:flex;justify-content:center;align-items:center;font-size:1.15rem}.code_header .TL{position:relative!important;width:auto!important;height:auto!important;line-height:normal!important;font-size:inherit;color:var(--text-color)!important}.code_header .TL_word{width:auto!important;height:auto!important;font-size:inherit;color:inherit!important;font-weight:600!important}.code_area{padding-inline:calc(var(--code-padding-x) / 2.5)!important;padding-block-end:calc(var(--code-padding-x) * 1.3)!important}.code.atom_one_dark.hljs,.code.atom_one_dark .hljs{color:var(--text-color)!important;background:var(--code-bg-color)!important}.code.atom_one_light.hljs,.code.atom_one_light .hljs{--code-bg-color: #edf2f4;--code-color: #383a42}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.aside__container[data-v-be6d624c]{--block-padding-x: .755rem;--block-padding-y: .355rem;flex-shrink:0;background-color:var(--aside-menu-bg-color);width:var(--aside-width);max-height:100vh;padding-inline:var(--block-padding-x);padding-block:var(--block-padding-x);z-index:1;position:sticky;top:0}.aside__logo__block[data-v-be6d624c]{--block-inline-gap:calc(1rem + .25vw);position:relative;padding-inline:var(--block-padding-x);padding-block:calc(var(--block-padding-y) * 3);gap:var(--block-inline-gap);margin-bottom:calc(1rem + .75vw);background:var(--vt-c-black-extra);margin-inline:calc(0px - var(--block-padding-x));margin-top:calc(0px - var(--block-padding-y) * 2);border-bottom:1px solid var(--border-color)}.aside__logo__block__icon[data-v-be6d624c]{flex-shrink:0}.aside__logo__block__icon svg[data-v-be6d624c]{width:var(--aside-main-logo-width)}.aside__logo__block__text[data-v-be6d624c]{width:100%;height:100%;display:flex;flex-direction:column;gap:calc(.25rem + .25vw);padding-inline-start:var(--block-inline-gap);border-left:1px solid var(--border-color)}.aside__logo__block__text *[data-v-be6d624c]{line-height:100%;scale:1.025}.aside__menus[data-v-be6d624c]{position:relative;padding:0;margin:0;list-style:none;width:100%;display:flex;flex-direction:column;gap:1px}.aside__menus__item[data-v-be6d624c]{position:relative}.aside__menus__item--link[data-v-be6d624c]{position:relative;display:block;text-decoration:none;padding-block:calc(var(--block-padding-y) * 1.5) calc(var(--block-padding-y) * 2);padding-inline:var(--block-padding-x);font-size:115%;line-height:normal;transition:var(--transition);border-radius:var(--border-radius);color:var(--aside-menu-link-color)}.aside__menus__item--link.router-link-exact-active[data-v-be6d624c]{background-color:var(--aside-menu-bg-active-color);color:var(--aside-menu-active-link-color);font-weight:600}.aside__menus__item--link[data-v-be6d624c]:not(.router-link-exact-active):hover{background-color:var(--aside-menu-bg-color);color:var(--aside-menu-active-link-color)}.elements__section[data-v-87f4289b]{position:relative;background-color:var(--vt-c-black-soft)}.elements__main[data-v-87f4289b]{position:relative;width:100%;min-height:100vh;padding-inline:var(--element-container-pading-x);padding-block:var(--element-container-pading-y)}
