.mp-extras{--mp-x-radius: 1.2rem;--mp-x-line: rgb(var(--mp-slate-rgb, 88 96 120) / .16);--mp-x-ink: #2c3244;--mp-x-ink-soft: rgb(var(--mp-slate-rgb, 88 96 120) / .85);display:flex;flex-direction:column;gap:1.8rem}.mp-extras--media{display:none}@media screen and (min-width:750px){.mp-extras--media{display:grid;margin-top:2.4rem}.mp-extras--info{display:none}.mp-extras--media[data-mp-pad=landscape]:has(.mp-extras__dock.is-docked){grid-template-columns:1fr auto;grid-template-areas:"facts facts" "banner pad";align-items:center}.mp-extras--media[data-mp-pad=portrait]:has(.mp-extras__dock.is-docked){grid-template-columns:1fr auto;grid-template-areas:"facts pad" "banner banner";align-items:center}.mp-extras--media[data-mp-pad]:has(.mp-extras__dock.is-docked) .mp-extras__dock{grid-area:pad}.mp-extras--media[data-mp-pad]:has(.mp-extras__dock.is-docked) .mp-extras__facts{grid-area:facts}.mp-extras--media[data-mp-pad]:has(.mp-extras__dock.is-docked) .mp-extras__banner{grid-area:banner}}.mp-extras--info{margin:0 0 2.4rem}.mp-extras__dock{display:flex;align-items:center;justify-content:center}.mp-extras__facts{margin:0;padding:1.4rem 1.6rem;border:1px solid var(--mp-x-line);border-radius:var(--mp-x-radius);background:var(--mp-ground-1);display:grid;gap:.2rem}.mp-extras__fact{display:grid;grid-template-columns:10.5rem 1fr;gap:.4rem 1.2rem;align-items:baseline;padding:.7rem 0;border-top:1px solid var(--mp-x-line)}.mp-extras__fact:first-child{border-top:0;padding-top:0}.mp-extras__fact:last-child{padding-bottom:0}.mp-extras__facts dt{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mp-x-ink-soft)}.mp-extras__facts dd{margin:0;font-size:1.4rem;line-height:1.45;color:var(--mp-x-ink)}.mp-extras__rating-link{color:inherit;text-decoration:none;border-bottom:1px solid var(--mp-x-line);font-weight:600}.mp-extras__rating-link:hover{border-bottom-color:currentColor}@media screen and (max-width:479px){.mp-extras__fact{grid-template-columns:1fr;gap:.2rem}}.mp-extras__banner{position:relative;display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.4rem;border-radius:var(--mp-x-radius);background:var(--mp-brand);color:#fff;text-decoration:none;overflow:hidden;transition:background-color .18s ease,transform .18s ease}.mp-extras__banner:hover{background-color:var(--mp-brand-strong);color:#fff}.mp-extras__banner--flat{cursor:default}.mp-extras__banner--image{background-size:cover;background-position:center}.mp-extras__banner--image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mp-x-banner-overlay-color, var(--mp-brand));opacity:var(--mp-x-banner-overlay-opacity, .45);pointer-events:none}.mp-extras__banner-copy,.mp-extras__banner-go{position:relative;z-index:1}.mp-extras__banner-copy{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.2rem}.mp-extras__banner-head{font-size:1.4rem;font-weight:700;line-height:1.3}.mp-extras__banner-text{font-size:1.25rem;line-height:1.4;opacity:.85}.mp-extras__banner-go{flex:0 0 auto;width:1.8rem;height:1.8rem;line-height:0;transition:transform .18s ease}.mp-extras__banner-go svg{width:100%;height:100%}.mp-extras__banner:hover .mp-extras__banner-go{transform:translate(.3rem)}.product__media-item{position:relative}.product__media-item>.mp-media-overlays{position:absolute;inset:auto 0 0 0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.4rem;pointer-events:none}.mp-media-overlays__slot{display:block;min-width:0;line-height:0}.mp-media-overlays__slot--end{text-align:right}.mp-genre-chip{--mp-genre-ink: #ffffff;--mp-genre-bg: rgba(26, 30, 41, .82);display:inline-block;max-width:100%;padding:.5rem .9rem;border-radius:.7rem;background:var(--mp-genre-bg);color:var(--mp-genre-ink);font-size:1.1rem;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 1px 2px #00000047}@media screen and (max-width:749px){.product__media-item>.mp-media-overlays{padding:1rem}.mp-genre-chip{font-size:1rem;padding:.4rem .7rem;letter-spacing:.06em}}@media(prefers-reduced-motion:reduce){.mp-extras__banner,.mp-extras__banner-go{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/mp-product-extras.css.map */