.swipe-overflow-enter-active[data-v-fd3e05f4]{transition:opacity .5s}.swipe-overflow-leave-active[data-v-fd3e05f4]{transition:opacity .3s}.swipe-overflow-enter[data-v-fd3e05f4],.swipe-overflow-leave-to[data-v-fd3e05f4]{opacity:0}.swipe-modal__overflow[data-v-fd3e05f4]{background:#00000080;height:100vh;left:0;opacity:1;position:fixed;top:0;width:100vw;z-index:1000000}.swipe-modal__close-icon[data-v-fd3e05f4]{cursor:pointer;font-size:24px;height:50px;position:absolute;right:0;width:50px;z-index:100}.swipe-modal__close-icon[data-v-fd3e05f4]:after{content:"×";display:inline-block}.swipe-modal__swipe-line[data-v-fd3e05f4]{background:#fff;border-radius:10px;height:5px;position:absolute;right:calc(50% - 25px);top:-15px;width:50px}.swipe-modal__wrap[data-v-fd3e05f4]{bottom:0;display:flex;justify-content:center;left:0;position:fixed;width:100%;z-index:1000001}.swipe-modal__content[data-v-fd3e05f4]{background:#0000;max-height:100vh;max-width:520px;overflow:auto;position:relative;width:100%}.swipe-modal__content__body[data-v-fd3e05f4],.swipe-modal__content__footer[data-v-fd3e05f4],.swipe-modal__content__header[data-v-fd3e05f4]{background:#fff;padding:10px}.swipe-modal__content__header[data-v-fd3e05f4]{background:#fff;border-top-left-radius:20px;border-top-right-radius:20px}.swipe-modal__content__body[data-v-fd3e05f4]{padding-bottom:10px}.swipe-modal__content__footer[data-v-fd3e05f4]{bottom:0;position:sticky}.swipe-modal__content[data-v-fd3e05f4]::-webkit-scrollbar{height:2px;width:2px}.swipe-modal__content[data-v-fd3e05f4]::-webkit-scrollbar-thumb{background-color:#018d58;border-radius:100px}.swipe-modal__content[data-v-fd3e05f4]::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:100px}.header[data-v-77c9635c]{display:flex;justify-content:flex-end}.body[data-v-77c9635c]{display:flex;flex-direction:column;gap:20px;max-height:70vh;overflow-y:auto;padding:0 6px}.body .wrapper[data-v-77c9635c]{align-items:center;display:flex;flex-direction:row;gap:4px;width:100%}.body .wrapper .container-loop[data-v-77c9635c]{flex:1 1 0%}.body .wrapper .container-loop .bar-container[data-v-77c9635c]{background-color:#d6ede4;border-radius:3px;height:4px;width:100%}.body .wrapper .container-loop .bar-container .bar[data-v-77c9635c]{height:100%;transition:width .4s ease-in;width:0}.body .wrapper .container-loop .bar-container .info-read[data-v-77c9635c]{background-color:#018d58;transition:width .4s ease-in;width:100%}.body .body-content[data-v-77c9635c]{display:flex;flex-direction:column;gap:18px;position:relative}.body .body-content .image-info-wrapper[data-v-77c9635c]{background-color:#d6ede4;display:flex;height:428px;justify-content:center;overflow:hidden;position:relative}.body .body-content .image-info-wrapper .tutorial-image[data-v-77c9635c]{bottom:-54px;height:100%;max-height:none;position:absolute}.body .body-content h3[data-v-77c9635c]{color:var(--Color-Grayscale-text-color-header,#121212);font-size:var(--font-size-display-xxl,18px);font-style:normal;font-weight:600;letter-spacing:var(--font-letter-spacing-display-xxl,.3px);line-height:var(--font-line-height-display-xxl,30px)}.body .body-content p[data-v-77c9635c]{color:var(--Color-Grayscale-text-color-description,#4b4b4b);font-size:var(--font-size-body-default,14px);font-style:normal;font-weight:400;letter-spacing:var(--font-letter-spacing-text-default,.3px);line-height:var(--font-line-height-body-default,18px)}.body[data-v-77c9635c]::-webkit-scrollbar{height:2px;width:2px}.body[data-v-77c9635c]::-webkit-scrollbar-thumb{background-color:#018d58;border-radius:100px}.body[data-v-77c9635c]::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:100px}.footer .button-page[data-v-77c9635c]{align-items:center;display:flex;gap:18px}