@font-face{font-family:Oxygen;src:url(https://assets.instant.so/sites/24jMpB4Mouysed0w/assets/3BlWMn119IJnnmQO/oxygen-bold.woff2) format("woff2");font-weight:700;font-display:swap}.tutorial-section{display:block;color:var(--tutorial-text-color);background:var(--tutorial-background);font-family:Montserrat,var(--font-body-family, system-ui, sans-serif);line-height:1.15}.tutorial-section *,.tutorial-section *:before,.tutorial-section *:after{box-sizing:border-box}.tutorial-section button{font:inherit}.tutorial-section img,.tutorial-section svg{display:block;max-width:100%}.tutorial-section__inner{width:min(100%,calc(var(--tutorial-max-width) + 48px));margin-inline:auto;padding-inline:24px}.tutorial-section__title{margin:0;color:var(--tutorial-title-color);font-size:var(--tutorial-title-size);font-weight:var(--tutorial-title-weight);line-height:1.15;text-align:center}.tutorial-tabs{display:flex;flex-direction:column;width:100%}.tutorial-tabs__menu{display:flex;align-items:center;justify-content:center}.tutorial-tabs__panel[hidden]{display:none}.tutorial-video{position:relative;display:block;width:100%;max-width:100%;overflow:hidden;background:#000;border-radius:var(--tutorial-video-radius, 25px);aspect-ratio:500 / 281.6901408451}.tutorial-video__trigger{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;padding:0;background-color:#000;background-image:var(--tutorial-video-poster);background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;cursor:pointer}.tutorial-video__trigger:focus-visible{outline:3px solid var(--tutorial-accent, #698c81);outline-offset:-5px}.tutorial-video__play{position:absolute;top:50%;left:50%;display:flex;width:84px;height:48px;align-items:center;justify-content:center;color:#fff;background:#000;border-radius:4px;transform:translate(-50%,-50%);transition:color .24s ease-in-out,background-color .24s ease-in-out}.tutorial-video__play svg{width:30px;height:30px}.tutorial-video__play path{fill:currentcolor}.tutorial-video__trigger:hover .tutorial-video__play{color:#000;background:var(--tutorial-accent, #698c81)}.tutorial-video iframe,.tutorial-video noscript{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.tutorial-overview{padding-block:var(--tutorial-padding-top) var(--tutorial-padding-bottom)}.tutorial-overview .tutorial-section__title{margin-bottom:90px}.tutorial-overview__video-panel{min-height:400px;padding:var(--tutorial-panel-padding) var(--tutorial-panel-padding-horizontal);background:linear-gradient(0deg,var(--tutorial-gradient-start),var(--tutorial-gradient-end));border-radius:var(--tutorial-panel-radius)}.tutorial-overview__video-panel .tutorial-video{border-radius:var(--tutorial-video-radius)}.tutorial-guides{padding-block:var(--tutorial-padding-top) var(--tutorial-padding-bottom)}.tutorial-guides .tutorial-section__title{margin-bottom:90px}.tutorial-guides__panel{display:flex;gap:32px;align-items:flex-start;justify-content:center;min-height:200px;padding:var(--tutorial-panel-padding) var(--tutorial-panel-padding-horizontal);background:linear-gradient(0deg,var(--tutorial-gradient-start),var(--tutorial-gradient-end));border-radius:var(--tutorial-panel-radius)}.tutorial-guides__device{display:flex;min-width:0;height:100%;flex:1 1 0;flex-direction:column;align-items:flex-start;justify-content:flex-start}.tutorial-guides__device-heading{display:flex;width:100%;min-height:0;align-items:flex-end;justify-content:flex-start;gap:32px;margin:0 0 30px}.tutorial-guides__image-wrap{width:60px;flex:0 0 60px;overflow:hidden;border-radius:99px}.tutorial-guides__image{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.tutorial-guides__device-title{margin:0;color:var(--tutorial-card-title-color);font-size:var(--tutorial-card-title-size);font-weight:var(--tutorial-card-title-weight);line-height:1.15;text-align:start}.tutorial-guides__tabs-menu{width:auto;justify-content:flex-start;margin:0;overflow-x:auto}.tutorial-guides__tab{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:12px 24px;color:var(--tutorial-tab-color);background:transparent;border:solid transparent;border-width:0 0 1px;font-size:var(--tutorial-tab-size);font-weight:var(--tutorial-tab-weight);line-height:1.15;cursor:pointer;transition:color 125ms ease-in-out,border-color 125ms ease-in-out}.tutorial-guides__tab:hover,.tutorial-guides__tab:focus-visible{color:#999;border-bottom-color:#0000004d}.tutorial-guides__tab.is-active{color:var(--tutorial-tab-active-color);border-bottom-color:currentcolor}.tutorial-guides__panel-video{width:100%;max-width:1200px;align-items:center;justify-content:center;padding:24px 0}.tutorial-guides__panel-video .tutorial-video{width:100%;border-radius:var(--tutorial-video-radius);aspect-ratio:12 / 5}.tutorial-support{padding-block:var(--tutorial-padding-top) var(--tutorial-padding-bottom)}.tutorial-support .tutorial-section__inner{width:min(100%,var(--tutorial-max-width));padding-inline:0}.tutorial-support .tutorial-section__title{margin-bottom:90px}.tutorial-support__panel{padding:0;background:transparent;border-radius:0}.tutorial-support__group{display:flex;gap:32px;align-items:flex-start;justify-content:flex-start;min-height:0;border:1px solid var(--tutorial-border-color, #222)}.tutorial-support__group:first-child{border-radius:var(--tutorial-panel-radius) var(--tutorial-panel-radius) 0 0}.tutorial-support__group+.tutorial-support__group{border-top:0}.tutorial-support__group:last-child{border-radius:0 0 var(--tutorial-panel-radius) var(--tutorial-panel-radius)}.tutorial-support__group-visual{display:flex;width:100%;min-height:200px;align-self:stretch;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:32px}.tutorial-support__group-image{width:500px;max-width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--tutorial-card-radius)}.tutorial-support__group-title{margin:0;color:var(--tutorial-group-title-color);font-family:Inter,Montserrat,var(--font-body-family, system-ui, sans-serif);font-size:var(--tutorial-group-title-size);font-weight:var(--tutorial-group-title-weight);line-height:1.15;text-align:start}.tutorial-support__group:first-child .tutorial-support__group-title{color:var(--tutorial-vita-title-color, #707070)}.tutorial-support__videos{display:flex;width:100%;min-height:200px;flex:1 1 0;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:32px;padding:30px 0}.tutorial-support__video-card{display:contents}.tutorial-support__video-title{width:500px;max-width:100%;margin:0;color:var(--tutorial-video-title-color);font-size:var(--tutorial-video-title-size);font-weight:var(--tutorial-video-title-weight);line-height:1.15;text-align:start}.tutorial-support__videos .tutorial-video{width:500px;max-width:100%;border-radius:var(--tutorial-video-radius)}.tutorial-support__group:nth-child(3) .tutorial-support__group-visual{margin:35px 0}.tutorial-support__group:nth-child(3) .tutorial-support__videos{margin:140px 0 35px}.tutorial-faq{padding-block:var(--tutorial-padding-top) var(--tutorial-padding-bottom)}.tutorial-faq .tutorial-section__inner{width:min(100%,var(--tutorial-max-width));padding-inline:0}.tutorial-faq__box{display:flex;min-height:200px;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:32px;padding:var(--tutorial-panel-padding) var(--tutorial-panel-padding-horizontal);background:var(--tutorial-panel-background);border:1px solid var(--tutorial-border-color);border-radius:var(--tutorial-panel-radius)}.tutorial-faq__box .tutorial-section__title{margin:30px 0;line-height:1.15}.tutorial-faq__tabs{align-items:flex-start;justify-content:flex-start;max-width:1440px}.tutorial-faq__tabs-menu{width:100%;justify-content:center}.tutorial-faq__tab{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin:0 16px;padding:12px 24px;color:var(--tutorial-tab-color);background:transparent;border:1px solid var(--tutorial-tab-color);border-radius:25px;font-size:var(--tutorial-tab-size);font-weight:var(--tutorial-tab-weight);line-height:1.15;cursor:pointer;transition:color 125ms ease-in-out,background-color 125ms ease-in-out,border-color 125ms ease-in-out}.tutorial-faq__tab:hover,.tutorial-faq__tab:focus-visible,.tutorial-faq__tab.is-active{color:var(--tutorial-tab-active-color);background:var(--tutorial-tab-active-background);border-color:var(--tutorial-tab-active-background)}.tutorial-faq__panel{width:100%;padding:24px 0}.tutorial-faq__panel tutorial-accordion{display:flex;width:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:32px}.tutorial-faq__item{width:100%;overflow:hidden;border:1px solid var(--tutorial-border-color);border-radius:25px;padding:0 32px}.tutorial-faq__question{position:relative;display:flex;width:100%;gap:24px;align-items:flex-start;justify-content:space-between;padding:16px 0 40px;color:var(--tutorial-question-color);font-size:var(--tutorial-question-size);font-weight:var(--tutorial-question-weight);line-height:1.15;list-style:none;text-align:start;cursor:pointer}.tutorial-faq__question::-webkit-details-marker{display:none}.tutorial-faq__question:after{width:12px;height:12px;flex:0 0 12px;margin-top:2px;border-right:1.5px solid currentcolor;border-bottom:1.5px solid currentcolor;content:"";transform:rotate(45deg);transition:transform 125ms ease-in-out}.tutorial-faq__item[open] .tutorial-faq__question:after{transform:rotate(225deg)}.tutorial-faq__answer{padding:0 0 24px;color:var(--tutorial-answer-color);font-family:Inter,Montserrat,var(--font-body-family, system-ui, sans-serif);font-size:var(--tutorial-answer-size);font-weight:var(--tutorial-answer-weight);line-height:1.5;text-align:start}.tutorial-faq__answer>:first-child{margin-top:0}.tutorial-faq__answer>:last-child{margin-bottom:0}@media(max-width:768px){.tutorial-guides__panel{flex-direction:column}.tutorial-guides__device{width:100%;flex:0 1 auto;align-self:stretch}.tutorial-guides__device-title{color:#fff}.tutorial-support .tutorial-section__inner{padding-inline:24px}.tutorial-support__group{width:auto;flex-direction:column;align-self:stretch}.tutorial-support__group:first-child{border-radius:var(--tutorial-panel-radius-mobile) var(--tutorial-panel-radius-mobile) 0 0}.tutorial-support__group:last-child{border-radius:0 0 var(--tutorial-panel-radius-mobile) var(--tutorial-panel-radius-mobile)}.tutorial-support__group-visual{height:auto;align-self:auto;padding:24px 0}.tutorial-support__videos{align-items:center}.tutorial-support__group:nth-child(3) .tutorial-support__group-visual{margin:24px 0}.tutorial-support__group:nth-child(3) .tutorial-support__videos{margin:0}.tutorial-faq__tabs-menu{flex-direction:column;gap:32px}}@media(max-width:575px){.tutorial-section__title{font-size:var(--tutorial-title-size-mobile)}.tutorial-overview .tutorial-section__title,.tutorial-guides .tutorial-section__title,.tutorial-support .tutorial-section__title{margin-bottom:30px}.tutorial-overview{padding-top:var(--tutorial-padding-top)}.tutorial-overview__video-panel{min-height:0;padding:var(--tutorial-panel-padding-mobile) var(--tutorial-panel-padding-mobile-horizontal);border-radius:var(--tutorial-panel-radius-mobile)}.tutorial-overview__video-panel .tutorial-video{border-radius:var(--tutorial-video-radius-mobile)}.tutorial-guides__panel{padding:var(--tutorial-panel-padding-mobile) var(--tutorial-panel-padding-mobile-horizontal);border-radius:var(--tutorial-panel-radius-mobile)}.tutorial-guides__device{min-height:0;align-items:center;flex:1 1 0}.tutorial-guides__device-title{color:var(--tutorial-card-title-color);font-size:var(--tutorial-card-title-size-mobile)}.tutorial-guides__tabs-menu{width:100%;min-height:0;flex:1 1 48px;align-self:stretch}.tutorial-guides__tab{padding:12px;color:#999;font-size:var(--tutorial-tab-size-mobile)}.tutorial-guides__panel-video{align-self:stretch;padding:24px 10px}.tutorial-guides__panel-video .tutorial-video{border-radius:var(--tutorial-video-radius-mobile);aspect-ratio:500 / 281.6901408451}.tutorial-support__group{padding-inline:24px}.tutorial-support__group:last-child{padding-inline:0}.tutorial-support__group:last-child .tutorial-support__group-visual{padding-inline:24px}.tutorial-support__group:last-child .tutorial-support__videos{padding:30px 24px}.tutorial-support__group-title{font-family:Montserrat,var(--font-body-family, system-ui, sans-serif);font-size:var(--tutorial-group-title-size-mobile)}.tutorial-support__video-title{font-size:var(--tutorial-video-title-size-mobile)}.tutorial-support__group-image{border-radius:var(--tutorial-card-radius)}.tutorial-support__videos .tutorial-video{border-radius:var(--tutorial-video-radius-mobile)}.tutorial-faq .tutorial-section__inner{padding-inline:24px}.tutorial-faq__box{padding:var(--tutorial-panel-padding-mobile) var(--tutorial-panel-padding-mobile-horizontal);border-radius:var(--tutorial-panel-radius-mobile)}.tutorial-faq__tabs-menu{gap:16px}.tutorial-faq__tab{font-size:var(--tutorial-tab-size-mobile)}.tutorial-faq__question{font-size:var(--tutorial-question-size-mobile)}.tutorial-faq__answer{font-size:var(--tutorial-answer-size-mobile)}}@media(prefers-reduced-motion:reduce){.tutorial-section *,.tutorial-section *:before,.tutorial-section *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/tutorial-components.css.map */