.clickable-div{display:flex;align-items:center;align-content:center}.on-product div#clickableDiv img{height:auto;width:35px;margin-right:10px}.on-product .clickable-div .text{display:flex;flex-direction:row!important;flex:1;align-items:center;justify-content:space-between}.val-edit-button{background:none;border:none;padding:0 5px 0 0;cursor:pointer;position:relative}button.val-edit-button svg{color:#ff5e5e;fill:#ff5e5e}.on-product .text .line{color:#ff5e5e;font-size:14px}.valentine-body *{margin:0;padding:0;box-sizing:border-box;--book-width: 400px;--card-z-index: 9999999}.val-book{width:var(--book-width);height:300px;perspective:1000px;position:relative}.page{width:var(--book-width);height:100%;position:absolute;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;transform-origin:center center}.page-left{left:0;z-index:calc(var(--card-z-index) + 150);transform-origin:center left;animation:openBook 3s forwards;animation-delay:1s}.page-center{width:var(--book-width);transform-origin:center center;z-index:calc(var(--card-z-index) + 100)}.page-right{right:0;z-index:calc(var(--card-z-index) + 200);transform-origin:center right;animation-delay:3s}.outer-side,.inner-side{position:absolute;height:100%;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;font-size:18px;font-family:Montserrat;box-sizing:border-box}.outer-side{background-color:transparent;color:#fff}.inner-side{background-color:transparent;color:#000;transform:rotateY(-180deg)}.center-side{position:absolute;height:100%;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;font-size:18px;font-family:Montserrat;box-sizing:border-box}.val-center-content input,.val-center-content textarea{margin:10px 0;padding:10px;font-size:20px;width:80%;border:none;outline:none;background-color:transparent;font-family:Montserrat;transition:border .3s ease}.val-center-content{position:absolute;width:83%;top:21px}.val-center-content textarea{height:100px}.edit-icon{background:none;border:none;padding:0;cursor:pointer;position:absolute;right:10px;top:20px;transform:translateY(-50%)}.edit-icon svg{width:16px!important;height:16px!important;fill:#7c1a1f99}.val-center-content input:focus,.val-center-content textarea:focus{border-bottom:1px dashed brown;color:brown}@keyframes openBook{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}.page-right{animation:openBookRight 3s forwards}@keyframes openBookRight{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.val-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;justify-content:center;align-items:center;z-index:9999999}.val-modal-content{background-color:transparent;display:flex;justify-content:center;align-items:center;position:relative}.open-button{padding:15px 30px;font-size:18px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;z-index:var(--card-z-index);position:absolute}.open-button:hover{background-color:#0056b3}.card-close-btn{position:fixed;top:10px;right:10%;background-color:transparent;border:none;color:#fff;font-size:35px;cursor:pointer;z-index:99999999;font-weight:900}.card-close-btn:hover{color:red}.input-val-container{position:relative}.valentine-body img{width:400px;height:auto}.page-left img,.page-center img,.page-right img{width:400px!important;height:auto}.icon-button{background:none;border:none;padding:0;cursor:pointer;position:absolute;right:10px;top:30px;transform:translateY(-50%)}.icon-button svg{width:16px!important;height:16px!important;fill:#7c1a1f99}.save-btn{border-radius:10px;font-size:21px;background:brown;border:none;color:#fff;width:74px;line-height:normal;cursor:pointer;padding-top:2px;font-family:Montserrat}.card-close-btn{position:fixed;top:22px;right:5%;font-size:24px;color:#000;background-color:transparent;border:3px solid white;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:9999999}.card-close-btn:hover{background-color:#fff3;border-color:#fff}.val-edit-button{background:none;border:none;padding:0 7px 0 0;cursor:pointer;position:relative}.val-edit-button svg{width:13px!important;height:13px!important;color:#5e5d5d}
/*# sourceMappingURL=/cdn/shop/t/122/assets/mc-valentine-card.css.map */