.section-preset-demos{display:block;padding-bottom:3rem;--pd-gold: rgba(200, 169, 126, 1);--pd-gold-08: rgba(200, 169, 126, .08);--pd-gold-15: rgba(200, 169, 126, .15);--pd-gold-25: rgba(200, 169, 126, .25);--pd-border: rgba(255, 255, 255, .1);--pd-bg: rgba(255, 255, 255, .03)}.section-preset-demos .preset-demos__heading{color:var(--colour-highlighter);margin-bottom:1.5rem}.section-preset-demos .preset-demos__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.section-preset-demos .preset-demos__grid:not(.is-expanded) .preset-demos__item:nth-child(n+10){display:none}.section-preset-demos .preset-demos__toggle{display:none;margin-top:1.5rem}.section-preset-demos .preset-demos__toggle .fewer,.section-preset-demos .preset-demos__toggle.js-is-active .more{display:none}.section-preset-demos .preset-demos__toggle.js-is-active .fewer,.section-preset-demos[data-presets-gt-9] .preset-demos__toggle{display:block}.section-preset-demos .preset-demos__item{position:relative;background:var(--pd-bg);border:1px solid var(--pd-border);border-radius:.5rem;overflow:hidden;cursor:pointer}.section-preset-demos .preset-demos__item:hover .preset-demos__play{background:var(--pd-gold-25)}.section-preset-demos .preset-demos__item.is-playing .preset-demos__icon--play{display:none}.section-preset-demos .preset-demos__item.is-playing .preset-demos__icon--pause{display:flex}.section-preset-demos .preset-demos__progress{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pd-gold-08);width:0%;transition:width .05s linear;pointer-events:none}.section-preset-demos .preset-demos__inner{position:relative;display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem}.section-preset-demos .preset-demos__play{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--pd-gold-15);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;border:none;transition:background .2s ease}.section-preset-demos .preset-demos__play svg{width:1rem;height:1rem;color:var(--pd-gold)}.section-preset-demos .preset-demos__icon--play,.section-preset-demos .preset-demos__icon--pause{display:flex;align-items:center;justify-content:center}.section-preset-demos .preset-demos__icon--pause{display:none}.section-preset-demos .preset-demos__meta{flex:1;min-width:0}.section-preset-demos .preset-demos__title{display:block;font-size:1rem;font-weight:600;color:var(--colour-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-preset-demos .preset-demos__sub{display:block;font-size:.6875rem;color:var(--colour-silver-chalice)}@media(max-width:1024px){.section-preset-demos .preset-demos__grid{grid-template-columns:repeat(2,1fr)}.section-preset-demos .preset-demos__grid:not(.is-expanded) .preset-demos__item:nth-child(n+7){display:none}.section-preset-demos[data-presets-gt-6] .preset-demos__toggle{display:block}}@media(max-width:640px){.section-preset-demos .preset-demos__grid{grid-template-columns:1fr}.section-preset-demos .preset-demos__grid:not(.is-expanded) .preset-demos__item:nth-child(n+4){display:none}.section-preset-demos[data-presets-gt-3] .preset-demos__toggle{display:block}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-preset-demos.css.map */