.J4XRiq_card{flex-direction:column;gap:8px;display:flex}.J4XRiq_preview{background:var(--color-a2);border-radius:var(--radius-medium);justify-content:center;align-items:center;width:100%;padding-block:48px;transition:background .2s;display:flex;position:relative;overflow:hidden}.J4XRiq_preview[data-playing]{background:var(--color-a3)}.J4XRiq_canvas{--vis-color-low:var(--color-7);--vis-color-mid:var(--color-9);--vis-color-high:var(--color-11);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.J4XRiq_play{color:#fff;cursor:pointer;background:var(--color-a8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:transform .15s,background .15s;display:flex}.J4XRiq_play:hover{background:var(--color-a10);transform:scale(1.08)}.J4XRiq_play:active{transform:scale(.95)}.J4XRiq_play[data-playing]{background:var(--color-a10)}.J4XRiq_footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.J4XRiq_details{flex-direction:column;gap:2px;display:flex}.J4XRiq_details .J4XRiq_name{color:var(--ds-gray-12);text-transform:capitalize;letter-spacing:.0059px;font-variation-settings:"wght" 550;font-size:12px;line-height:1.5}.J4XRiq_details .J4XRiq_author{color:var(--ds-gray-10);text-transform:capitalize;letter-spacing:.0059px;font-size:12px;line-height:1.5}.J4XRiq_button{color:var(--ds-gray-12);box-shadow:var(--shadow-2);letter-spacing:-.0411px;font-variation-settings:"wght" 550;border-radius:8px;flex-shrink:0;padding:4px 12px;font-size:13px;line-height:1.5;text-decoration:none;transition:all .2s}.J4XRiq_button:hover{opacity:.85}.J4XRiq_button:active{transform:translateY(1px)}
._1-lI5q_container{width:100%;padding:var(--fade-size) 0 80px}._1-lI5q_header{flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;display:flex}._1-lI5q_header ._1-lI5q_title{color:var(--ds-gray-12);letter-spacing:-.3331px;font-variation-settings:"wght" 550;font-size:20px;line-height:1.5}._1-lI5q_header ._1-lI5q_description{color:var(--ds-gray-11);letter-spacing:-.1754px;font-variation-settings:"wght" 400;font-size:16px;line-height:1.5}._1-lI5q_search{width:100%;color:var(--ds-gray-8);flex-shrink:0;align-items:center;margin-bottom:24px;display:flex;position:relative}._1-lI5q_search ._1-lI5q_icon{color:currentColor;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}._1-lI5q_search ._1-lI5q_control{width:100%;height:40px;color:var(--ds-gray-12);background:var(--ds-gray-2);border:0px solid var(--ds-gray-4);border-radius:var(--radius-medium);letter-spacing:-.0871px;font-variation-settings:"wght" 500;outline:2px solid #0000;padding:0 12px 0 36px;font-size:14px;line-height:1.5;transition:all .2s}._1-lI5q_search ._1-lI5q_control::placeholder{color:var(--ds-gray-8)}._1-lI5q_search ._1-lI5q_control:focus{outline:2px solid var(--ds-gray-4);border-color:var(--ds-gray-a8)}._1-lI5q_grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}@media (max-width:1024px){._1-lI5q_grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){._1-lI5q_grid{grid-template-columns:repeat(2,1fr)}}._1-lI5q_empty{color:var(--ds-gray-8);text-align:center;background:var(--ds-gray-2);border-radius:var(--radius-medium);flex-direction:column;justify-content:center;align-items:center;padding:48px 0;display:flex}._1-lI5q_empty ._1-lI5q_icon{color:var(--ds-gray-11);background:var(--ds-gray-1);border-radius:var(--radius-medium);box-shadow:var(--shadow-2);justify-content:center;align-items:center;margin-bottom:16px;padding:8px;display:flex}._1-lI5q_empty ._1-lI5q_title{color:var(--ds-gray-12);letter-spacing:-.1754px;font-variation-settings:"wght" 600;margin-bottom:4px;font-size:16px;line-height:1.5}._1-lI5q_empty ._1-lI5q_description{color:var(--ds-gray-10);letter-spacing:-.0871px;font-variation-settings:"wght" 550;font-size:14px;line-height:1.5}
.ZtuVWq_page{flex:0 1 calc(var(--body-width) + var(--table-of-contents-width) + 64px);min-width:0;padding:var(--fade-size) 0 80px}@media (max-width:1024px){.ZtuVWq_page{padding-top:32px}}
.t2XjxW_main{max-width:var(--body-width);padding:var(--fade-size) 0 80px;flex-direction:column;align-items:start;gap:16px;margin:0 auto;display:flex}.t2XjxW_content{flex-direction:column;align-items:start;gap:16px;display:flex}.t2XjxW_breadcrumb{color:var(--ds-gray-10);letter-spacing:.0059px;align-items:center;gap:8px;font-size:12px;line-height:1.5;display:flex}.t2XjxW_breadcrumb .t2XjxW_link{text-decoration:none;transition:color .2s}.t2XjxW_breadcrumb .t2XjxW_link:hover{color:var(--ds-gray-12)}.t2XjxW_breadcrumb .t2XjxW_current{color:var(--ds-gray-12);text-transform:capitalize;letter-spacing:.0059px;font-variation-settings:"wght" 550;font-size:12px;line-height:1.5}.t2XjxW_header{flex-direction:column;margin-top:32px;display:flex}.t2XjxW_header .t2XjxW_title{align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.t2XjxW_header .t2XjxW_title .t2XjxW_text{color:var(--ds-gray-12);text-transform:capitalize;letter-spacing:-.3331px;font-variation-settings:"wght" 600;font-size:20px;line-height:1}.t2XjxW_header .t2XjxW_title .t2XjxW_version{height:fit-content;color:var(--ds-gray-10);letter-spacing:.0059px;font-variation-settings:"wght" 600;font-size:12px;line-height:1.5}.t2XjxW_header .t2XjxW_description{color:var(--ds-gray-11);letter-spacing:-.0871px;font-variation-settings:"wght" 400;margin-bottom:12px;font-size:14px;line-height:1.5}.t2XjxW_header .t2XjxW_details{letter-spacing:-.0871px;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:14px;line-height:1.5;display:flex}.t2XjxW_header .t2XjxW_details .t2XjxW_detail{color:var(--ds-gray-10);letter-spacing:-.0871px;align-items:center;gap:8px;font-size:14px;line-height:1.5;display:flex}.t2XjxW_snippet{border:1px solid var(--ds-gray-4);border-radius:var(--radius-medium);width:100%;box-shadow:inset 0 -1px 1px 0 var(--ds-gray-a3), 0px 3px 6px -3px var(--ds-gray-a3);padding-block:12px;padding-inline:16px;font-size:12px;transition:all .2s;position:relative}.t2XjxW_snippet .t2XjxW_copy{color:var(--ds-gray-9);cursor:pointer;border-radius:var(--radius-small);justify-content:center;align-items:center;margin-left:auto;padding:4px;transition:all .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.t2XjxW_snippet .t2XjxW_copy:hover{color:var(--ds-gray-12);background:var(--ds-gray-2)}.t2XjxW_preview{background:var(--ds-gray-2);border-radius:var(--radius-medium);flex-direction:column;gap:16px;padding:12px;display:flex}.t2XjxW_preview .t2XjxW_title{align-items:center;gap:8px;display:flex}.t2XjxW_preview .t2XjxW_title .t2XjxW_icon{color:var(--ds-gray-10);justify-content:center;align-items:center;display:flex}.t2XjxW_preview .t2XjxW_title .t2XjxW_text{color:var(--ds-gray-12);letter-spacing:-.0871px;font-variation-settings:"wght" 550;font-size:14px;line-height:1.5}.t2XjxW_preview .t2XjxW_grid{flex-wrap:wrap;gap:12px;display:flex}.t2XjxW_preview .t2XjxW_card{width:fit-content;color:var(--ds-gray-9);text-align:left;text-transform:capitalize;cursor:pointer;background:var(--ds-gray-1);border:1px solid var(--ds-gray-4);border-radius:var(--radius-small);box-shadow:inset 0 -1px 1px 0 var(--ds-gray-a3), 0px 3px 6px -3px var(--ds-gray-a3);letter-spacing:-.0411px;font-variation-settings:"wght" 450;align-items:center;gap:12px;padding:4px 12px;font-size:13px;line-height:1.5;transition:all .2s;display:flex}.t2XjxW_preview .t2XjxW_card[data-playing=true]{color:var(--color-9);border:1px solid var(--color-9);box-shadow:inset 0 -1px 1px 0 var(--color-a6)}.t2XjxW_preview .t2XjxW_card:active{transform:translateY(1px)}