.px-material-test{--px-test-ink: #23382e;--px-test-paper: #f5f2e9;--px-test-line: #a7b5a440;width:100%;color:inherit;font-family:Manrope,Arial,sans-serif}.px-material-test *,.px-material-test *:before,.px-material-test *:after{box-sizing:border-box}.px-material-test [hidden]{display:none!important}.px-material-test button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.px-material-test button:focus-visible,.px-material-test a:focus-visible{outline:2px solid currentColor;outline-offset:5px}.px-material-test .px-material-test__player{margin:0;overflow:hidden;border-radius:10px;background:#182b22;color:var(--px-test-paper)}.px-material-test .px-material-test__screen{position:relative;width:100%;aspect-ratio:16 / 9;background:#182b22}.px-material-test .px-material-test__screen video{display:block;width:100%;height:100%;max-height:none;aspect-ratio:16 / 9;object-fit:contain;border-radius:0}.px-material-test .px-material-test__start{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px;border:0;border-radius:0;background:transparent;color:#fff}.px-material-test .px-material-test__start:focus-visible{outline-offset:-6px}.px-material-test .px-material-test__start-icon{display:grid;place-items:center;width:72px;height:72px;border:1px solid #e2e9dd;border-radius:50%;background:#23382eef;box-shadow:0 3px 18px #15231c30;transition:transform .2s ease,background .2s ease}.px-material-test .px-material-test__start-icon svg{display:block;width:34px;height:34px}.px-material-test [data-px-material-start-label]{padding:8px 14px;border-radius:30px;background:#23382ef2;font-size:12px;font-weight:500;line-height:1.5}.px-material-test .px-material-test__caption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;margin:0;padding:17px 22px}.px-material-test .px-material-test__current{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:12px;line-height:1.5}.px-material-test .px-material-test__current strong{font-size:inherit;font-weight:600}.px-material-test .px-material-test__current>span:last-child{color:#c6d1c3}.px-material-test .px-material-test__recording{color:#c6d1c3;font-size:11px;line-height:1.5}.px-material-test .px-material-test__swatch{display:inline-block;flex:0 0 12px;width:12px;height:12px;border:1px solid #ffffff60;border-radius:50%;background:#7f877f}.px-material-test [data-px-material-color=bouncy]{background:#a0d55e}.px-material-test [data-px-material-color=embrace]{background:#74a9c6}.px-material-test [data-px-material-color=fusion]{background:linear-gradient(135deg,#e9e9df 49%,#6f7877 50%)}.px-material-test [data-px-material-color=honeycomb]{background:#e6ca58}.px-material-test [data-px-material-color=plush]{background:#b7b9b2}.px-material-test .px-material-test__controls{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;margin-top:18px}.px-material-test .px-material-test__play{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:26px;min-height:48px;margin:0;padding:11px 20px;border:1px solid #d5e5c4;border-radius:50px;background:#d5e5c4;color:#23382e;font-size:13px;font-weight:500;line-height:1.5}.px-material-test [data-px-material-play-icon]{display:inline-flex}.px-material-test [data-px-material-play-icon] svg{display:block;width:20px;height:20px}.px-material-test .px-material-test__chapters{display:flex;align-items:stretch;gap:25px}.px-material-test .px-material-test__chapters button{display:block;min-height:48px;margin:0;padding:10px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:inherit;font-size:12px;font-weight:500;line-height:1.5;opacity:.7}.px-material-test .px-material-test__chapters button[aria-pressed=true]{border-bottom-color:currentColor;opacity:1}.px-material-test .px-material-test__context{display:grid;grid-template-columns:1fr auto;align-items:start;gap:40px;margin-top:26px}.px-material-test .px-material-test__reading{max-width:700px;margin:0;font-size:15px;font-weight:400;line-height:1.8}.px-material-test .px-material-test__principle{margin:0;font-size:15px;font-weight:600;line-height:1.7}.px-material-test .px-material-test__legend{display:flex;flex-wrap:wrap;gap:18px 35px;margin:24px 0 0;padding:20px 0 0;border-top:1px solid var(--px-test-line);list-style:none}.px-material-test .px-material-test__legend li{display:flex;align-items:flex-start;gap:8px;margin:0;padding:0;font-size:11px;font-weight:400;line-height:1.5;list-style:none;opacity:.7}.px-material-test .px-material-test__legend li[aria-current=true]{opacity:1;font-weight:600}.px-material-test .px-material-test__legend .px-material-test__swatch{margin-top:2px}.px-material-test .px-material-test__legend-color{display:block;margin-top:2px;font-size:10px;font-weight:400}.px-material-test .px-material-test__error{margin:16px 0 0;font-size:13px;line-height:1.6}.px-material-test .px-material-test__error a{color:inherit;text-decoration:underline;text-underline-offset:3px}@media(hover:hover){.px-material-test .px-material-test__start:hover .px-material-test__start-icon{transform:scale(1.06);background:#23382e}.px-material-test .px-material-test__play:hover{background:#e1edcf}.px-material-test .px-material-test__chapters button:hover{opacity:1}}@media(max-width:760px){.px-material-test .px-material-test__player{border-radius:7px}.px-material-test .px-material-test__start{gap:8px}.px-material-test .px-material-test__start-icon{width:54px;height:54px}.px-material-test .px-material-test__start-icon svg{width:27px;height:27px}.px-material-test [data-px-material-start-label]{font-size:11px;padding:6px 12px}.px-material-test .px-material-test__caption{align-items:flex-start;flex-direction:column;gap:5px;padding:13px 15px}.px-material-test .px-material-test__current{font-size:11px}.px-material-test .px-material-test__recording{font-size:10px}.px-material-test .px-material-test__controls{flex-direction:column;align-items:stretch;gap:10px;margin-top:14px}.px-material-test .px-material-test__play{width:100%;min-height:46px}.px-material-test .px-material-test__chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.px-material-test .px-material-test__chapters button{font-size:11px;text-align:center;min-height:48px}.px-material-test .px-material-test__context{grid-template-columns:1fr;gap:12px;margin-top:21px}.px-material-test .px-material-test__reading{font-size:13px;line-height:1.8}.px-material-test .px-material-test__principle{font-size:13px}.px-material-test .px-material-test__principle br{display:none}.px-material-test .px-material-test__legend{gap:15px 23px;margin-top:20px;padding-top:18px}.px-material-test .px-material-test__legend li{font-size:10px}}@media(prefers-reduced-motion:reduce){.px-material-test *,.px-material-test *:before,.px-material-test *:after{transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/a6-v726-material-test.css.map */