:root{--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;--fill-svg:#000}.dark{--dark-grey:#cfcfcf;--middle-grey:#767676;--lightest-grey:linear-gradient(#fafafa,#ebebeb);--shadow:0 5px 15px 0 gray;--shadow-active:0 5px 5px 0 grey;--border-radius-main:10px;--border-radius-icon:50px;--fill-svg:#fff}.like-dislike-container{text-align:center;cursor:default;color:var(--dark-grey);opacity:.9;border-radius:var(--border-radius-main);flex-direction:column;align-items:center;width:100%;max-width:max-content;margin:15px auto auto;padding:1.5rem;font-weight:600;transition:all .2s;display:flex;position:relative}.like-dislike-container .tool-box{border-radius:var(--border-radius-main);justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;position:absolute;top:0;right:0}.like-dislike-container .btn-close{text-align:center;color:#0000;cursor:pointer;border-radius:var(--border-radius-main);background-color:#ff000080;border:none;justify-content:center;align-items:center;width:.8rem;height:.8rem;font-size:0;transition:all .2s;display:flex}.like-dislike-container .btn-close:hover{color:#fff;width:1rem;height:1rem;box-shadow:var(--shadow-active);background-color:#f00c;font-size:1rem}.like-dislike-container .btn-close:active{color:#ffffffde;--shadow-btn-close:0 3px 3px 0 #00000026;width:.9rem;height:.9rem;box-shadow:var(--shadow-btn-close);font-size:.9rem}.like-dislike-container .text-content{cursor:default;margin-bottom:1rem;font-size:18px;line-height:1.6}.like-dislike-container .icons-box{display:flex}.like-dislike-container .icons{opacity:.6;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--middle-grey);border-radius:var(--border-radius-icon);justify-content:center;align-items:center;margin:0 .5rem;transition:all .2s;display:flex;position:relative}.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{cursor:pointer;justify-content:center;align-items:center;padding:0 .5rem;display:flex;position:relative}.like-dislike-container .like-text-content{border-right:.1rem solid var(--dark-grey);pointer-events:none;padding:0 .6rem 0 .5rem}.like-dislike-container .dislike-text-content{border-left:.1rem solid var(--dark-grey);pointer-events:none;padding:0 .5rem 0 .6rem}.like-dislike-container .icons .svgs{width:1.3rem;fill:var(--fill-svg);box-sizing:content-box;padding:10px;transition:all .2s}.like-dislike-container .icons .input-box{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.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:.7s ease-in-out both rotate-icon-like}.like-dislike-container .icons #like-checkbox:checked~#icon-like-regular{animation:.5s checked-icon-like;display:none}.like-dislike-container .icons #like-checkbox:checked~#icon-like-solid{animation:.5s checked-icon-like;display:block}.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:.7s ease-in-out both rotate-icon-dislike}.like-dislike-container .icons #dislike-checkbox:checked~#icon-dislike-regular{animation:.5s checked-icon-dislike;display:none}.like-dislike-container .icons #dislike-checkbox:checked~#icon-dislike-solid{animation:.5s checked-icon-dislike;display:block}.like-dislike-container .icons .fireworks{transform:scale(.4)}.like-dislike-container .icons #like-checkbox:checked~.fireworks>.checked-like-fx{border-radius:50%;width:10px;height:10px;animation:1.25s ease-out forwards fireworks-bang,1.25s ease-in forwards fireworks-gravity,6.25s linear forwards fireworks-position;position:absolute;right:40px;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}.like-dislike-container .icons #dislike-checkbox:checked~.fireworks>.checked-dislike-fx{border-radius:50%;width:10px;height:10px;animation:1.25s ease-out forwards fireworks-bang,1.25s ease-in forwards fireworks-gravity,6.25s linear forwards fireworks-position;position:absolute;left:40px;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}@keyframes rotate-icon-like{0%{transform:rotate(0)translate(0,0)}25%{transform:rotate(3deg)translate(0,0)}50%{transform:rotate(-3deg)translate(0,0)}75%{transform:rotate(1deg)translate(0,0)}to{transform:rotate(0)translate(0,0)}}@keyframes rotate-icon-dislike{0%{transform:rotate(180deg)translate(0,0)}25%{transform:rotate(183deg)translate(0,0)}50%{transform:rotate(177deg)translate(0,0)}75%{transform:rotate(181deg)translate(0,0)}to{transform:rotate(180deg)translate(0,0)}}@keyframes checked-icon-like{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)rotate(-10deg)}}@keyframes checked-icon-dislike{0%{opacity:0;transform:scale(0)rotate(180deg)}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{opacity:0;transform:translateY(200px)}}@keyframes fireworks-bang{to{box-shadow:114px -107.333px #80f,212px -166.333px #a600ff,197px -6.33333px #ff006a,179px -329.333px #30f,-167px -262.333px #ff0062,233px 65.6667px #ff008c,81px 42.6667px #0051ff,-13px 54.6667px #00ff2b,-60px -183.333px #0900ff,127px -259.333px #ff00e6,117px -122.333px #00b7ff,95px 20.6667px #ff8000,115px 1.66667px #0004ff,-160px -328.333px #00ff40,69px -242.333px #000dff,-208px -230.333px #ff0400,30px -15.3333px #e6ff00,235px -15.3333px #fb00ff,80px -232.333px #d5ff00,175px -173.333px #00ff3c,-187px -176.333px #af0,4px 26.6667px #ff6f00,227px -106.333px #f09,119px 17.6667px #00ffd5,-102px 4.66667px #f08,-16px -4.33333px #00fff7,-201px -310.333px #0fd,64px -181.333px #f700ff,-234px -15.3333px #00fffb,-184px -263.333px #a0f,96px -303.333px #0037ff,-139px 10.6667px #0026ff,25px -205.333px #00ff2b,-129px -322.333px #40ff00,-235px -187.333px #26ff00,-136px -237.333px #0091ff,-82px -321.333px #6a00ff,7px -267.333px #ff00c8,-155px 30.6667px #0059ff,-85px -73.3333px #6a00ff,60px -199.333px #5f0,-9px -289.333px #0fa,-208px -167.333px #00ff80,-13px -299.333px #ff0004,179px -164.333px #f04,-112px 12.6667px #0051ff,-209px -125.333px #f0b,14px -101.333px #00ff95,-184px -292.333px #f09,-26px -168.333px #09ff00,129px -67.3333px #0084ff,-17px -23.3333px #0059ff,129px 34.6667px #7300ff,35px -24.3333px #ffd900,-12px -297.333px #ff8400,129px -156.333px #0dff00,157px -29.3333px #1a00ff,-221px 6.66667px #ff0062,0 -311.333px #ff006a,155px 50.6667px #0fa,-71px -318.333px #0073ff}}