.side-panel{--side-accent:#033321;--side-soft:#f4f6f4;--side-line:#e4e4e4;position:fixed;inset-block:0;inset-inline:auto 0;margin:0;padding:0;border:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;background:var(--color-background-bg-1,#fff);color:inherit;box-shadow:-8px 0 30px #0003;font-family:var(--font-body-family,inherit)}@media screen and (min-width:990px){.side-panel{width:calc(2.2rem + 50vw);max-width:75vw}}.side-panel[open]{display:block;animation:side-panel-in .3s ease}.side-panel::backdrop{background:#0a140f73}@keyframes side-panel-in{0%{transform:translate(100%)}to{transform:none}}html.side-panel-open{overflow:hidden}.side-panel__inner{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:1.6rem 1.6rem 2.4rem}@media screen and (min-width:990px){.side-panel__inner{padding:2.4rem}}.side-panel__content{display:flex;flex-direction:column;gap:1.6rem;max-width:48rem;margin:0 auto}.side-panel__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.6rem;border-bottom:1px solid var(--side-line)}.side-panel__title{margin:0;flex:1;min-width:0;text-align:center;font-family:var(--font-body-family,inherit);font-style:normal;font-weight:500;font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase}.side-panel__close{-webkit-appearance:none;appearance:none;background:none;border:0;cursor:pointer;line-height:1;padding:.4rem;color:inherit;display:grid;place-items:center}.side-panel__close svg{width:1.6rem;height:1.6rem}.side-panel__close:focus-visible,.side-row:focus-visible{outline:2px solid currentColor;outline-offset:2px}.side-panel__body{display:flex;flex-direction:column;gap:1.4rem}.side-row{-webkit-appearance:none;appearance:none;background:none;border:0;width:100%;text-align:start;cursor:pointer;font:inherit;color:inherit;display:block;padding:0}.side-row-wrapper .side-row .accordion__title{display:block;padding-block:1.8rem;padding-inline-end:3.2rem}.spec-strip{display:grid;grid-template-columns:repeat(var(--spec-cols,4),1fr);border:1px solid var(--side-line)}.spec-strip__item{display:flex;flex-direction:column;gap:.2rem;padding:1.2rem .6rem;text-align:center;border-inline-start:1px solid var(--side-line)}.spec-strip__item:first-child{border-inline-start:0}.spec-strip__value{font-size:1.7rem;font-weight:600;color:var(--side-accent);font-variant-numeric:tabular-nums}.spec-strip__label{font-size:1.05rem;line-height:1.25;opacity:.7}.spec-tiles{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.spec-tiles__item{display:flex;flex-direction:column;gap:.2rem;padding:1.6rem 1.4rem;background:var(--side-soft)}.spec-tiles__title{font-size:1.7rem;font-weight:600;color:var(--side-accent)}.spec-tiles__text{font-size:1.2rem;line-height:1.3;opacity:.7}.spec-sheet__body{font-size:1.4rem;line-height:1.6}@media(prefers-reduced-motion:reduce){.side-panel[open]{animation:none}}.side-panel .side-panel__body,.side-panel .side-panel__body p,.side-panel .side-panel__body li,.side-panel .spec-sheet__body{font-size:1.3rem;line-height:1.6}.side-panel .spec-strip__value,.side-panel .spec-tiles__title{font-size:1.5rem}.side-panel .spec-strip__label,.side-panel .spec-tiles__text{font-size:1.1rem}dialog.side-panel{width:100%;max-width:100%}@media screen and (min-width:990px){dialog.side-panel{width:calc(2.2rem + 50vw);max-width:75vw}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/component-side-panel.css.map */