.demo__roles-nav[data-v-8f8c45d3]{display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;max-width:1040px;width:100%}@media(max-width:768px){.demo__roles-nav[data-v-8f8c45d3]{grid-template-columns:1fr 1fr}}@media(max-width:480px){.demo__roles-nav[data-v-8f8c45d3]{grid-template-columns:1fr}}.role-card[data-v-8f8c45d3]{align-items:center;background-color:#fff;border:1px solid var(--visits-border-color);border-radius:10px;box-shadow:0 0 0 0 transparent;cursor:pointer;display:flex;flex-direction:column;padding:2rem;text-align:center;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease,background-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.role-card[data-v-8f8c45d3]:hover{border-color:var(--visits-border-color-hover)}.role-card--active[data-v-8f8c45d3],.role-card[data-v-8f8c45d3]:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.role-card--active[data-v-8f8c45d3]{background-color:var(--visits-bg-color-active)}.role-card--active[data-v-8f8c45d3],.role-card--active[data-v-8f8c45d3]:hover{border-color:var(--visits-border-color-active)}.role-card--active[data-v-8f8c45d3]:has(:focus-visible){outline:2px solid var(--visits-outline-color);outline-offset:2px}.role-card--active .role-card__icon[data-v-8f8c45d3]{background-color:var(--visits-icon-bg-color-active)}.role-card__radio[data-v-8f8c45d3]{border:0;height:1px;margin:-1px;opacity:0;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}.role-card__icon[data-v-8f8c45d3]{background-color:var(--visits-bg-color-light);border-radius:10px;color:var(--visits-accent-color);height:44px;padding:10px;transition:background-color .2s ease;width:44px}.role-card__title[data-v-8f8c45d3]{font-weight:700;margin-top:.5rem}.role-card__description[data-v-8f8c45d3]{font-size:.875rem}.role-card__chevron[data-v-8f8c45d3]{color:var(--visits-accent-color);height:24px;margin-top:auto;padding-left:20px;rotate:90deg;transition:background-color .2s ease;visibility:hidden;width:44px}.role-card__chevron--show[data-v-8f8c45d3]{visibility:visible}.role-card__cevron symbol[data-v-8f8c45d3]{rotate:90deg}.tabs[data-v-153bb68b]{display:flex;width:100%}@media(max-width:1024px){.tabs[data-v-153bb68b]{display:none}}.tabs__item[data-v-153bb68b]{position:relative}.tabs__item[data-v-153bb68b]:has(:focus-visible){outline:2px solid var(--visits-outline-color);outline-offset:2px}.tabs__radio[data-v-153bb68b]{border:0;height:1px;margin:-1px;opacity:0;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}.tabs__label[data-v-153bb68b]{color:var(--visits-link-color);padding:.5rem;transition:color .2s ease,transform .2s ease,background-color .2s ease}.tabs__label[data-v-153bb68b]:hover{color:var(--visits-link-color-hover)}.tabs__label--active[data-v-153bb68b]{background-color:#fff;border-radius:3px}.tabs-mobile[data-v-153bb68b]{display:none}@media(max-width:1024px){.tabs-mobile[data-v-153bb68b]{display:block;width:100%}}.tabs-mobile__wrapper[data-v-153bb68b]{margin-top:.25rem;position:relative}.tabs-mobile .tabs-mobile__icon[data-v-153bb68b]{height:24px;rotate:-90deg;transition:transform .2s;width:24px}.tabs-mobile .tabs-mobile__icon--open[data-v-153bb68b]{transform:rotate(180deg)}.tabs-mobile__trigger[data-v-153bb68b]{background-color:#cfc9c942;border:1px solid var(--visits-accent-color);border-radius:.25rem;color:var(--visits-accent-color);cursor:pointer;display:flex;justify-content:space-between;line-height:1.25rem;outline:none;padding:.5rem .75rem;position:relative;text-align:left;width:100%}.tabs-mobile__trigger[data-v-153bb68b]:hover{background-color:#fff}.tabs-mobile__trigger[data-v-153bb68b]:focus-visible{border-color:var(--visits-outline-color);box-shadow:0 0 0 2px var(--visits-outline-shadow)}.tabs-mobile__trigger-text[data-v-153bb68b]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs-mobile__dropdown[data-v-153bb68b]{background-color:#fff;border:1px solid var(--visits-accent-color);border-radius:0 0 .375rem .375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:-.05rem;max-height:15rem;overflow:auto;padding:.25rem 0;position:absolute;width:100%;z-index:10}.tabs-mobile__option[data-v-153bb68b]{color:#111827;cursor:default;padding:.5rem 2.5rem .5rem 1rem;position:relative;transition:background-color .1s ease}.tabs-mobile__option--active[data-v-153bb68b]{background-color:var(--visits-bg-color-active);color:var(--visits-accent-color);cursor:pointer}.tabs-mobile__option-text[data-v-153bb68b]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs-mobile__option-text--selected[data-v-153bb68b]{font-weight:500}.tabs-mobile__transition-leave-active[data-v-153bb68b]{transition:opacity .1s ease-in}.tabs-mobile__transition-leave-from[data-v-153bb68b]{opacity:1}.tabs-mobile__transition-leave-to[data-v-153bb68b]{opacity:0}.loader-container[data-v-cc79e307]{align-items:center;display:flex;flex:1;justify-content:center;width:100%}.loader[data-v-cc79e307]{aspect-ratio:1;background:var(--visits-accent-color);border-radius:50%;padding:8px;width:50px;--_m:conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0) content-box;animation:l3-cc79e307 1s linear infinite;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract}@keyframes l3-cc79e307{to{transform:rotate(1turn)}}.demo[data-v-0bb2d12f]{align-items:center;gap:2rem}.demo[data-v-0bb2d12f],.demo__content[data-v-0bb2d12f]{display:flex;flex-direction:column}.demo__content[data-v-0bb2d12f]{background-color:var(--visits-bg-color);border-radius:5px;gap:1.5rem;min-height:var(--visits-demo-layout-height);overflow-y:auto;padding:2rem;width:100%}@media(max-width:1024px){.demo__content[data-v-0bb2d12f]{padding:var(--layout-indent,1.5rem)}}.demo__body[data-v-0bb2d12f]{display:flex;flex-direction:column;gap:1rem;height:var(--visits-demo-layout-body-height);overflow-y:auto}.hero__buttons[data-v-ba0f4c5c]{display:flex;flex-direction:column;gap:18px;width:100%}@media(max-width:768px){.hero__buttons[data-v-ba0f4c5c]{align-items:center}}.hero__button[data-v-ba0f4c5c]{width:-moz-fit-content;width:fit-content}.main__demo[data-v-ba0f4c5c]{margin:0 auto;padding-top:4rem}