.p4p-cc{position:absolute;right:.8rem;top:0;z-index:5;font-family:inherit;pointer-events:auto}
.p4p-cc__btn{display:flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;padding:0;border:.1rem solid #000;border-radius:50%;background:#fff;color:#000;cursor:pointer;touch-action:manipulation;box-shadow:0 .2rem .8rem rgba(0,0,0,.18);transition:transform .15s ease,background .15s ease,color .15s ease}
.p4p-cc__btn:hover{transform:scale(1.08);background:#000;color:#fff}
.p4p-cc__btn svg{width:1.8rem;height:1.8rem;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.p4p-cc__btn[disabled]{opacity:.6;cursor:default}
.p4p-cc.is-done .p4p-cc__btn{background:#000;color:#fff}
.p4p-cc.is-error .p4p-cc__btn{border-color:#b00020;color:#b00020}
.p4p-cc__pop{position:absolute;right:0;bottom:calc(100% + .6rem);display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end;width:max-content;max-width:16rem;padding:.6rem;background:#fff;border:.1rem solid #000;border-radius:1.2rem;box-shadow:0 .4rem 1.6rem rgba(0,0,0,.2)}
.p4p-cc__pop[hidden]{display:none}
.p4p-cc__size{min-width:3.2rem;padding:.6rem .9rem;border:.1rem solid #000;border-radius:10rem;background:#fff;color:#000;font:inherit;font-size:1.3rem;line-height:1;cursor:pointer}
.p4p-cc__size:hover{background:#000;color:#fff}
@media (max-width:749px){.p4p-cc{right:.6rem}.p4p-cc__btn{width:3.4rem;height:3.4rem}.p4p-cc__btn svg{width:1.6rem;height:1.6rem}}