.studio-demo{display:block;margin:1.6rem 0 0}.studio-demo__figure{display:grid;grid-template-columns:24rem minmax(0,1fr);gap:1.2rem;align-items:start;margin:0;padding:1.2rem;border:1px solid #d8e1e7;border-radius:1.2rem;background:#fff}.studio-demo__media{position:relative;min-width:0;cursor:pointer}.studio-demo__video{display:block;width:100%;height:auto;aspect-ratio:var(--demo-ratio, .8);border-radius:.8rem;background:var(--se-pale);object-fit:cover}.studio-demo__toggle{position:absolute;right:.8rem;bottom:.8rem;display:grid;place-items:center;box-sizing:border-box;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background:#182a35b8;color:#fff;cursor:pointer;opacity:1;transition:opacity .15s ease,background-color .15s ease}.studio-demo__toggle:hover{background:#182a35e6}.studio-demo__toggle:active{background:var(--se-ink)}.studio-demo__toggle:focus-visible{outline:2px solid #fff;outline-offset:0;box-shadow:0 0 0 4px var(--se-ink)}.studio-demo__glyph{display:none;width:2rem;height:2rem}.studio-demo__glyph--play{display:block;margin-left:.2rem}.studio-demo[data-state=playing] .studio-demo__glyph--play{display:none}.studio-demo[data-state=playing] .studio-demo__glyph--pause{display:block}.studio-demo[data-state=playing] .studio-demo__toggle{opacity:0}.studio-demo .studio-demo__media:hover .studio-demo__toggle,.studio-demo .studio-demo__toggle:focus-visible{opacity:1}.studio-demo__copy{min-width:0;overflow-wrap:anywhere;color:var(--se-ink);font-size:1.4rem;line-height:1.5}.studio-entry .studio-demo__title{margin:0 0 .6rem;font-size:1.6rem;font-weight:600;line-height:1.3;letter-spacing:0}.studio-demo__steps{margin:0;padding:0 0 0 2rem}.studio-demo__steps li{margin:0 0 .4rem}.studio-demo__steps li:last-child{margin-bottom:0}@media screen and (max-width:989px){.studio-demo__figure{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.studio-demo__toggle{transition:none}}@media(forced-colors:active){.studio-demo__figure{border-color:ButtonText}.studio-demo__toggle{border:1px solid ButtonText}.studio-demo[data-state=playing] .studio-demo__toggle{opacity:1}}.studio-entry{--se-blue: #0678a8;--se-blue-hover: #055f86;--se-ink: #182a35;--se-pale: #eef8fc;display:block}.studio-entry__link{display:grid;grid-template-columns:4rem minmax(0,1fr) 2.1rem;align-items:center;gap:1.2rem;box-sizing:border-box;width:100%;min-height:6.4rem;padding:1rem 1.8rem 1rem 1.2rem;border:1px solid transparent;border-radius:1.6rem;background:var(--se-blue);color:#fff;font-family:inherit;font-size:1.6rem;font-weight:600;line-height:1.35;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:background-color .15s ease;scroll-margin-bottom:8rem}.studio-entry__icon{display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:var(--se-pale);color:var(--se-blue)}.studio-entry__label{overflow-wrap:anywhere}.studio-entry__arrow{transition:transform .15s ease}.studio-entry__link:not([aria-disabled=true]):hover{background:var(--se-blue-hover)}.studio-entry__link:not([aria-disabled=true]):hover .studio-entry__arrow{transform:translate(.3rem)}.studio-entry__link:not([aria-disabled=true]):active{background:var(--se-ink)}.studio-entry__link:focus-visible,.studio-entry__guide:focus-visible{outline:2px solid var(--se-ink);outline-offset:4px}.studio-entry__link[aria-disabled=true]{opacity:.6;cursor:not-allowed}.studio-entry__link[aria-busy=true]{cursor:progress}.studio-entry__spinner,.studio-entry__link[aria-busy=true] .studio-entry__pencil{display:none}.studio-entry__link[aria-busy=true] .studio-entry__spinner{display:block;animation:studio-entry-spin .9s linear infinite}.studio-entry__status{min-height:2.8em;margin:1rem 0 0;line-height:1.5}.studio-entry__guide{display:inline-flex;align-items:center;min-height:4.4rem;color:var(--se-blue-hover);font-size:1.4rem;line-height:1.4;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.studio-entry__guide:hover,.studio-entry__guide:active{color:var(--se-ink);text-decoration-thickness:2px}.studio-entry [hidden]{display:none}.studio-entry--optional{margin:0 0 2rem}.studio-entry--optional .studio-entry__link{min-height:5.2rem;grid-template-columns:2.1rem minmax(0,1fr) 2.1rem;border-color:var(--se-blue);border-radius:var(--je-radius, .8rem);padding:1.2rem 1.6rem;background:var(--se-pale);color:var(--se-blue-hover)}.studio-entry--optional .studio-entry__icon{width:2.1rem;height:2.1rem;background:none;color:inherit}.studio-entry--optional .studio-entry__link:not([aria-disabled=true]):hover{background:var(--se-blue);color:#fff}.studio-entry--optional .studio-entry__link:not([aria-disabled=true]):active{background:var(--se-ink);color:#fff}.studio-entry--optional .studio-entry__status{min-height:0;margin-top:.8rem}.studio-entry__quick{margin:.6rem 0 0;line-height:1.5}@keyframes studio-entry-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.studio-entry__link,.studio-entry__arrow{transition:none}.studio-entry__link:not([aria-disabled=true]):hover .studio-entry__arrow{transform:none}.studio-entry__link[aria-busy=true] .studio-entry__spinner{animation:none}}@media(forced-colors:active){.studio-entry__link{border-color:ButtonText}.studio-entry__link[aria-disabled=true]{opacity:1;color:GrayText;border-color:GrayText}}.je-buybar__button[aria-disabled=true]{opacity:.6;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/10/compiled_assets/styles.css.map?subset=AAAAAAAAAAAAAAARAAAAAAAAAAAAAAAg */