.petrait-cbg-swatch .swatch-color{background:#fff!important;background-image:none!important;border:1.5px dashed #c9bfc4!important;display:flex!important;align-items:center;justify-content:center;color:#5f5458;box-sizing:border-box}.petrait-cbg-swatch:hover .swatch-color{border-color:#7f1125!important;color:#7f1125}.petrait-cbg-swatch svg{width:45%;height:45%;max-width:16px;max-height:16px}.pcbg-summary{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;background:#f5f3f4;border-radius:14px;font-size:13px;color:#3d3538}.pcbg-summary[hidden]{display:none}.pcbg-summary__dot{flex:0 0 18px;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014}.pcbg-summary__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcbg-summary__edit{background:none;border:0;padding:0;font:inherit;font-weight:500;color:#7f1125;text-decoration:underline;text-underline-offset:3px;cursor:pointer}html.pcbg-lock,html.pcbg-lock body{overflow:hidden}.pcbg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;background:#23191e61;animation:pcbgFade .18s ease-out}.pcbg-overlay[hidden]{display:none}.pcbg-sheet{position:relative;width:100%;max-width:440px;max-height:calc(100vh - 32px);overflow-y:auto;padding:28px 24px 24px;background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;color:#3d3538;box-sizing:border-box;animation:pcbgUp .22s ease-out}html body .pcbg-overlay .pcbg-close{position:absolute!important;top:12px!important;right:12px!important;width:36px!important;height:36px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer}html body .pcbg-overlay .pcbg-close:before,html body .pcbg-overlay .pcbg-close:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;border-radius:2px;background:#5f5458}html body .pcbg-overlay .pcbg-close:before{transform:translate(-50%,-50%) rotate(45deg)}html body .pcbg-overlay .pcbg-close:after{transform:translate(-50%,-50%) rotate(-45deg)}html body .pcbg-overlay .pcbg-close:hover:before,html body .pcbg-overlay .pcbg-close:hover:after{background:#2b2427}.pcbg-title{margin:0 40px 6px 0;font-family:Poppins,sans-serif;font-size:19px;font-weight:600;line-height:1.3;color:#2b2427}.pcbg-sub{margin:0 0 22px;font-size:13px;font-weight:300;line-height:1.5;color:#6b6064}.pcbg-field{margin-bottom:20px}.pcbg-label{display:block;margin-bottom:10px;font-size:13px;font-weight:500;color:#2b2427}.pcbg-picked{font-weight:300;color:#6b6064}.pcbg-colors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;gap:12px 8px;padding:14px 12px;background:#f5f3f4;border-radius:18px}.pcbg-color{width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #00000014;cursor:pointer;transition:transform .12s ease}.pcbg-color:hover{transform:scale(1.06)}.pcbg-color.is-selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #e8a3b6}.pcbg-input{display:block;width:100%;height:46px;padding:0 16px;border:1px solid #e4dfe1;border-radius:14px;background:#fff;font-family:inherit;font-size:14px;color:#2b2427;box-sizing:border-box;outline:none}.pcbg-input:focus{border-color:#e8a3b6;box-shadow:0 0 0 3px #fbe6ec}.pcbg-other{margin-top:10px}.pcbg-other[hidden]{display:none}.pcbg-note{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:12px;font-weight:300;color:#6b6064}.pcbg-note svg{flex:0 0 16px}.pcbg-error{margin:-6px 0 12px;font-size:12px;color:#b3261e}.pcbg-error[hidden]{display:none}html body .pcbg-overlay .pcbg-save{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:60px!important;min-height:60px!important;margin:0!important;padding:0 8px 0 26px!important;border:0!important;border-radius:var(--pt-radius, 22px)!important;background:var(--pt-pink-btn, #FF99C8)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;cursor:pointer}html body .pcbg-overlay .pcbg-save__text{font-family:Poppins,sans-serif!important;font-size:18px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important}html body .pcbg-overlay .pcbg-save__icon{position:relative;flex:none;width:44px;height:44px;border-radius:999px;background:#fff;transition:transform .2s ease}html body .pcbg-overlay .pcbg-save__icon:before{content:"";position:absolute;left:50%;top:46%;width:7px;height:13px;border-right:2.2px solid var(--pt-bordeaux, #7F1125);border-bottom:2.2px solid var(--pt-bordeaux, #7F1125);transform:translate(-50%,-50%) rotate(45deg)}html body .pcbg-overlay .pcbg-save:hover .pcbg-save__icon{transform:scale(1.05)}html body .pcbg-overlay .pcbg-save{transition:background-color .25s ease}html body .pcbg-overlay .pcbg-save.is-saved{background:#f27db5!important;cursor:default}html body .pcbg-overlay .pcbg-save.is-saved .pcbg-save__icon{animation:pcbgPop .35s ease-out}@keyframes pcbgPop{0%{transform:scale(1)}45%{transform:scale(1.15)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){html body .pcbg-overlay .pcbg-save.is-saved .pcbg-save__icon{animation:none}}@media(max-width:749px){.pcbg-overlay{align-items:flex-end;padding:0}.pcbg-sheet{max-width:none;max-height:88vh;border-radius:24px 24px 0 0;padding:24px 16px calc(20px + env(safe-area-inset-bottom))}}@keyframes pcbgFade{0%{opacity:0}to{opacity:1}}@keyframes pcbgUp{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}html body fieldset.product-form__input--color.petrait-sw-split.pt-bgB{grid-template-columns:8px repeat(5,minmax(0,1fr)) 8px!important;grid-template-rows:30px auto 8px 30px auto!important;column-gap:6px!important;row-gap:0!important;padding:0!important;justify-items:center!important;align-items:center!important}html body fieldset.product-form__input--color.petrait-sw-split.pt-bgB.pt-bgB--custom{grid-template-rows:30px auto 8px 30px auto 10px auto!important}html body fieldset.petrait-sw-split.pt-bgB>.petrait-sw-head{flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;justify-self:stretch!important;align-self:stretch!important;margin:0!important;padding:9px 14px 0!important;border-radius:18px!important}html body fieldset.petrait-sw-split.pt-bgB>.petrait-sw-head b{font-size:13px!important}html body fieldset.petrait-sw-split.pt-bgB>.petrait-sw-head i{font-style:normal!important;font-size:12px!important;font-weight:600!important}html body fieldset.petrait-sw-split.pt-bgB>label{max-width:44px!important;margin:0 0 10px!important}html body fieldset.petrait-sw-split.pt-bgB>label.petrait-cbg-swatch{display:flex!important;align-items:center;gap:10px;width:100%!important;max-width:none!important;justify-self:stretch!important;box-sizing:border-box;margin:0!important;padding:7px 14px 7px 8px!important;line-height:1.2!important;border:1.5px dashed #CFC6CA;border-radius:18px;background:#fff;cursor:pointer}html body fieldset.petrait-sw-split.pt-bgB>input:checked+label.petrait-cbg-swatch{border-style:solid;border-color:var(--pt-pink-btn, #FF99C8);background:var(--pt-pink-soft, #FFE9F3)}html body fieldset.petrait-sw-split.pt-bgB>label.petrait-cbg-swatch>.swatch-color{flex:0 0 30px;width:30px!important;height:30px!important;min-height:0!important;aspect-ratio:1 / 1!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border:0!important;border-radius:999px!important;background:var(--pt-grey, #f8f7f7)!important;color:#5f5458;line-height:0!important}html body fieldset.petrait-sw-split.pt-bgB>label.petrait-cbg-swatch>.swatch-color svg{display:block;flex:none;width:14px!important;height:14px!important;margin:0!important}html body fieldset.petrait-sw-split.pt-bgB>label.petrait-cbg-swatch>.swatch-color:before,html body fieldset.petrait-sw-split.pt-bgB>label.petrait-cbg-swatch>.swatch-color:after,html body fieldset.petrait-sw-split.pt-bgB>label.petrait-cbg-swatch .tooltip{display:none!important}.pt-cbg-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.pt-cbg-text b{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:var(--pt-ink-2, #3c3937)}.pt-cbg-text i{font-family:Manrope,sans-serif;font-style:normal;font-size:12px;color:#6f6866;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pt-cbg-price{font-family:Manrope,sans-serif;font-size:12px;font-weight:600;color:#6f6866}@media(min-width:768px){html body fieldset.petrait-sw-split.pt-bgB>label{max-width:48px!important}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/petrait-custom-bg.css.map */