@keyframes slideInRight{0%{opacity:0;transform:none;visibility:hidden}to{opacity:1;transform:translate(-100%);visibility:unset}}@keyframes slideOutRight{0%{opacity:1;transform:translate(-100%);visibility:unset}to{opacity:0;transform:none;visibility:hidden}}body.popover-active{overflow:hidden;padding-right:17px;touch-action:none;pointer-events:none}body.popover-active .charms-outer-container #CharmsUnderlay,body.popover-active .underlay.drawer__underlay{visibility:visible}.custom-product-container .charms-outer-container :is(h4,h5,h6,p){margin:0;padding:0}.custom-product-container .charms-outer-container #CharmsUnderlay{pointer-events:all}.custom-product-container .charms-outer-container{margin-block:16px}.custom-product-container .custom-charms-container .charms-inner{width:100%;display:flex;align-items:center;margin-block:20px;padding:12px 8px;border-top:1px solid black;border-bottom:1px solid black;cursor:pointer}.custom-product-container .custom-charms-container .charms-inner .charm-gif{max-width:30px;height:auto}.custom-product-container .custom-charms-container .charms-inner .charm-label{font-size:13px;flex-grow:1;padding-left:12px;font-weight:700;text-transform:uppercase}.custom-product-container .custom-charms-container .charms-inner p{flex-shrink:0}.custom-product-container .custom-charms-container .charm-added-products{display:flex;flex-direction:column;flex-direction:start;gap:12px}.custom-product-container .custom-charms-container .charm-added-products .charm-product{display:flex;gap:12px}.custom-product-container .custom-charms-container .charm-added-products .charm-product img{width:85px;height:100%}.custom-product-container .custom-charms-container .charm-added-products .charm-product .content{display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;flex-grow:1}.custom-product-container .custom-charms-container .charm-added-products .charm-product .charm_title{font-size:1.4em;font-weight:500}.custom-product-container .custom-charms-container .charm-added-products .charm-product .charm_title+h6{font-size:var(--font-size--paragraph);font-weight:400}.custom-product-container .custom-charms-container .charm-added-products .charm-product .remove-btn{padding:0;border:none;background:transparent;text-decoration:underline;cursor:pointer}.custom-product-container .charms-outer-container .popover{border:none;width:calc(100% - 20px);height:calc(100% - 80px);padding:0;overflow:auto;pointer-events:all}.custom-product-container .charms-outer-container .popover::backdrop{background-color:#000;opacity:.7}.custom-product-container .charms-outer-container .popover .charm-header{position:sticky;top:0;z-index:2;box-shadow:#0003 0 2px 8px;background:#fff;padding:16px;display:flex;align-items:center}.custom-product-container .charms-outer-container .popover .charm-header .charms-header_inner{flex-basis:90%;flex-shrink:0}.custom-product-container .charms-outer-container .popover .charm-header h4{font-size:15px;margin:0;font-weight:700}.custom-product-container .charms-outer-container .popover button{width:100%;border:none;background:none;padding:0;pointer-events:all;cursor:pointer;justify-items:center}.custom-product-container .charms-outer-container .popover .charms-products{padding:18px 24px 12px;display:grid;grid-template-columns:repeat(2,minmax(0px,1fr));gap:24px 8px}.custom-product-container .charms-outer-container .popover .charms-products .charm-product{position:relative;display:flex;flex-direction:column;gap:12px}.custom-product-container .charms-outer-container .popover .charm-product img{width:100%;height:100%}.custom-product-container .charms-outer-container .popover .charm-product label{position:absolute;top:12px;left:12px;right:12px}.custom-product-container .charms-outer-container .popover .charm-product label span{display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:16px;height:16px;border:1px solid rgb(0,0,0);border-radius:2px;position:relative;margin-right:12px}.custom-product-container .charms-outer-container .popover .charm-product label i{display:inline-flex;width:100%;height:100%;opacity:0;transform:scale(.6);background-color:#000;padding:2px;transition:opacity .15s ease 0s,transform .2s ease 0s}.custom-product-container .charms-outer-container .popover .charm-product label input:checked+span i{opacity:1;transform:scale(1)}.custom-product-container .charms-outer-container .popover .charm-product:has(input:checked) img{border:1px solid #000}.custom-product-container .charms-outer-container .popover .charm-product .charm_title{font-size:var(--font-size--paragraph);font-weight:700}.custom-product-container .charms-outer-container .popover .charm-product .charm_title+h6{font-size:var(--font-size--paragraph);font-weight:400}.custom-product-container .charms-outer-container .popover .charm-product .remove-btn{display:none}.custom-product-container .charms-outer-container .popover .charm-footer{position:sticky;padding:16px;bottom:0;background:#fff}.custom-product-container .charms-outer-container .popover .charm-footer button{background:#000;color:#fff;padding:11px 23px;border:1px solid rgb(0,0,0);cursor:pointer}@media screen and (min-width: 768px){.custom-product-container .charms-outer-container .popover{top:0;left:100vw;height:100%;max-width:380px;transition:right .4s ease;animation:slideInRight .6s ease;animation-fill-mode:forwards}.custom-product-container .charms-outer-container .popover.is-closing{animation:slideOutRight .6s ease;animation-fill-mode:forwards}}.drawer__underlay{z-index:6000}.underlay{position:fixed;visibility:hidden;top:0;left:0;height:100vh;width:100%;opacity:0;background:#0006;transition:opacity .3s ease .1s,visibility 0s linear .4s}
/*# sourceMappingURL=/cdn/shop/t/24/assets/custom-product-charms.css.map */