jawa-material-panels{display:block}.jmx__head-side{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px}.jmx__intro{max-width:560px;margin:0;color:var(--jawa-text-2)}.jmx__list{display:flex;gap:var(--jmx-gap, 8px);height:var(--jmx-h, 560px);margin:0;padding:0;list-style:none}.jmx__panel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;background:var(--jmx-panel-bg, var(--jawa-media));container-type:inline-size;transition:flex-grow .7s cubic-bezier(.22,.61,.36,1)}.jmx__panel.is-active{flex-grow:var(--jmx-open, 3)}.jmx__media,.jmx__media picture,.jmx__shade{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.jmx__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.6s cubic-bezier(.22,.61,.36,1)}.jmx--zoom .jmx__panel.is-active .jmx__img{transform:scale(1.04)}.jmx__shade{background:linear-gradient(to top,rgba(0,0,0,var(--jmx-shade, .55)),#0000 55%);pointer-events:none}.jmx__cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;margin:0;padding:0;border:0;background:none;cursor:pointer}.jmx__cover:focus-visible{outline:2px solid var(--jmx-fg, #ffffff);outline-offset:-6px;box-shadow:inset 0 0 0 8px #00000059}.jmx__content{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;justify-items:center;padding:0 14px 40px;color:var(--jmx-fg, #ffffff);text-align:center;pointer-events:none}.jmx--align-left .jmx__content{justify-items:start;padding-inline:24px;text-align:left}.jmx__title{margin:0;color:inherit;font-family:var(--jawa-font-brand);font-weight:var(--jawa-brand-weight);font-size:var(--jmx-title-size, 22px);line-height:1.2;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 12px rgba(0,0,0,.25);overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}@container (max-width: 240px){.jmx__title{font-size:min(var(--jmx-title-size, 22px),10.5cqi)}}@container (max-width: 120px){.jmx__title{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font-size:min(var(--jmx-title-size, 22px),18px)}.jmx--align-left .jmx__content{padding-inline:14px}}.jmx__links-wrap{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .5s ease,opacity .3s ease,visibility 0s linear .5s}.jmx__panel.is-active .jmx__links-wrap{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .5s ease .15s,opacity .4s ease .3s,visibility 0s}.jmx__links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 24px;min-height:0;margin:0;padding:6px 0 0;overflow:hidden;list-style:none}.jmx--align-left .jmx__links{justify-content:flex-start}.jmx__link{position:relative;z-index:3;display:inline-flex;align-items:center;min-height:44px;color:inherit;font-family:var(--jawa-font-brand);font-weight:var(--jawa-brand-weight);font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;white-space:nowrap;pointer-events:auto}.jmx__link:hover{text-decoration-thickness:2px}.jmx__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media screen and (max-width:989px){.jmx__list{height:calc(var(--jmx-h, 560px) * .8)}}@media screen and (max-width:749px){.jmx__head-side{width:100%}.jmx__title{font-size:var(--jmx-title-size-m, 16px)}.jmx__img{object-position:var(--jmx-pos-m, center)!important}.jmx--m-stack .jmx__list{flex-direction:column;gap:var(--jmx-gap-m, 6px);height:auto}.jmx--m-stack .jmx__panel{flex:none;height:var(--jmx-m-closed, 76px);transition:height .6s cubic-bezier(.22,.61,.36,1)}.jmx--m-stack .jmx__panel.is-active{height:var(--jmx-m-open, 340px)}.jmx--m-stack .jmx__panel:not(.is-active) .jmx__shade{background:rgba(0,0,0,calc(var(--jmx-shade, .55) * .75))}.jmx--m-stack .jmx__content{padding:0 16px calc((var(--jmx-m-closed, 76px) - var(--jmx-title-size-m, 16px) * 1.2) / 2);transition:padding .6s ease}.jmx--m-stack .jmx__panel.is-active .jmx__content{padding-bottom:24px}.jmx--m-swipe .jmx__list{gap:var(--jmx-gap-m, 6px);height:auto;margin-inline:calc(var(--jawa-s-gutter-m, 16px) * -1);padding-inline:var(--jawa-s-gutter-m, 16px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--jawa-s-gutter-m, 16px);scrollbar-width:none}.jmx--m-swipe .jmx__list::-webkit-scrollbar{display:none}.jmx--m-swipe .jmx__panel{flex:0 0 var(--jmx-m-w, 72%);aspect-ratio:var(--jmx-m-ratio, 3 / 4);scroll-snap-align:start}.jmx--m-swipe .jmx__links-wrap{grid-template-rows:1fr;opacity:1;visibility:visible}.jmx--m-swipe .jmx__content{padding-bottom:20px}}.jmx__arrow,.jmx__panel--clone{display:none}@media screen and (max-width:749px){.jmx__head-side{justify-content:var(--jawa-head-items-m, flex-start)}.jmx__intro{text-align:var(--jawa-h-align-m, left)}.jmx--m-carousel .jmx__row{position:relative;margin-inline:calc(var(--jawa-s-gutter-m, 16px) * -1)}.jmx--m-carousel .jmx__list{position:relative;gap:var(--jmx-gap-m, 6px);height:auto;padding-inline:calc((100% - var(--jmx-m-cw, 62vw)) / 2);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.jmx--m-carousel .jmx__list::-webkit-scrollbar{display:none}.jmx--m-carousel .jmx__panel--clone{display:block}.jmx--m-carousel .jmx__panel{flex:0 0 var(--jmx-m-cw, 62vw);aspect-ratio:var(--jmx-m-ratio, 4 / 5);scroll-snap-align:center;scroll-snap-stop:always}.jmx--m-carousel .jmx__links-wrap{grid-template-rows:1fr;opacity:1;visibility:visible}.jmx--m-carousel .jmx__content{padding-bottom:24px}.jmx--m-carousel .jmx__arrow{position:absolute;top:50%;z-index:4;display:grid;place-items:center;width:44px;height:56px;margin:0;padding:0;border:0;background:none;color:#fff;filter:drop-shadow(0 1px 4px rgba(0,0,0,.45));transform:translateY(-50%);cursor:pointer;transition:opacity .25s ease}.jmx--m-carousel .jmx__arrow--prev{left:calc(50% - var(--jmx-m-cw, 62vw) / 2 - 50px)}.jmx--m-carousel .jmx__arrow--next{right:calc(50% - var(--jmx-m-cw, 62vw) / 2 - 50px)}.jmx--m-carousel .jmx__arrow[disabled]{opacity:0;pointer-events:none}.jmx--m-carousel .jmx__arrow:focus-visible{outline:2px solid #ffffff;outline-offset:-4px}}@media(prefers-reduced-motion:reduce){.jmx__panel,.jmx__img,.jmx__links-wrap,.jmx__content{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/jawa-material-panels.css.map */