.like-dislike-container{--dark-grey:#353535;--middle-grey:#767676;--lightest-grey:linear-gradient(#fafafa,#ebebeb);--shadow:0 5px 15px 0 #00000026;--shadow-active:0 5px 5px 0 #00000026;--border-radius-main:10px;--border-radius-icon:50px;position:relative;display:flex;text-align:center;flex-direction:column;align-items:center;cursor:default;color:var(--dark-grey);opacity:.9;padding:1.5rem;font-weight:600;background:var(--lightest-grey);max-width:max-content;border-radius:var(--border-radius-main);box-shadow:var(--shadow);transition:all .2s ease;margin:10px auto auto}.like-dislike-container:hover{box-shadow:var(--shadow-active)}.like-dislike-container .tool-box{position:absolute;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;top:0;right:0;border-radius:var(--border-radius-main)}.like-dislike-container .btn-close{display:flex;align-items:center;justify-content:center;text-align:center;width:.8rem;height:.8rem;color:transparent;font-size:0;cursor:pointer;background-color:#ff000080;border:none;border-radius:var(--border-radius-main);transition:all .2s ease}.like-dislike-container .btn-close:hover{width:1rem;height:1rem;font-size:1rem;color:#fff;background-color:#ff0000cc;box-shadow:var(--shadow-active)}.like-dislike-container .btn-close:active{width:.9rem;height:.9rem;font-size:.9rem;color:#ffffffde;--shadow-btn-close:0 3px 3px 0 #00000026;box-shadow:var(--shadow-btn-close)}.like-dislike-container .text-content{margin-bottom:1rem;font-size:18px;line-height:1.6;cursor:default}.like-dislike-container .icons-box{display:flex}.like-dislike-container .icons{position:relative;display:flex;justify-content:center;align-items:center;opacity:.6;margin:0 .5rem;cursor:pointer;user-select:none;border:1px solid var(--middle-grey);border-radius:var(--border-radius-icon);transition:all .2s ease}.like-dislike-container .icons:hover{opacity:.9;box-shadow:var(--shadow)}.like-dislike-container .icons:active{opacity:.9;box-shadow:var(--shadow-active)}.like-dislike-container .icons .btn-label{display:flex;justify-content:center;align-items:center;padding:0 .5rem;cursor:pointer;position:relative}.like-dislike-container .like-text-content{border-right:.1rem solid var(--dark-grey);padding:0 .6rem 0 .5rem;pointer-events:none}.like-dislike-container .dislike-text-content{border-left:.1rem solid var(--dark-grey);padding:0 .5rem 0 .6rem;pointer-events:none}.like-dislike-container .icons .svgs{width:1.3rem;fill:#000;box-sizing:content-box;padding:10px;transition:all .2s ease}.like-dislike-container .icons .input-box{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.like-dislike-container .icons #icon-like-regular{display:block}.like-dislike-container .icons #icon-like-solid{display:none}.like-dislike-container .icons:hover :is(#icon-like-solid,#icon-like-regular){animation:rotate-icon-like .7s ease-in-out both}.like-dislike-container .icons #like-checkbox:checked~#icon-like-regular{display:none;animation:checked-icon-like .5s}.like-dislike-container .icons #like-checkbox:checked~#icon-like-solid{display:block;animation:checked-icon-like .5s}.like-dislike-container .icons #icon-dislike-regular{display:block;transform:rotate(180deg)}.like-dislike-container .icons #icon-dislike-solid{display:none;transform:rotate(180deg)}.like-dislike-container .icons:hover :is(#icon-dislike-solid,#icon-dislike-regular){animation:rotate-icon-dislike .7s ease-in-out both}.like-dislike-container .icons #dislike-checkbox:checked~#icon-dislike-regular{display:none;animation:checked-icon-dislike .5s}.like-dislike-container .icons #dislike-checkbox:checked~#icon-dislike-solid{display:block;animation:checked-icon-dislike .5s}.like-dislike-container .icons .fireworks{transform:scale(.4)}.like-dislike-container .icons #like-checkbox:checked~.fireworks>.checked-like-fx{right:40px}.like-dislike-container .icons #dislike-checkbox:checked~.fireworks>.checked-dislike-fx,.like-dislike-container .icons #like-checkbox:checked~.fireworks>.checked-like-fx{position:absolute;width:10px;height:10px;border-radius:50%;box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff;animation:fireworks-bang 1s ease-out forwards,fireworks-gravity 1s ease-in forwards,fireworks-position 5s linear forwards;animation-duration:1.25s,1.25s,6.25s}.like-dislike-container .icons #dislike-checkbox:checked~.fireworks>.checked-dislike-fx{left:40px}@keyframes rotate-icon-like{0%{transform:rotate(0deg) translateZ(0)}25%{transform:rotate(3deg) translateZ(0)}50%{transform:rotate(-3deg) translateZ(0)}75%{transform:rotate(1deg) translateZ(0)}to{transform:rotate(0deg) translateZ(0)}}@keyframes rotate-icon-dislike{0%{transform:rotate(180deg) translateZ(0)}25%{transform:rotate(183deg) translateZ(0)}50%{transform:rotate(177deg) translateZ(0)}75%{transform:rotate(181deg) translateZ(0)}to{transform:rotate(180deg) translateZ(0)}}@keyframes checked-icon-like{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2) rotate(-10deg)}}@keyframes checked-icon-dislike{0%{transform:scale(0) rotate(180deg);opacity:0}50%{transform:scale(1.2) rotate(170deg)}}@keyframes fireworks-position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@keyframes fireworks-gravity{to{transform:translateY(200px);opacity:0}}@keyframes fireworks-bang{to{box-shadow:114px -107.3333333333px #80f,212px -166.3333333333px #a600ff,197px -6.3333333333px #ff006a,179px -329.3333333333px #30f,-167px -262.3333333333px #ff0062,233px 65.6666666667px #ff008c,81px 42.6666666667px #0051ff,-13px 54.6666666667px #00ff2b,-60px -183.3333333333px #0900ff,127px -259.3333333333px #ff00e6,117px -122.3333333333px #00b7ff,95px 20.6666666667px #ff8000,115px 1.6666666667px #0004ff,-160px -328.3333333333px #00ff40,69px -242.3333333333px #000dff,-208px -230.3333333333px #ff0400,30px -15.3333333333px #e6ff00,235px -15.3333333333px #fb00ff,80px -232.3333333333px #d5ff00,175px -173.3333333333px #00ff3c,-187px -176.3333333333px #af0,4px 26.6666666667px #ff6f00,227px -106.3333333333px #f09,119px 17.6666666667px #00ffd5,-102px 4.6666666667px #f08,-16px -4.3333333333px #00fff7,-201px -310.3333333333px #0fd,64px -181.3333333333px #f700ff,-234px -15.3333333333px #00fffb,-184px -263.3333333333px #a0f,96px -303.3333333333px #0037ff,-139px 10.6666666667px #0026ff,25px -205.3333333333px #00ff2b,-129px -322.3333333333px #40ff00,-235px -187.3333333333px #26ff00,-136px -237.3333333333px #0091ff,-82px -321.3333333333px #6a00ff,7px -267.3333333333px #ff00c8,-155px 30.6666666667px #0059ff,-85px -73.3333333333px #6a00ff,60px -199.3333333333px #5f0,-9px -289.3333333333px #0fa,-208px -167.3333333333px #00ff80,-13px -299.3333333333px #ff0004,179px -164.3333333333px #f04,-112px 12.6666666667px #0051ff,-209px -125.3333333333px #f0b,14px -101.3333333333px #00ff95,-184px -292.3333333333px #f09,-26px -168.3333333333px #09ff00,129px -67.3333333333px #0084ff,-17px -23.3333333333px #0059ff,129px 34.6666666667px #7300ff,35px -24.3333333333px #ffd900,-12px -297.3333333333px #ff8400,129px -156.3333333333px #0dff00,157px -29.3333333333px #1a00ff,-221px 6.6666666667px #ff0062,0 -311.3333333333px #ff006a,155px 50.6666666667px #0fa,-71px -318.3333333333px #0073ff}}.information-bubble{margin-left:20px}#status-online{color:green}#status-offline{color:red}.form input{padding:10px;width:230px;border-radius:15px}.pic{width:4rem;height:4rem;background-size:cover;background-position:50%;border-radius:50%}.contact{position:relative;margin-bottom:1rem;padding-left:5rem;height:4.5rem;display:flex;flex-direction:column;justify-content:center}.contact .pic{position:absolute;left:0}.contact .name{font-weight:500;margin-bottom:.125rem}.contact .message,.contact .seen{font-size:.9rem;color:#999}.chat{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:24rem;height:38rem;z-index:2;box-sizing:border-box;border-radius:1rem;background:#fff;box-shadow:0 0 8rem 0 rgba(0,0,0,.1),0 2rem 4rem -3rem rgba(0,0,0,.5)}.chat .contact.bar{flex-basis:3.5rem;flex-shrink:0;margin:1rem;box-sizing:border-box}.chat .messages{padding:1rem;background:#f7f7f7;flex-shrink:2;overflow-y:auto;min-height:420px;box-shadow:inset 0 2rem 2rem -2rem rgba(0,0,0,.05),inset 0 -2rem 2rem -2rem rgba(0,0,0,.05)}.chat .messages .time{font-size:.8rem;background:#eee;padding:.25rem 1rem;border-radius:2rem;color:#999;margin:0 auto}.chat .messages .message,.chat .messages .time{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chat .messages .message{box-sizing:border-box;padding:.5rem 1rem;margin:1rem;background:#fff;border-radius:1.125rem 1.125rem 1.125rem 0;min-height:2.25rem;max-width:66%;box-shadow:0 0 2rem rgba(0,0,0,.075),0 1rem 1rem -1rem rgba(0,0,0,.1)}.chat .messages .message.incoming{margin:1rem 1rem 1rem auto;border-radius:1.125rem 1.125rem 0 1.125rem;background:#333;color:#fff}.chat .messages .message .typing{display:inline-block;width:.8rem;height:.8rem;margin-right:0;box-sizing:border-box;background:#ccc;border-radius:50%}.chat .messages .message .typing.typing-1{-webkit-animation:typing 3s infinite;animation:typing 3s infinite}.chat .messages .message .typing.typing-2{-webkit-animation:typing 3s .25s infinite;animation:typing 3s .25s infinite}.chat .messages .message .typing.typing-3{-webkit-animation:typing 3s .5s infinite;animation:typing 3s .5s infinite}.chat .input{box-sizing:border-box;flex-basis:4rem;flex-shrink:0;display:flex;align-items:center;padding:0 .5rem 0 1.5rem}.chat .input i{font-size:1.5rem;margin-right:1rem;color:#666;cursor:pointer;transition:color .2s}.chat .input i:hover{color:#333}.chat .input input{border:none;background-image:none;background-color:#fff;padding:.5rem 1rem;margin-right:1rem;border-radius:1.125rem;flex-grow:2;box-shadow:0 0 1rem rgba(0,0,0,.1),0 1rem 1rem -1rem rgba(0,0,0,.2);font-family:Red hat Display,sans-serif;font-weight:400;letter-spacing:.025em}.chat .input input:placeholder{color:#999}@-webkit-keyframes typing{0%,75%,to{transform:translateY(.25rem) scale(.9);opacity:.5}25%{transform:translateY(-.25rem) scale(1);opacity:1}}@keyframes typing{0%,75%,to{transform:translateY(.25rem) scale(.9);opacity:.5}25%{transform:translateY(-.25rem) scale(1);opacity:1}}.bell{border:2.17px solid #000;border-radius:10px 10px 0 0;width:15px;height:17px;background:transparent;display:block;position:relative;top:-3px}.bell:after,.bell:before{content:"";background:#000;display:block;position:absolute;left:50%;transform:translateX(-50%);height:2.17px}.bell:before{top:100%;width:20px}.bell:after{top:calc(100% + 4px);width:7px}.notification{background:transparent;border:none;padding:1px 6px;border-radius:50px;cursor:pointer;transition:.3s;position:relative;display:flex;align-items:center;justify-content:center}.notification:hover{background:hsla(0,0%,67%,.062)}.notification:hover>.bell-container{animation:bell-animation .65s ease-out 0s 1 normal both}@keyframes bell-animation{20%{transform:rotate(15deg)}40%{transform:rotate(-15deg);scale:1.1}60%{transform:rotate(10deg);scale:1.1}80%{transform:rotate(-10deg)}0%,to{transform:rotate(0deg)}}.btn-iniciar{cursor:pointer;background-color:#fff;padding:8px 25px;border:2px solid #f97316;border-radius:20px;position:relative;overflow:hidden;transition:.1s linear .1s}.btn-iniciar span{color:#f97316;font-weight:500;letter-spacing:2px;position:relative;z-index:2;transition:.2s linear .1s}.btn-iniciar:after{display:block;content:"";background-color:#f97316;width:300px;height:300px;border-radius:50%;position:absolute;top:100%;transform:translateX(-40%);transition:.2s linear .1s;z-index:1}.btn-iniciar:hover{box-shadow:0 0 20px #f97316}.btn-iniciar:hover:after{top:-50%}.btn-iniciar:hover span{color:#fff;letter-spacing:4px}