.energy-info{position:relative;display:grid;gap:.75rem;margin-top:.75rem}.energy-info__actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.energy-info__trigger{display:inline-flex;align-items:center;gap:.5rem;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.energy-info__class{display:inline-flex;align-items:center}.energy-info__class-icon{display:block;width:auto;max-width:100%;max-height:3rem}.energy-info__preview{position:absolute;top:calc(100% + .25rem);left:0;z-index:20;width:min(22rem,calc(100vw - 2rem));padding:.75rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:.5rem;background:rgb(var(--color-background));box-shadow:0 1rem 2rem #0000001f;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(.25rem);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.energy-info__preview.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.energy-info__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0009;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.energy-info__modal.is-visible{opacity:1;visibility:visible;pointer-events:auto}.energy-info__modal-panel{position:relative;width:min(70rem,100%);max-height:calc(100vh - 2rem);padding:3rem 1rem 1rem;overflow:auto;border-radius:.5rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.energy-info__close{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:999px;background:rgba(var(--color-foreground),.08);color:inherit;cursor:pointer;font-size:1.5rem;line-height:1}.energy-info__preview-media,.energy-info__modal-media{display:block;width:100%;max-width:100%;height:auto;border:0;background:#fff}.energy-info__preview-media--frame{min-height:18rem}.energy-info__modal-media--frame{min-height:min(75vh,48rem)}@media screen and (max-width:767px){.energy-info__preview{width:min(18rem,calc(100vw - 2rem))}.energy-info__preview-media--frame{min-height:14rem}.energy-info__modal-panel{width:100%;max-height:calc(100vh - 1rem);padding-inline:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/153/assets/energy-info.css.map */