.GuideCard-module-scss-module__LhnGuG__Card{border:1px solid var(--primary-black-accentlight,#3c3c3f1a);background:var(--background-paperelevation4,#fff);border-radius:20px;gap:40px;padding:16px;display:flex;position:relative;box-shadow:0 4px 12px #00000014}@media screen and (max-width:1024px){.GuideCard-module-scss-module__LhnGuG__Card{border:1px solid var(--primary-black-accentlight,#3c3c3f1a);background:var(--background-paperelevation4,#fff);border-radius:20px;flex-direction:column;align-items:stretch;gap:20px;padding:12px;box-shadow:0 4px 12px #00000014}}.GuideCard-module-scss-module__LhnGuG__CardThumb{border-radius:12px;flex-shrink:0;width:320px;height:180px;position:relative;overflow:hidden}@media screen and (max-width:1024px){.GuideCard-module-scss-module__LhnGuG__CardThumb{width:100%;height:0;padding-bottom:56.25%}}.GuideCard-module-scss-module__LhnGuG__CardThumbPlaceholder{background:var(--primary-white-main,#f2f2f5);position:absolute;inset:0}.GuideCard-module-scss-module__LhnGuG__ReadBadge{background:var(--components-tooltip-fill,#616161e6);height:24px;color:var(--components-switch-knobfillenabled,#fafafa);font-feature-settings:"liga" off,"clig" off;font-size:var(--fontsize-rem-16075-rem,12px);font-style:normal;font-weight:var(--regular,400);letter-spacing:.15px;white-space:nowrap;border-radius:1000px;justify-content:center;align-items:center;gap:10px;padding:6px 8px;line-height:12px;display:flex;position:absolute;bottom:12px;right:12px}.GuideCard-module-scss-module__LhnGuG__CardBody{flex-direction:column;flex:1;min-width:0;display:flex}.GuideCard-module-scss-module__LhnGuG__CardTitle{color:var(--text-primary,#000000de);font-feature-settings:"liga" off,"clig" off;font-size:var(--fontsize-semantic-h6,20px);font-style:normal;font-weight:var(--bold,700);letter-spacing:.15px;word-break:keep-all;margin:0;line-height:160%}@media screen and (max-width:1024px){.GuideCard-module-scss-module__LhnGuG__CardTitle{color:var(--text-primary,#000000de);font-feature-settings:"liga" off,"clig" off;font-size:var(--fontsize-semantic-body1,16px);font-style:normal;font-weight:var(--semibold,600);letter-spacing:.15px;line-height:150%}}.GuideCard-module-scss-module__LhnGuG__CardDescription{color:var(--text-secondary,#0009);font-feature-settings:"liga" off,"clig" off;font-size:var(--fontsize-semantic-body1,16px);font-style:normal;font-weight:var(--regular,400);letter-spacing:.15px;word-break:keep-all;margin:4px 0 0;line-height:150%}@media screen and (max-width:1024px){.GuideCard-module-scss-module__LhnGuG__CardDescription{color:var(--text-secondary,#0009);font-feature-settings:"liga" off,"clig" off;font-size:var(--fontsize-semantic-caption,12px);font-style:normal;font-weight:var(--regular,400);letter-spacing:.4px;line-height:166%}}.GuideCard-module-scss-module__LhnGuG__CardActions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:12px;display:flex}@media screen and (max-width:1024px){.GuideCard-module-scss-module__LhnGuG__CardActions{gap:16px;margin-top:16px}}.GuideCard-module-scss-module__LhnGuG__Badge{font-feature-settings:"liga" off,"clig" off;font-size:var(--fontsize-rem-16075-rem,12px);font-style:normal;font-weight:var(--regular,400);letter-spacing:.15px;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:6px 8px;line-height:12px;display:flex}.GuideCard-module-scss-module__LhnGuG__Badge.GuideCard-module-scss-module__LhnGuG__reward{background:var(--primary-blue-opacity-main10,#ef6c001a);color:var(--primary-blue-light,#ffe0b2)}.GuideCard-module-scss-module__LhnGuG__Badge.GuideCard-module-scss-module__LhnGuG__completed{background:var(--error-states-selected,#d32f2f14);color:var(--error-main,#d32f2f)}.GuideCard-module-scss-module__LhnGuG__PrimaryAction{border-radius:var(--borderradius-s,4px);background:var(--primary-blue-main,#ef6c00);height:42px;padding:var(--1,8px) var(--3,24px);color:var(--primary-blue-contrast,#fff);font-feature-settings:"liga" off,"clig" off;font-size:var(--fontsize-rem-1609375-rem,15px);font-style:normal;font-weight:var(--medium,500);letter-spacing:-.15px;flex-direction:column;justify-content:center;align-items:center;line-height:26px;display:flex}@media screen and (max-width:1024px){.GuideCard-module-scss-module__LhnGuG__PrimaryAction{width:100%}}.GuideCard-module-scss-module__LhnGuG__SecondaryAction{border-radius:var(--borderradius-s,4px);border:1px solid var(--primary-blue-main,#ef6c00);height:42px;padding:var(--1,8px) var(--3,24px);color:var(--primary-blue-main,#ef6c00);font-feature-settings:"liga" off,"clig" off;font-size:var(--fontsize-rem-1609375-rem,15px);font-style:normal;font-weight:var(--medium,500);letter-spacing:-.15px;flex-direction:column;justify-content:center;align-items:center;line-height:26px;display:flex}@media screen and (max-width:1024px){.GuideCard-module-scss-module__LhnGuG__SecondaryAction{width:100%}}.GuideCard-module-scss-module__LhnGuG__ActionSkeleton{visibility:hidden;display:block}.GuideCard-module-scss-module__LhnGuG__ActionSkeleton.GuideCard-module-scss-module__LhnGuG__badge{width:96px;height:24px}.GuideCard-module-scss-module__LhnGuG__ActionSkeleton.GuideCard-module-scss-module__LhnGuG__button{width:140px;height:42px}@media screen and (max-width:1024px){.GuideCard-module-scss-module__LhnGuG__ActionSkeleton.GuideCard-module-scss-module__LhnGuG__button{width:100%}}.GuideCard-module-scss-module__LhnGuG__state0{--guide-card-state:0}.GuideCard-module-scss-module__LhnGuG__state1{--guide-card-state:1}.GuideCard-module-scss-module__LhnGuG__state2{--guide-card-state:2}.GuideCard-module-scss-module__LhnGuG__state3{--guide-card-state:3}.GuideCard-module-scss-module__LhnGuG__state4{--guide-card-state:4}.GuideCard-module-scss-module__LhnGuG__state5{--guide-card-state:5}.GuideCard-module-scss-module__LhnGuG__state6{--guide-card-state:6}
.List-view-module-scss-module__IL1mtq__Wrapper{background:var(--tmaccent-background-main,#f8fafc);min-height:100svh;padding-bottom:80px}@media screen and (max-width:1024px){.List-view-module-scss-module__IL1mtq__Wrapper{padding-bottom:48px}}.List-view-module-scss-module__IL1mtq__Hero{background-color:var(--tmaccent-background-main,#f8fafc);clip-path:inset(0 0 -100vh);width:100%;position:relative}.List-view-module-scss-module__IL1mtq__Hero:before{content:"";pointer-events:none;background-image:url(/static/images/beginner/light_list_bg.webp);background-position:50%;background-repeat:no-repeat;background-size:120%;width:100%;height:534px;position:absolute;top:0;left:0}[data-theme=dark] .List-view-module-scss-module__IL1mtq__Hero:before{background-image:url(/static/images/beginner/dark_list_bg.webp);-webkit-mask-image:linear-gradient(#000 76%,#0000 100%);mask-image:linear-gradient(#000 76%,#0000 100%)}@media screen and (min-width:1025px){.List-view-module-scss-module__IL1mtq__Hero:before{clip-path:inset(0 0 64px)}[data-theme=dark] .List-view-module-scss-module__IL1mtq__Hero:before{-webkit-mask-image:linear-gradient(#000 calc(100% - 192px),#0000 calc(100% - 64px));mask-image:linear-gradient(#000 calc(100% - 192px),#0000 calc(100% - 64px))}}@media screen and (max-width:1024px){.List-view-module-scss-module__IL1mtq__Hero{min-height:0}.List-view-module-scss-module__IL1mtq__Hero:before{--wave-w:max(880px, 100vw + 280px);top:calc(16px - var(--wave-w)*.085);width:auto;height:calc(var(--wave-w)/2.234);background-position:-267px 0;background-size:var(--wave-w) auto;bottom:auto;left:0;right:0}}.List-view-module-scss-module__IL1mtq__HeroInner{z-index:1;width:100%;max-width:1176px;margin:0 auto;padding:96px 40px 65px;position:relative}@media screen and (max-width:1024px){.List-view-module-scss-module__IL1mtq__HeroInner{padding:40px 16px 0}}.List-view-module-scss-module__IL1mtq__HeroText{text-align:center;max-width:1080px;margin:0 auto}@media screen and (max-width:1024px){.List-view-module-scss-module__IL1mtq__HeroText{text-align:left;max-width:100%}}.List-view-module-scss-module__IL1mtq__HeroTitle{color:var(--text-primary,#000000de);font-feature-settings:"liga" off,"clig" off;font-size:var(--fontsize-semantic-h4,34px);font-style:normal;font-weight:var(--bold,700);letter-spacing:.25px;word-break:keep-all;margin:0;line-height:123.5%}@media screen and (max-width:1024px){.List-view-module-scss-module__IL1mtq__HeroTitle{color:var(--text-primary,#000000de);font-feature-settings:"liga" off,"clig" off;font-size:var(--fontsize-semantic-h5,24px);font-style:normal;font-weight:var(--bold,700);line-height:133.4%}}.List-view-module-scss-module__IL1mtq__HeroDescription{max-width:630px;color:var(--text-secondary,#0009);font-feature-settings:"liga" off,"clig" off;font-size:var(--fontsize-semantic-body1,16px);letter-spacing:.15px;word-break:keep-all;margin:8px auto 0;font-style:normal;font-weight:600;line-height:150%}@media screen and (max-width:1024px){.List-view-module-scss-module__IL1mtq__HeroDescription{color:var(--text-secondary,#0009);font-feature-settings:"liga" off,"clig" off;font-size:var(--fontsize-semantic-body2,14px);letter-spacing:.17px;max-width:100%;font-style:normal;font-weight:600;line-height:143%}}.List-view-module-scss-module__IL1mtq__CardSection{z-index:2;width:100%;max-width:1056px;margin:0 auto;padding:0 40px;position:relative}@media screen and (max-width:1024px){.List-view-module-scss-module__IL1mtq__CardSection{max-width:100%;margin-top:16px;padding:0 16px}}.List-view-module-scss-module__IL1mtq__CardList{flex-direction:column;gap:32px;margin:0;padding:0;list-style:none;display:flex}@media screen and (max-width:1024px){.List-view-module-scss-module__IL1mtq__CardList{gap:20px}}
