.component-modal-gift{position:fixed;top:120px;right:40px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;z-index:1000;transition:opacity .3s ease,visibility .3s ease}.component-modal-gift.gift-hidden-by-footer{opacity:0;visibility:hidden;pointer-events:none}.component-modal-gift .pulse-wrapper,.component-modal-gift #gift-box{transition:all .4s cubic-bezier(.25,1,.5,1)}.component-modal-gift .pulse-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;filter:drop-shadow(0 10px 18px rgba(0,0,0,.2))}.component-modal-gift .pulse-wrapper.gift-hiding{opacity:0;transform:scale(.8);pointer-events:none;visibility:hidden}.component-modal-gift .pulse-wrapper:before,.component-modal-gift .pulse-wrapper:after{content:"";position:absolute;border-radius:50%;background:#f1ebed;opacity:.6;width:100%;height:100%;animation:gift-pulse 2.8s linear infinite;z-index:0;filter:drop-shadow(0 10px 18px rgba(0,0,0,.2))}.component-modal-gift .pulse-wrapper:after{animation-delay:-1.4s}.component-modal-gift .pulse-wrapper .label{position:absolute;top:23%;left:3%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-family:EasyReadingPRO,serif;font-size:9px;text-align:center;line-height:1;z-index:1;background:#df0000;padding:5px;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.component-modal-gift #gift-box{position:absolute;top:0;right:0;opacity:0;transform:translateY(-8px) scale(.97);pointer-events:none;visibility:hidden;width:max-content}.component-modal-gift #gift-box.gift-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible}.component-modal-gift .inner-wrap{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0px 2px;border-radius:100%;padding:8px 4px;width:80px;height:80px;box-shadow:0 10px 24px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.08)}.component-modal-gift img{width:20px}.component-modal-gift .text{color:#aa3f72;font-weight:700;font-family:EasyReadingPRO,serif;font-size:8.5px;text-align:center;line-height:9.5px}.component-modal-gift #gift-success{display:none;opacity:0;transform:translateY(10px);transition:all .4s ease}.component-modal-gift #gift-success.gift-visible{display:block;opacity:1;transform:translateY(0);animation:fadeIn .5s ease}.component-modal-gift #gift-success .small{color:#000;font-size:12px;line-height:1.1}.component-modal-gift .modal-wrapper{position:relative;max-width:350px;display:flex;justify-content:center;flex-wrap:wrap;padding:20px 20px 10px;text-align:center;box-shadow:0 16px 34px rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.1)}.component-modal-gift .modal-wrapper h6{color:#aa3f72;font-weight:700;margin-bottom:10px}.component-modal-gift .modal-wrapper p{line-height:20px}.component-modal-gift .modal-wrapper #gift-footer{margin-top:6px}.component-modal-gift .modal-wrapper #gift-footer span{color:#000;font-size:12px}.component-modal-gift .modal-wrapper #gift-form-area{width:100%}.component-modal-gift .modal-wrapper #gift-form-area #form-gift{margin-top:15px}.component-modal-gift .modal-wrapper #gift-form-area #form-gift .form-check{text-align:left;font-size:16px}.component-modal-gift .modal-wrapper #gift-form-area #form-gift input:not([type=checkbox]){background-color:transparent;border-top:0px;border-right:0px;border-left:0px;border-bottom:solid 1px #000;border-radius:0;color:#000;width:100%;margin-bottom:15px}.component-modal-gift .modal-wrapper #gift-form-area #form-gift input:not([type=checkbox])::placeholder{font-size:1rem;line-height:1.5;color:#000!important}.component-modal-gift .gift-close{position:absolute;top:10px;right:20px;background:none;border:none;font-size:30px;line-height:1;color:#000;cursor:pointer;padding:0;font-weight:200;z-index:100;pointer-events:auto}.component-modal-gift .gift-close:hover{opacity:.7}@media(max-width:575.98px){.component-modal-gift{top:95px;right:20px}.component-modal-gift #gift-box{left:auto;right:0;transform:translateY(-8px) scale(.97);width:calc(100vw - 40px)}.component-modal-gift #gift-box .modal-wrapper{width:100%;max-width:none}.component-modal-gift #gift-box.gift-visible{transform:translateY(0) scale(1)}}@keyframes gift-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.75);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}