@charset "UTF-8";.kit-side-panel{--kit-panel-width: 720px;--kit-panel-padding: 48px;--kit-panel-sheet-height: 85dvh;display:none;flex-direction:column;box-sizing:border-box;margin:0 0 0 auto;padding:0;border:0;width:min(var(--kit-panel-width),100vw);max-width:100vw;height:100dvh;max-height:100dvh;overflow:hidden;background:var(--c-surface);color:var(--c-ink);translate:100% 0;transition:translate .35s cubic-bezier(.215,.61,.355,1),display .35s allow-discrete,overlay .35s allow-discrete}.kit-side-panel[open]{display:flex;translate:0 0}.kit-side-panel::backdrop{background:color-mix(in srgb,var(--c-canvas) 60%,transparent)}.kit-side-panel__head{display:flex;align-items:flex-start;justify-content:space-between;column-gap:24px;flex:none;padding:var(--kit-panel-padding) var(--kit-panel-padding) 24px}.kit-side-panel__title{margin:0;font-size:var(--font-size-h6);line-height:var(--line-height-h6);letter-spacing:normal;font-weight:400;color:var(--c-ink)}.kit-side-panel__close{flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:0;background:none;color:var(--c-ink);cursor:pointer}.kit-side-panel__close:focus-visible{outline:1px solid var(--c-ink);outline-offset:2px}.kit-side-panel__body{flex:1 1 auto;overflow-y:auto;padding:0 var(--kit-panel-padding) var(--kit-panel-padding)}@starting-style{.kit-side-panel[open]{translate:100% 0}}@media screen and (max-width:749px){.kit-side-panel{--kit-panel-padding: 20px;margin:auto 0 0;width:100vw;height:auto;max-height:var(--kit-panel-sheet-height);translate:0 100%}@starting-style{.kit-side-panel[open]{translate:0 100%}}}@media(prefers-reduced-motion:reduce){.kit-side-panel{transition:display 0s allow-discrete,overlay 0s allow-discrete;translate:0 0}}html:has(.kit-side-panel[open]){overflow:hidden}[data-kit-panel]{cursor:pointer}[data-kit-panel]:focus-visible{outline:1px solid var(--c-ink);outline-offset:2px}.product__cell-component-open{display:flex;align-items:center;margin:0;padding:0;border:0;background:none;color:var(--c-ink)}.product__cell-component-open svg path{fill:currentColor}
/*# sourceMappingURL=/cdn/shop/t/33/assets/component-kit-side-panel.css.map */