.block-preset-demos{--pb-heading: var(--colour-pdp-heading, var(--colour-white));--pb-tile: color-mix(in srgb, var(--pb-heading) 6%, transparent);--pb-tile-active: color-mix(in srgb, var(--pb-heading) 10%, transparent);--pb-line: color-mix(in srgb, var(--pb-heading) 14%, transparent);--pb-line-hover: color-mix(in srgb, var(--pb-heading) 18%, transparent);--pb-muted: var(--colour-foreground);--pb-accent: var(--colour-highlighter);display:block;width:100%;margin-top:1rem}.block-preset-demos .tiles{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:0}.block-preset-demos .tile{transition:background-color var(--transition-duration) var(--transition-timing) 0s;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.875rem;align-items:center;padding:.875rem 1rem;border-radius:var(--border-radius-md);background:var(--pb-tile);cursor:pointer}.block-preset-demos .tile:hover,.block-preset-demos .tile:focus{background:var(--pb-tile-active)}.block-preset-demos .tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:color-mix(in srgb,var(--tile-accent, var(--pb-accent)) 22%,transparent);transform:scaleX(var(--progress, 0));transform-origin:left}.block-preset-demos .tile.is-loaded{background:var(--pb-tile-active)}.block-preset-demos .tile.is-loaded .glyph{border-color:currentColor}.block-preset-demos .tile .icon-pause,.block-preset-demos .tile.is-playing .icon-play{display:none}.block-preset-demos .tile.is-playing .icon-pause{display:block}.block-preset-demos .tile.is-unavailable{opacity:.45;cursor:default}.block-preset-demos .tile.is-unavailable:hover,.block-preset-demos .tile.is-unavailable:focus{background:var(--pb-tile)}.block-preset-demos .tile.is-unavailable .glyph{cursor:default}.block-preset-demos .tile.is-unavailable .glyph:hover,.block-preset-demos .tile.is-unavailable .glyph:focus{border-color:var(--pb-line);transform:none}.block-preset-demos .glyph{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;transition:border-color var(--transition-duration) var(--transition-timing) 0s,transform .14s var(--transition-timing) 0s;display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--pb-line);border-radius:50%;color:var(--pb-heading);cursor:pointer}.block-preset-demos .glyph:focus{outline:none}.block-preset-demos .glyph:hover{text-decoration:none;outline:none}.block-preset-demos .glyph:disabled{opacity:.5;pointer-events:none}.block-preset-demos .glyph svg{width:.875rem;height:.875rem}.block-preset-demos .glyph:hover,.block-preset-demos .glyph:focus{border-color:var(--pb-line-hover);transform:scale(1.06)}.block-preset-demos .meta{display:block;min-width:0}.block-preset-demos .name-row{display:flex;align-items:center;justify-content:space-between;gap:.375rem;min-width:0}.block-preset-demos .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550;line-height:1.3;color:var(--pb-heading)}.block-preset-demos .part{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;line-height:1.3;color:var(--pb-muted)}.block-preset-demos .glyph:focus-visible{outline:2px solid currentColor;outline-offset:.125rem}.block-preset-demos .tile{padding-block:.75rem}.block-preset-demos.empty{margin:0;font-size:.875rem;opacity:.7}@media(prefers-reduced-motion:reduce){.block-preset-demos .glyph:hover,.block-preset-demos .glyph:focus{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/block-preset-demos.css.map */