:root{--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extra-bold:800;--weight-black:900;--heading-xxxlarge-size:64px;--heading-xxxlarge-lh:70px;--heading-xxlarge-size:56px;--heading-xxlarge-lh:60px;--heading-xlarge-size:48px;--heading-xlarge-lh:52px;--heading-large-size:36px;--heading-large-lh:42px;--heading-medium-size:28px;--heading-medium-lh:36px;--heading-small-size:24px;--heading-small-lh:28px;--heading-tiny-size:20px;--heading-tiny-lh:24px;--heading-tinier-size:18px;--heading-tinier-lh:24px;--heading-micro-size:16px;--heading-micro-lh:24px;--heading-mini-size:14px;--heading-mini-lh:20px;--body-xlarge-size:20px;--body-xlarge-lh:30px;--body-large-size:18px;--body-large-lh:27px;--body-standard-size:16px;--body-standard-lh:24px;--body-small-size:14px;--body-small-lh:20px;--body-utility-small-size:13px;--body-utility-small-lh:18px;--body-tiny-size:12px;--body-tiny-lh:18px;--specific-default-size:15px;--specific-default-lh:20px;--theme-primary:#883fff;--theme-light:#efefff;--theme-dark:#0d003a;--theme-white:#fff;--theme-black:#000;--text-primary:#1e1e34;--text-secondary:#696488;--text-tertiary:#bdbace;--interactive-default:#883fff;--interactive-hover:#5018ab;--grey-offblack:#1e1e34;--grey-dark:#696488;--grey-mid:#bdbace;--grey-mid-light:#e1e1f0;--grey-light:#f3f3ff;--grey-neutral:#f3f3f3;--purple-primary:#883fff;--purple-light:#cbcbff;--purple-mid:#9e86ff;--purple-dark:#5018ab;--blue-primary:#1bb4ff;--blue-lightest:#e5f1ff;--blue-light:#cbe3ff;--blue-mid:#96dcff;--blue-dark:#0072aa;--aqua-primary:#00eaf6;--aqua-light:#d9fdff;--aqua-mid:#a1faff;--aqua-dark:#00a5ad;--orange-primary:#e95a01;--green-primary:#1e8000;--status-error-primary:#e32553;--status-error-light:#fde2e7;--status-error-dark:#ad0c33;--status-success-primary:#008285;--status-success-light:#d9f6f3;--status-success-dark:#006663;--status-warning-primary:#fdcd24;--status-warning-light:#fff8de;--status-warning-dark:#fdcd24;--status-info-primary:#1bb4ff;--status-info-light:#cbe3ff;--status-info-dark:#0072aa;--status-active-primary:#0d003a;--status-active-light:#e5f1ff}.container{height:inherit;margin:0 auto;max-width:1176px;padding:0 24px;position:relative;width:100%}@media (max-width:840px){.container{padding:0 16px}}.h-xxxlarge{font-size:var(--heading-xxxlarge-size);font-weight:var(--weight-bold);line-height:var(--heading-xxxlarge-lh)}@media (max-width:767px){.h-xxxlarge{font-size:var(--heading-large-size);font-weight:var(--weight-semibold);line-height:var(--heading-large-lh)}}.h-xxlarge{font-size:var(--heading-xxlarge-size);font-weight:var(--weight-bold);line-height:var(--heading-xxlarge-lh)}@media (max-width:767px){.h-xxlarge{font-size:var(--heading-medium-size);font-weight:var(--weight-semibold);line-height:var(--heading-medium-lh)}}.h1,h1{font-size:var(--heading-xlarge-size);font-weight:var(--weight-semibold);line-height:var(--heading-xlarge-lh)}@media (max-width:767px){.h1,h1{font-size:var(--heading-medium-size);line-height:var(--heading-medium-lh)}}.h2,h2{font-size:var(--heading-large-size);line-height:var(--heading-large-lh)}.h2,.h3,h2,h3{font-weight:var(--weight-semibold)}.h3,h3{font-size:var(--heading-medium-size);line-height:var(--heading-medium-lh)}.h4,h4{font-size:var(--heading-small-size);font-weight:var(--weight-semibold);line-height:var(--heading-small-lh)}@media (max-width:767px){.h4,h4{font-size:var(--heading-tiny-size);line-height:var(--heading-tiny-lh)}}.h5,h5{font-size:var(--heading-tiny-size);line-height:var(--heading-tiny-lh)}.h5,.h6,h5,h6{font-weight:var(--weight-semibold)}.h6,h6{font-size:var(--heading-tinier-size);line-height:var(--heading-tinier-lh)}.body-l{font-size:var(--body-xlarge-size);font-weight:var(--weight-regular);line-height:var(--body-xlarge-lh)}@media (max-width:767px){.body-l{font-size:var(--body-standard-size);line-height:var(--body-standard-lh)}}.caption{font-size:var(--body-large-size);font-weight:var(--weight-regular);line-height:var(--body-large-lh)}p{font-size:var(--body-standard-size);line-height:var(--body-standard-lh)}.small{font-size:var(--body-small-size);font-weight:var(--weight-regular);line-height:var(--body-small-lh)}b,strong{font-weight:var(--weight-bold)}.sampleGuides *{user-select:none}.sampleGuides{overflow:hidden;padding:64px 0;position:relative}.sampleGuidesTitle{margin:0 auto 64px;max-width:890px;text-align:center}.sampleGuidesTitle h2{margin-bottom:8px}.sampleGuidesTitle p{color:var(--text-secondary)}.sampleGuidesSlider{margin-bottom:42px;overflow:visible}.item{max-width:264px}.item img{height:auto;width:100%}.sampleGuidesItem{border-radius:32px;cursor:pointer;height:469px;overflow:hidden;position:relative}.sampleGuidesItem:before{background:linear-gradient(180deg,rgba(30,30,52,0) 0,rgba(30,30,52,.2) 8.33%,var(--grey-offblack) 100%);bottom:0;content:"";height:100%;left:0;max-height:186px;position:absolute;width:100%}.sampleGuidesItemQrCode{background-color:rgba(0,0,0,.5);border-radius:32px;height:30px;padding:6px 8px 0 12px;position:absolute;right:16px;top:16px;transition:.3s ease-in-out;z-index:3}.sampleGuidesItemQrCode span{align-items:center;color:var(--theme-white);display:flex;font-size:var(--body-small-size);gap:4px;transition:.3s ease-in-out}.sampleGuidesItemQrCode figure{margin:4px auto;max-width:92px;opacity:0;text-align:center;transition:.3s ease-in-out;visibility:hidden}.sampleGuidesItemQrCode img{margin:0 auto}.sampleGuidesItemQrCode figcaption{color:var(--grey-dark);font-size:var(--body-tiny-size);font-weight:400;line-height:var(--body-tiny-lh);margin:0 auto;max-width:92px}.sampleGuidesItemQrCode:hover{background-color:var(--theme-white);border-radius:8px;height:176px;padding:6px 12px 12px}.sampleGuidesItemQrCode:hover span{color:var(--grey-offblack)}.sampleGuidesItemQrCode:hover figure{opacity:1;visibility:visible}.sampleGuidesItemText{bottom:0;left:0;padding:24px 16px;position:absolute;z-index:2}.sampleGuidesItemSteps{color:var(--grey-mid);display:block;margin-bottom:4px}.sampleGuidesItemText h3{color:var(--theme-white);margin-bottom:16px}.sampleGuidesItemPlay{align-items:center;background-color:rgba(0,0,0,.5);border-radius:100px;color:var(--theme-white);display:flex;font-size:var(--body-small-size);height:30px;padding:0 8px;width:max-content}.sampleGuidesItemPlay span{display:none;padding-right:4px}.sampleGuidesItemPlay span+span{display:block}.sampleGuidesItemPlay svg{margin-right:8px}.sampleGuidesItem img{height:100%;object-fit:cover;width:100%}.sampleGuidesSliderNav{align-items:center;display:flex;gap:24px;justify-content:center;user-select:none}.sampleGuidesSliderNav span{cursor:pointer;height:32px;width:32px}.sampleGuidesSliderNav svg{fill:var(--grey-offblack);transition:fill .3s ease-in-out}.sampleGuidesSliderNav span.disabled{pointer-events:none;user-select:none}.sampleGuidesSliderNav span.disabled svg{fill:var(--grey-mid)}@media (max-width:768px){.sampleGuides{padding:32px 0}.sampleGuidesTitle{margin-bottom:32px}.item{max-width:264px}.sampleGuidesItemQrCode{display:none}.sampleGuidesItemPlay span{display:block}.sampleGuidesItemPlay span+span{display:none}}.modal{align-items:center;background:rgba(0,0,0,.9);display:flex;height:100%;left:0;opacity:0;padding:16px 32px;position:fixed;top:0;transition:opacity .2s;visibility:hidden;width:100%;z-index:999}.modal.open{opacity:1;visibility:visible}.modalInner{margin:0 auto;max-width:1440px;position:relative;width:100%}.modalTitle{margin-bottom:38px;padding-right:80px}.modalTitle span{color:var(--grey-mid)}.modalClose,.modalTitle h3{color:var(--theme-white)}.modalClose{cursor:pointer;position:absolute;right:32px;top:16px}.modal figure{align-items:center;border-radius:16px;display:flex;height:100%;margin:0 auto;overflow:hidden;width:100%}.modal figure iframe{border:0;height:100%;width:100%}.modal figure img{border-radius:16px;height:auto;object-fit:cover;width:100%}.modalNav{justify-content:space-between;margin:18px auto 0;max-width:362px;width:100%}.modalNav,.modalNav span{align-items:center;display:flex}.modalNav span{color:var(--theme-white);cursor:pointer;font-size:var(--body-small-size);font-weight:var(--weight-regular);line-height:var(--body-small-lh)}.modalNav span,.modalNav span svg{transition:.3s ease-in-out}.modalNav span:hover svg{transform:translateX(-5px)}.modalNav span+span:hover svg{transform:translateX(5px)}@media (max-width:768px){.modalNav{display:none}}