.pcc{position:relative;min-width:0;display:grid;gap:9px;align-content:start;color:var(--pc-ink);--pcc-bg: var(--pc-paper);--pcc-chip: var(--pc-block)}.pcc__media{position:relative;aspect-ratio:2 / 3;border-radius:var(--pc-r-block);overflow:hidden;background:#e7e6e4;isolation:isolate}.pcc__media[data-pcc-swipe]{touch-action:pan-y;-webkit-user-select:none;user-select:none}[data-pcc-row] .pcc__media[data-pcc-swipe]{touch-action:pan-x pan-y}.pcc__zone{position:absolute;top:12%;right:15%;bottom:18%;left:15%;z-index:1;touch-action:pan-y}.pcc__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;-webkit-user-drag:none;transition:transform .26s cubic-bezier(.32,.72,0,1)}.pcc.is-sz .pcc__img{transform:translateY(-50px);transition-duration:.42s}.pcc__track{display:flex;width:100%;height:100%;transition:transform .34s cubic-bezier(.22,1,.36,1);will-change:transform}.pcc__media.is-drag .pcc__track{transition:none}.pcc__track img,.pcc__track svg{flex:0 0 100%;width:100%;height:100%;max-width:none;object-fit:cover;display:block;margin:0;pointer-events:none;transition:opacity .22s ease}.pcc.is-loading .pcc__track img{opacity:.4}.pcc.is-out .pcc__track img{opacity:.55}.pcc__tab{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:2;max-width:calc(100% - 24px);padding:7px 11px 7px 10px;background:var(--pcc-bg);border-end-end-radius:var(--pc-r-block);color:var(--pc-ink);font-size:11px;font-weight:600;line-height:1.2}.pcc__tab>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pcc__tab.is-off{color:var(--pc-discount, #0b8a3a)}.pcc__tab:before,.pcc__tab:after{content:"";position:absolute;width:var(--pc-r-block);height:var(--pc-r-block);pointer-events:none;background:radial-gradient(circle at 100% 100%,transparent calc(var(--pc-r-block) - .5px),var(--pcc-bg) var(--pc-r-block))}.pcc__tab:before{inset-block-start:0;inset-inline-start:100%}.pcc__tab:after{inset-block-start:100%;inset-inline-start:0}.pcc__ind{position:absolute;inset-inline-start:9px;inset-block-end:13px;z-index:3;display:flex;gap:4px;padding:4px 5px;border-radius:999px;background:#0b0b0a38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .2s ease}.pcc__ind button{position:relative;width:4px;height:4px;padding:0;border:0;border-radius:999px;background:#ffffff80;cursor:pointer;transition:width .24s cubic-bezier(.22,1,.36,1),background-color .24s ease}.pcc__ind button:before{content:"";position:absolute;top:-8px;right:-3px;bottom:-8px;left:-3px}.pcc__ind button.is-on{width:10px;background:#fff}.pcc.is-sz .pcc__ind{opacity:0;pointer-events:none}.pcc__nest{position:absolute;inset-inline-end:0;inset-block-end:0;z-index:4;padding:6px 0 0 6px;background:var(--pcc-bg);border-start-start-radius:var(--pc-r-block)}.pcc__nest:before,.pcc__nest:after{content:"";position:absolute;width:var(--pc-r-block);height:var(--pc-r-block);pointer-events:none;background:radial-gradient(circle at 0 0,transparent calc(var(--pc-r-block) - .5px),var(--pcc-bg) var(--pc-r-block))}.pcc__nest:before{inset-inline-end:0;inset-block-end:100%}.pcc__nest:after{inset-inline-end:100%;inset-block-end:0}.pcc__qa{position:relative;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:999px;background:var(--pc-ink);color:var(--pc-paper);cursor:pointer;transition:transform .2s cubic-bezier(.22,1,.36,1),background-color .16s ease}.pcc__qa:active{transform:scale(.92)}.pcc__qa:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.pcc__qa svg{grid-area:1 / 1;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:opacity .16s ease,transform .22s var(--pc-ease)}.pcc__ix,.pcc__iok,.pcc.is-sz .pcc__ib,.pcc.is-ok .pcc__ib{opacity:0;transform:scale(.6)}.pcc.is-sz .pcc__ix,.pcc.is-ok .pcc__iok{opacity:1;transform:none}.pcc.is-ok .pcc__qa{background:var(--pc-discount, #0b8a3a)}.pcc__out{display:block;padding:8px 10px 6px 4px;font-size:11.5px;font-weight:600;color:var(--pc-ink)}.pcc__qa:focus-visible,.pcc__dot:focus-visible,.pcc__ind button:focus-visible,.pcc__sizes button:focus-visible{outline:2px solid var(--pc-brasa, #e0703a);outline-offset:2px}.pcc__sizes{position:absolute;inset-inline:0;inset-block-end:0;z-index:3;display:flex;align-items:center;gap:4px;height:50px;padding:8px 48px 6px 6px;background:var(--pcc-bg);border-start-start-radius:var(--pc-r-block);transform:translateY(100%);transition:transform .26s cubic-bezier(.32,.72,0,1)}.pcc.is-sz .pcc__sizes{transform:none;transition-duration:.42s}.pcc__sizes button{opacity:0;transform:translateY(10px) scale(.92)}.pcc.is-sz .pcc__sizes button{opacity:1;transform:none;transition:opacity .26s ease,transform .42s cubic-bezier(.34,1.4,.64,1),background-color var(--pc-dur-fast) var(--pc-ease),color var(--pc-dur-fast) var(--pc-ease);transition-delay:calc(80ms + var(--i, 0) * 40ms),calc(80ms + var(--i, 0) * 40ms),0s,0s}.pcc__sizes button:nth-child(2){--i: 1}.pcc__sizes button:nth-child(3){--i: 2}.pcc__sizes button:nth-child(4){--i: 3}.pcc__sizes button:nth-child(5){--i: 4}.pcc__sizes button:nth-child(6){--i: 5}.pcc__sizes button{flex:1 1 0;min-width:0;height:36px;padding:0;border:0;border-radius:999px;background:var(--pcc-chip);color:var(--pc-ink);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .12s ease,transform .2s ease,background-color var(--pc-dur-fast) var(--pc-ease),color var(--pc-dur-fast) var(--pc-ease)}.pcc__sizes button:disabled{color:var(--pc-faint);text-decoration:line-through;cursor:default}@media(hover:hover)and (pointer:fine){.pcc__sizes button:not(:disabled):hover{background:var(--pc-ink);color:var(--pc-paper)}}.pcc__sizes button.is-busy{background:var(--pc-ink);color:var(--pc-paper)}.pcc__msg{position:absolute;inset-inline:8px 48px;inset-block-end:58px;z-index:5;margin:0;padding:6px 10px;border-radius:999px;background:var(--pc-paper);font-size:11.5px;font-weight:500;animation:pc-in var(--pc-dur) var(--pc-ease) both}.pcc__info{display:grid;gap:3px;min-width:0;padding-inline:2px;color:inherit;text-decoration:none}.pcc__cat{overflow:hidden;color:var(--pc-muted, #6b6b66);font-size:11px;font-weight:500;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.pcc__nm{overflow:hidden;font-size:13.5px;font-weight:500;letter-spacing:-.01em;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.pcc__pr{display:flex;align-items:baseline;gap:6px;margin-top:1px;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums}.pcc__pr b{font-size:13.5px;font-weight:600;letter-spacing:-.01em}.pcc__pr b.is-sale{color:var(--pc-discount, #0b8a3a)}.pcc__pr s{color:var(--pc-muted, #6b6b66);font-size:11.5px}.pcc__sw{display:flex;align-items:center;min-width:0;min-height:24px;margin-top:-6px;padding-inline:2px;color:var(--pc-muted, #6b6b66);font-size:11px;white-space:nowrap}.pcc__dots{display:inline-flex;align-items:center;flex:none;margin-inline-start:-3px}.pcc__one{display:inline-flex;flex:none;margin-inline-end:7px}.pcc__swt{min-width:0;margin-inline-start:3px;overflow:hidden;text-overflow:ellipsis}.pcc__one+.pcc__swt{margin-inline-start:0}.pcc__swt em{display:inline-block;font-style:normal;transition:opacity .18s ease,transform .18s cubic-bezier(.22,1,.36,1)}.pcc__swt em.is-out{opacity:0;transform:translateY(3px)}.pcc__dot{position:relative;display:grid;place-items:center;flex:none;width:17px;height:24px;padding:0;border:0;background:none;cursor:pointer}.pcc__dot:before{content:"";width:11px;height:11px;border-radius:999px;background:var(--c);box-shadow:inset 0 0 0 1px #7f7f7873}.pcc__dot:after{content:"";position:absolute;left:50%;top:50%;width:17px;height:17px;margin:-8.5px 0 0 -8.5px;border-radius:999px;box-shadow:0 0 0 1px var(--pc-ink);opacity:0;transform:scale(.8);transition:opacity .22s ease,transform .22s cubic-bezier(.22,1,.36,1)}.pcc__dot.is-on:after{opacity:1;transform:none}.pcc__one .pcc__dot{width:12px;cursor:default}.pcc__one .pcc__dot:after{display:none}@media(min-width:960px){.pcc__tab{font-size:11.5px}.pcc__cat{font-size:12px}.pcc__nm,.pcc__pr b{font-size:14.5px}.pcc__pr s{font-size:12.5px}.pcc__sw{font-size:12px}}@media(prefers-reduced-motion:reduce){.pcc.is-sz .pcc__img,.pcc__sizes button{transform:none}.pcc__img,.pcc__sizes button,.pcc__track,.pcc__sizes,.pcc__qa,.pcc__qa svg,.pcc__ind button,.pcc__dot:after,.pcc__swt em{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/plenty-card.css.map */