.styles-module__YSfDYW__main{max-width:var(--body-width);padding:0 var(--page-padding);flex-direction:column;align-items:start;gap:16px;margin:0 auto;display:flex}.styles-module__YSfDYW__content{flex-direction:column;align-items:start;gap:16px;display:flex}.styles-module__YSfDYW__breadcrumb{color:var(--ds-gray-10);letter-spacing:.0059px;align-items:center;gap:8px;font-size:12px;line-height:1.5;display:flex}.styles-module__YSfDYW__breadcrumb .styles-module__YSfDYW__link{text-decoration:none;transition:color .2s}.styles-module__YSfDYW__breadcrumb .styles-module__YSfDYW__link:hover{color:var(--ds-gray-12)}.styles-module__YSfDYW__breadcrumb .styles-module__YSfDYW__current{color:var(--ds-gray-12);text-transform:capitalize;letter-spacing:.0059px;font-variation-settings:"wght" 550;font-size:12px;line-height:1.5}.styles-module__YSfDYW__header{flex-direction:column;margin-top:32px;display:flex}.styles-module__YSfDYW__header .styles-module__YSfDYW__title{align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.styles-module__YSfDYW__header .styles-module__YSfDYW__title .styles-module__YSfDYW__text{color:var(--ds-gray-12);text-transform:capitalize;letter-spacing:-.3331px;font-variation-settings:"wght" 600;font-size:20px;line-height:1}.styles-module__YSfDYW__header .styles-module__YSfDYW__title .styles-module__YSfDYW__version{height:fit-content;color:var(--ds-gray-10);letter-spacing:.0059px;font-variation-settings:"wght" 600;font-size:12px;line-height:1.5}.styles-module__YSfDYW__header .styles-module__YSfDYW__description{color:var(--ds-gray-11);letter-spacing:-.0871px;font-variation-settings:"wght" 400;margin-bottom:12px;font-size:14px;line-height:1.5}.styles-module__YSfDYW__header .styles-module__YSfDYW__details{letter-spacing:-.0871px;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:14px;line-height:1.5;display:flex}.styles-module__YSfDYW__header .styles-module__YSfDYW__details .styles-module__YSfDYW__detail{color:var(--ds-gray-10);letter-spacing:-.0871px;align-items:center;gap:8px;font-size:14px;line-height:1.5;display:flex}.styles-module__YSfDYW__header .styles-module__YSfDYW__details .styles-module__YSfDYW__separator{background:var(--ds-gray-4);width:1px;height:14px;margin-block:auto}.styles-module__YSfDYW__snippet{border:1px solid var(--gray-4);border-radius:var(--radius-medium);width:100%;box-shadow:inset 0 -1px 1px 0 var(--gray-a3),0px 3px 6px -3px var(--gray-a3);padding-block:12px;padding-inline:16px;font-size:12px;transition:all .2s;position:relative}.styles-module__YSfDYW__snippet .styles-module__YSfDYW__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%)}.styles-module__YSfDYW__snippet .styles-module__YSfDYW__copy:hover{color:var(--ds-gray-12);background:var(--ds-gray-2)}.styles-module__YSfDYW__preview{background:var(--ds-gray-2);border-radius:var(--radius-medium);flex-direction:column;gap:16px;padding:12px;display:flex}.styles-module__YSfDYW__preview .styles-module__YSfDYW__title{align-items:center;gap:8px;display:flex}.styles-module__YSfDYW__preview .styles-module__YSfDYW__title .styles-module__YSfDYW__icon{color:var(--ds-gray-10);justify-content:center;align-items:center;display:flex}.styles-module__YSfDYW__preview .styles-module__YSfDYW__title .styles-module__YSfDYW__text{color:var(--ds-gray-12);letter-spacing:-.0871px;font-variation-settings:"wght" 550;font-size:14px;line-height:1.5}.styles-module__YSfDYW__preview .styles-module__YSfDYW__grid{flex-wrap:wrap;gap:12px;display:flex}.styles-module__YSfDYW__preview .styles-module__YSfDYW__card{width:fit-content;color:var(--gray-9);text-align:left;text-transform:capitalize;cursor:pointer;background:var(--ds-gray-1);border:1px solid var(--gray-4);border-radius:var(--radius-small);box-shadow:inset 0 -1px 1px 0 var(--gray-a3),0px 3px 6px -3px var(--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}.styles-module__YSfDYW__preview .styles-module__YSfDYW__card[data-playing=true]{color:var(--color-9);border:1px solid var(--color-9);box-shadow:inset 0 -1px 1px 0 var(--color-a6)}.styles-module__YSfDYW__preview .styles-module__YSfDYW__card:active{transform:translateY(1px)}