.styles-module__QjrCoW__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__QjrCoW__content{flex-direction:column;align-items:start;gap:16px;display:flex}.styles-module__QjrCoW__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__QjrCoW__breadcrumb .styles-module__QjrCoW__link{text-decoration:none;transition:color .2s}.styles-module__QjrCoW__breadcrumb .styles-module__QjrCoW__link:hover{color:var(--ds-gray-12)}.styles-module__QjrCoW__breadcrumb .styles-module__QjrCoW__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__QjrCoW__header{flex-direction:column;margin-top:32px;display:flex}.styles-module__QjrCoW__header .styles-module__QjrCoW__title{align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.styles-module__QjrCoW__header .styles-module__QjrCoW__title .styles-module__QjrCoW__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__QjrCoW__header .styles-module__QjrCoW__title .styles-module__QjrCoW__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__QjrCoW__header .styles-module__QjrCoW__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__QjrCoW__header .styles-module__QjrCoW__details{letter-spacing:-.0871px;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:14px;line-height:1.5;display:flex}.styles-module__QjrCoW__header .styles-module__QjrCoW__details .styles-module__QjrCoW__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__QjrCoW__header .styles-module__QjrCoW__details .styles-module__QjrCoW__separator{background:var(--ds-gray-4);width:1px;height:14px;margin-block:auto}.styles-module__QjrCoW__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__QjrCoW__snippet .styles-module__QjrCoW__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__QjrCoW__snippet .styles-module__QjrCoW__copy:hover{color:var(--ds-gray-12);background:var(--ds-gray-2)}.styles-module__QjrCoW__preview{background:var(--ds-gray-2);border-radius:var(--radius-medium);flex-direction:column;gap:16px;padding:12px;display:flex}.styles-module__QjrCoW__preview .styles-module__QjrCoW__title{align-items:center;gap:8px;display:flex}.styles-module__QjrCoW__preview .styles-module__QjrCoW__title .styles-module__QjrCoW__icon{color:var(--ds-gray-10);justify-content:center;align-items:center;display:flex}.styles-module__QjrCoW__preview .styles-module__QjrCoW__title .styles-module__QjrCoW__text{color:var(--ds-gray-12);letter-spacing:-.0871px;font-variation-settings:"wght" 550;font-size:14px;line-height:1.5}.styles-module__QjrCoW__preview .styles-module__QjrCoW__grid{flex-wrap:wrap;gap:12px;display:flex}.styles-module__QjrCoW__preview .styles-module__QjrCoW__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__QjrCoW__preview .styles-module__QjrCoW__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__QjrCoW__preview .styles-module__QjrCoW__card:active{transform:translateY(1px)}