.pn-mix__slot{position:relative;display:block;overflow:hidden;aspect-ratio:4 / 5}.pn-mix__slot img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transform:translateY(18%);transition:opacity .6s var(--pn-ease),transform .7s var(--pn-ease)}.pn-mix__slot img.is-on{opacity:1;transform:none}.pn-mix__slot img.is-off{opacity:0;transform:translateY(-18%)}.pn-mix__slot i{z-index:1}@media(prefers-reduced-motion:reduce){.pn-mix__slot img{transition:none}}.pn-bt{overflow:hidden;text-decoration:none}.pn-bt>.pn-mix__slot:not(.pn-mix__free){position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.pn-bt .pn-mix__free{position:absolute;right:10px;bottom:10px;width:34%;border-radius:10px;background:#fff;box-shadow:0 6px 18px #24211e29,0 0 0 1px #24211e0f}.pn-bt .pn-mix__free i{position:absolute;left:50%;bottom:6px;transform:translate(-50%)}.pn-bt>.pn-pw__tag{position:absolute;top:10px;left:10px;z-index:2}.pn-qc__img.pn-bt{aspect-ratio:4 / 5}.pn-bt>.pn-pw__tag{max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.pn-mix4{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px}.pn-mix4>.pn-mix__slot{width:100%;height:100%;aspect-ratio:auto;min-width:0;min-height:0}.pn-mix4>.pn-mix__slot img{top:-14%;right:-10%;bottom:-8%;left:-10%;width:120%;height:122%;object-fit:cover}.pn-mix4 .pn-mix__free i{position:absolute;left:50%;bottom:4px;transform:translate(-50%)}.pn-bt .pn-mix4>.pn-mix__free{position:relative;inset:auto;width:100%;border-radius:0;background:transparent;box-shadow:none}.pn-bt>.pn-mix4{position:absolute;top:44px;right:14px;bottom:14px;left:14px}.pn-mix4wrap{position:relative;z-index:1;display:block;flex:1 1 auto;height:0;min-height:190px;margin:0 clamp(18px,2vw,28px) clamp(14px,1.6vw,22px);container-type:size}.pn-mix4wrap>.pn-mix4{position:absolute;bottom:0;left:50%;height:min(100cqh,125cqw);aspect-ratio:4 / 5;transform:translate(-50%)}
/*# sourceMappingURL=/cdn/shop/t/22/assets/pn-mix.css.map */