html.yg-bn-dialog-scroll-lock{padding-right:var(--scroll-w, 0px)}html.yg-bn-dialog-scroll-lock body{overflow:hidden}.yg-bn-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background-color:#00000073;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.yg-bn-dialog-overlay.is-open{opacity:1;visibility:visible}.yg-bn-dialog{position:relative;width:100%;max-width:520px;max-height:90vh;overflow:hidden;overflow-y:auto;border-radius:24px;background-color:#fff;transform:translateY(8px);transition:transform .2s ease}.yg-bn-dialog p{margin:0}.yg-bn-dialog-overlay.is-open .yg-bn-dialog{transform:translateY(0)}.yg-bn-dialog__header{display:flex;align-items:center;justify-content:flex-start;padding:24px 80px 24px 32px}.yg-bn-dialog__title{flex:1 0 0;min-width:0;color:#111;font-size:24px;font-weight:600;line-height:1.3;word-break:break-word}.yg-bn-dialog__body{display:flex;align-items:center;justify-content:center;padding:0 32px 12px}.yg-bn-dialog__desc{flex:1 0 0;min-width:0;color:#111;font-size:14px;font-weight:400;line-height:20px;word-break:break-word}.yg-bn-dialog__extra{padding:0}.yg-bn-dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 32px}.yg-bn-dialog__footer--stack{flex-direction:column;align-items:stretch}.yg-bn-dialog__close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:none;border-radius:27px;background:transparent;color:#111;cursor:pointer;flex-shrink:0;transition:color .15s ease}.yg-bn-dialog__close:hover{background:transparent;color:#a45b52}.yg-bn-dialog__close:focus-visible{outline:2px solid #a45b52;outline-offset:2px;background:transparent;color:#a45b52}.yg-bn-dialog__close svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}@media(max-width:1023px){.yg-bn-dialog{max-width:362px}.yg-bn-dialog__header{justify-content:center;padding:20px 64px 20px 20px}.yg-bn-dialog__title{font-size:18px}.yg-bn-dialog__body{padding:0 20px 12px}.yg-bn-dialog__footer{padding:16px 20px}.yg-bn-dialog__close{width:32px;height:32px}.yg-bn-dialog__close svg{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/375/assets/yg-baby-name-dialog.css.map */