.card-wrapper{position:relative;container-type:inline-size}.pbn-card-quick-add{margin:.8rem 0 .4rem}.pbn-card-colors{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.pbn-card-color{-webkit-appearance:none;appearance:none;border:1px solid #cfcac0;background:transparent;color:#111;border-radius:999px;padding:5px 9px;font:inherit;font-size:12px;line-height:1;cursor:pointer;transition:.2s}.pbn-card-color:hover,.pbn-card-color.is-active{border-color:#111;background:#111;color:#fff7ea}.pbn-card-color:has(.visually-hidden){width:20px;height:20px;padding:0;border-radius:50%;background-size:cover;background-position:center}.pbn-card-color:has(.visually-hidden).is-active{outline:1px solid #111;outline-offset:2px}.pbn-card-sizes{position:absolute;z-index:5;top:calc(100cqw - 54px);left:10%;right:10%;display:flex;background:#fffffff5;border:1px solid #111;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}.card-wrapper:hover .pbn-card-sizes{opacity:1;transform:translateY(0)}.pbn-card-size-form{flex:1}.pbn-card-size{width:100%;min-height:42px;padding:0 8px;border:0;border-right:1px solid #111;background:transparent;color:#111;font:inherit;cursor:pointer;transition:.2s}.pbn-card-size:hover{background:#111;color:#fff7ea}.pbn-card-size:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}@media(max-width:749px){.pbn-card-sizes{position:static;opacity:1;transform:none;margin-top:.6rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/pbn-card-quick-add.css.map */