.page-module__s5pJmq__root .kit{background:var(--hairline);border:1px solid var(--hairline);grid-template-columns:1fr 1fr;gap:1px;display:grid}.page-module__s5pJmq__root .kit a{transition:background var(--dur) var(--ease-out);background:#fff;flex-direction:column;padding:32px;display:flex}.page-module__s5pJmq__root .kit a:hover{background:var(--neutral-50)}.page-module__s5pJmq__root .kit .thumb{aspect-ratio:16/9;background:var(--neutral-900);justify-content:center;align-items:center;margin:18px 0;display:flex;position:relative;overflow:hidden}.page-module__s5pJmq__root .kit .thumb .gl{background-image:linear-gradient(90deg, var(--hairline-dark) 1px, transparent 1px), linear-gradient(0deg, var(--hairline-dark) 1px, transparent 1px);background-size:40px 40px;position:absolute;inset:0}.page-module__s5pJmq__root .ui-demo{border:1px solid var(--hairline);grid-template-columns:repeat(2,1fr);gap:32px;padding:32px;display:grid}.page-module__s5pJmq__root .ui-demo .grp .lab{font:var(--text-label);letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-500);margin-bottom:14px}.page-module__s5pJmq__root .b{font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;padding:11px 18px;font-size:14px;font-weight:500}.page-module__s5pJmq__root .b.p{background:var(--red);color:#fff}.page-module__s5pJmq__root .b.p:hover{background:var(--red-700)}.page-module__s5pJmq__root .b.g{color:var(--neutral-900);border-color:var(--neutral-900);background:0 0}.page-module__s5pJmq__root .b.g:hover{background:var(--neutral-900);color:#fff}.page-module__s5pJmq__root .b.d{background:var(--neutral-900);color:#fff}.page-module__s5pJmq__root .inp{border:1px solid var(--neutral-300);width:100%;font-size:14px;font-family:var(--font-sans);background:#fff;padding:11px 14px}.page-module__s5pJmq__root .inp:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-50);outline:none}.page-module__s5pJmq__root .tg{background:var(--red);cursor:pointer;width:42px;height:22px;position:relative}.page-module__s5pJmq__root .tg i{background:#fff;width:18px;height:18px;position:absolute;top:2px;right:2px}.page-module__s5pJmq__root .tg.off{background:var(--neutral-300)}.page-module__s5pJmq__root .tg.off i{left:2px;right:auto}.page-module__s5pJmq__root .icons{border:1px solid var(--hairline);flex-wrap:wrap;gap:0;display:flex}.page-module__s5pJmq__root .icons span.material-symbols-outlined{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);width:64px;height:64px;color:var(--neutral-900);justify-content:center;align-items:center;font-size:24px;display:flex}@media (max-width:720px){:is(.page-module__s5pJmq__root .kit,.page-module__s5pJmq__root .ui-demo){grid-template-columns:1fr}}