.xpi{display:flex;flex-direction:column;gap:8px;margin-top:16px}.xpi--footer,.xpi--trustbadge{align-items:center;margin-top:10px}.xpi--product,.xpi--cart{align-items:center;text-align:center}.xpi__title{display:flex;align-items:center;gap:5px;margin:0;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.xpi__lock{width:12px;height:12px;flex-shrink:0;color:currentColor}.xpi__list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0}.xpi__item{display:flex;align-items:center;justify-content:center;line-height:0}.xpi__item svg,.xpi__item .payment-icon{display:block;width:38px;height:24px;border-radius:4px;transition:transform .18s cubic-bezier(.2,.8,.4,1),box-shadow .18s ease,filter .18s ease;will-change:transform}.xpi--color .xpi__item svg,.xpi--trustbadge .xpi__item svg,.xpi--color .xpi__item .payment-icon{box-shadow:0 1px 2px #10130c1a,0 2px 6px #10130c12}.xpi__item svg:hover,.xpi__item .payment-icon:hover{transform:translateY(-2.5px) scale(1.07);box-shadow:0 5px 12px #10130c2e,0 1px 3px #10130c1a;z-index:1;position:relative}@keyframes xpiIn{0%{opacity:0;transform:translateY(7px) scale(.94)}to{opacity:1;transform:none}}.xpi__item{animation:xpiIn .5s cubic-bezier(.2,.8,.3,1) backwards}.xpi__item:nth-child(1){animation-delay:.02s}.xpi__item:nth-child(2){animation-delay:.06s}.xpi__item:nth-child(3){animation-delay:.1s}.xpi__item:nth-child(4){animation-delay:.14s}.xpi__item:nth-child(5){animation-delay:.18s}.xpi__item:nth-child(6){animation-delay:.22s}.xpi__item:nth-child(7){animation-delay:.26s}.xpi__item:nth-child(8){animation-delay:.3s}.xpi__item:nth-child(9){animation-delay:.34s}.xpi__item:nth-child(10){animation-delay:.38s}.xpi__item:nth-child(11){animation-delay:.42s}.xpi__item:nth-child(12){animation-delay:.46s}.xpi__item:nth-child(13){animation-delay:.5s}.xpi__item:nth-child(14){animation-delay:.54s}.xpi--mono .xpi__item svg{filter:grayscale(1) opacity(.6)}.xpi--mono .xpi__item svg:hover{filter:none}.xpi--outline .xpi__item svg{box-shadow:inset 0 0 0 1px #d1d5db}@media(max-width:480px){.xpi__item svg,.xpi__item .payment-icon{width:34px;height:21.5px}.xpi__list{gap:5px}}@media(prefers-reduced-motion:reduce){.xpi__item{animation:none!important}.xpi__item svg,.xpi__item .payment-icon{transition:none!important}.xpi__item svg:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/xoome-payment-icons.css.map */