.c5v0{min-width:64px;color:var(--frontly-white-100);cursor:pointer;background-color:var(--frontly-graybase-700);border-color:var(--frontly-purple-200-16);border-radius:28px;justify-content:center;align-items:center;gap:8px;padding:11px 12px;display:flex}.c5v0 svg{width:16px;height:16px}.c5x0{flex-direction:column;width:100%;display:flex;overflow:hidden}.c5x0 .c5x1{margin-top:0}.c5x0 .c5x2{margin-top:28px}.c5x0.c5x3{z-index:3;height:100dvh;padding:16px 16px max(env(safe-area-inset-bottom), 60px);transition:transform .3s,width .2s;position:absolute;top:0;left:0;overflow:auto;transform:translate(-100%)}.c5x0.c5x3 h2{text-align:center;font-size:var(--frontly-headline-sm-font-size);font-weight:var(--frontly-headline-sm-font-weight);line-height:var(--frontly-headline-sm-line-height);letter-spacing:var(--frontly-headline-sm-letter-spacing)}.c5x0.c5x3.c5x4{transform:translate(0)}.c5x0.c5x3 .c5x1{margin-top:40px}.c5x0.c5x3 .c5x2{margin-top:16px}.c5w0{--mobile-top-margin:12px;--mobile-button-height:38px;padding:0 16px 16px}.c5w0 .c5w1{background-color:var(--frontly-graybase-600);border-radius:var(--frontly-radius-md);grid-template-columns:400px 1fr;grid-auto-rows:1fr;gap:48px;padding:48px;display:grid;overflow:hidden}.c5w0 .c5w1 .c5w2{margin:0 auto}.c5w0 .c5w1 .c5w3{max-width:960px}.c5w0.c5w4 .c5w5{z-index:3;width:auto;height:var(--mobile-button-height);margin-top:var(--mobile-top-margin);font-size:var(--frontly-label-sm-font-size);font-weight:var(--frontly-label-sm-font-weight);line-height:var(--frontly-label-sm-line-height);letter-spacing:var(--frontly-label-sm-letter-spacing);position:sticky;top:12px;left:50%;transform:translate(-50%)}.c5w0.c5w4 .c5w1{background-color:var(--frontly-graybase-700);gap:0;padding:0;display:flex}.c5w0.c5w4 .c5w1 .c5w2{transition:transform .3s,width .2s;display:flex}.c5w0.c5w4 .c5w1.c5w6 .c5w2{visibility:hidden;position:fixed;top:0;left:0;transform:translate(200%)}.c5w0.c5w4 .c5w3{margin-top:calc(var(--mobile-top-margin) + 20px)}.md-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));column-gap:20px;display:grid;overflow:hidden}.md-grid-box{flex-direction:column;display:flex}.md-grid-box img{width:100%;min-width:320px;max-width:448px}@media (width<1024px){.md-grid{gap:16px}}
