.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;max-width:max-content;border-radius:var(--border-radius-main);transition:all .2s ease;margin:15px auto auto;width:100%}.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}}