.onboarding-hiw-modal{display:flex;flex-direction:column;gap:40px;align-items:center;color:#fcfbfb}.onboarding-hiw-modal__heading{margin:0;font-size:28px;line-height:normal;text-align:center;text-transform:uppercase}.onboarding-hiw-modal__row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;width:100%}.onboarding-hiw-modal__card{display:flex;flex-direction:column;gap:28px;padding:8px;border-radius:16px;background-color:#262525}.onboarding-hiw-modal__image-wrap{position:relative;overflow:hidden;aspect-ratio:314/226;width:100%;border-radius:8px}.onboarding-hiw-modal__image{display:block;width:100%;height:100%;object-fit:cover}.onboarding-hiw-modal__text{display:flex;gap:10px;align-items:baseline;padding:0 8px 20px}.onboarding-hiw-modal__text-col{display:flex;flex:1 0;flex-direction:column;gap:6px;min-width:0}.onboarding-hiw-modal__badge{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:20px;font-weight:500;color:#fcfbfb;background-color:#f13911}.onboarding-hiw-modal__badge-number{line-height:1;height:min-content}.onboarding-hiw-modal__step-title{margin:0;font-size:24px;line-height:normal}.onboarding-hiw-modal__step-desc{margin:0;font-size:16px;color:#d5d5d5}.onboarding-hiw-modal__cta{--ds-button-width:351px}@media(max-width:1100px){.onboarding-hiw-modal__step-title{font-size:20px}.onboarding-hiw-modal__step-desc{font-size:14px}}.onboarding-hiw-modal__body{width:1050px;max-width:calc(100vw - 40px);padding:14px 20px 20px;background-color:rgba(61,61,62,.95);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bottom-sheet{position:fixed;z-index:900;inset:0;display:flex;align-items:flex-end;justify-content:center}.bottom-sheet__panel{position:relative;z-index:900;transform:translateY(100%);overflow:hidden;display:flex;flex-direction:column;width:100%;max-width:480px;max-height:85dvh;border-radius:16px 16px 0 0;background-color:#262525;transition:transform .3s ease}.bottom-sheet__panel--visible{transform:translateY(0)}.bottom-sheet__handle-area{touch-action:none;cursor:-webkit-grab;cursor:grab;display:flex;flex-shrink:0;justify-content:center;padding:10px 0}.bottom-sheet__handle{width:38px;height:3px;border-radius:2px;background-color:#9d9c9e}.bottom-sheet__content{overflow-y:auto;flex:1 1 auto;padding-bottom:env(safe-area-inset-bottom,0);-webkit-overflow-scrolling:touch}.bottom-sheet__shade{position:fixed;z-index:899;inset:0;opacity:0;background-color:rgba(0,0,0,.6);transition:opacity .3s ease}.bottom-sheet__shade--visible{opacity:1}.onboarding-hiw-sheet{display:flex;flex-direction:column;gap:20px;padding:0 12px 12px;color:#fcfbfb}.onboarding-hiw-sheet__header{position:relative;display:flex;align-items:center;justify-content:center;padding-top:8px}.onboarding-hiw-sheet__title{margin:0;font-size:16px;font-weight:600;line-height:normal;text-align:center;text-transform:uppercase}.onboarding-hiw-sheet__close{cursor:pointer;position:absolute;top:0;right:0;display:flex;padding:0;border:0;background-color:rgba(0,0,0,0)}.onboarding-hiw-sheet__close-icon{--ds-icon-size:16px;fill:#9d9c9e!important}.onboarding-hiw-sheet__viewport{overflow:hidden;width:100%}.onboarding-hiw-sheet__track{touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex}.onboarding-hiw-sheet__slide{display:flex;flex:0 0 100%;flex-direction:column;gap:13px;min-width:0}.onboarding-hiw-sheet__image-wrap{position:relative;overflow:hidden;aspect-ratio:351/253;width:100%;border-radius:8px}.onboarding-hiw-sheet__image{display:block;width:100%;height:100%;object-fit:cover}.onboarding-hiw-sheet__step-title{margin:0;font-size:17px;line-height:normal}.onboarding-hiw-sheet__step-desc{margin:0;font-size:14px;line-height:1.3;color:#d5d5d5}.onboarding-hiw-sheet__dots{display:flex;gap:6px;align-items:center;justify-content:center}.onboarding-hiw-sheet__dot{width:20px;height:6px;border-radius:3px;background-color:#3d3d3e}.onboarding-hiw-sheet__dot--active{background-color:#f13911}.onboarding-hiw-sheet__next{--ds-button-width:100%}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideOut{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes header-spinner{to{transform:rotate(1turn)}}.main-layout{display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:0 0 24px}@media only screen and (min-width:576px){.main-layout{padding:0}}.main-layout__content{flex:var(--main-layout-content-flex,1 1 100%)}