.battle-details-modal__cases-list[data-v-28e5b785]{display:grid;grid-template-columns:repeat(auto-fill,188px);justify-content:center;grid-gap:10px;padding:0 20px 125px}@media screen and (max-width:767px){.battle-details-modal__cases-list[data-v-28e5b785]{grid-template-columns:repeat(auto-fill,148px);grid-gap:5px;padding:0 10px 100px}}.battle-details-modal__battle-case-block[data-v-28e5b785]{position:relative}.battle-details-modal__battle-case-block:hover .hover-block[data-v-28e5b785]{opacity:1;visibility:visible}.battle-details-modal__battle-case-block .hover-block[data-v-28e5b785]{align-items:center;background-color:#151327b3;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;visibility:hidden;width:100%;z-index:3}.battle-details-modal__empty-case[data-v-28e5b785]{background:#171528;border-radius:4px;height:237px}@media screen and (max-width:767px){.battle-details-modal__empty-case[data-v-28e5b785]{height:187px}}.battle-details-modal .favorite-button-gray[data-v-7a1e759a]{height:17px;min-width:20px;width:20px}.battle-details-modal__buttons[data-v-7a1e759a]{align-items:center;bottom:60px;display:flex;justify-content:center;position:absolute;width:100%;z-index:11}@media screen and (max-width:767px){.battle-details-modal__buttons[data-v-7a1e759a]{bottom:45px;flex-direction:column}}.battle-details-modal__button[data-v-7a1e759a]{align-items:center;background-color:#28172d;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%,0 50%);color:#fff;cursor:pointer;display:inline-flex;font-size:17px;font-weight:700;height:62px;justify-content:center;min-width:272px;padding:0 15px;position:relative;text-transform:uppercase;transition:color .3s,background-color .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:unset}.battle-details-modal__button[data-v-7a1e759a]:before{background-color:transparent;clip-path:polygon(18px 0,0 50%,18px 100%,19px calc(100% - 1px),1px 50%,19px 1px,calc(100% - 19px) 1px,calc(100% - 1px) 50%,calc(100% - 19px) calc(100% - 1px),18px calc(100% - 1px),18px 100%,calc(100% - 18px) 100%,100% 50%,calc(100% - 18px) 0);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.battle-details-modal__button.disabled[data-v-7a1e759a],.battle-details-modal__button[data-v-7a1e759a]:disabled{opacity:.5;pointer-events:none}.battle-details-modal__button[data-v-7a1e759a]:hover{background-color:#532140}.battle-details-modal__button[data-v-7a1e759a]:active{background-color:#27182c;transition:none}@media screen and (max-width:1023px){.battle-details-modal__button[data-v-7a1e759a]{clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,11px 100%,0 50%);font-size:11px;height:38px;min-width:200px;width:unset}.battle-details-modal__button[data-v-7a1e759a]:before{clip-path:polygon(11px 0,0 50%,11px 100%,12px calc(100% - 1px),1px 50%,12px 1px,calc(100% - 12px) 1px,calc(100% - 1px) 50%,calc(100% - 12px) calc(100% - 1px),11px calc(100% - 1px),11px 100%,calc(100% - 11px) 100%,100% 50%,calc(100% - 11px) 0)}}@media screen and (min-width:unset){.battle-details-modal__button[data-v-7a1e759a]{clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,11px 100%,0 50%);font-size:11px;height:38px;min-width:200px;width:unset}.battle-details-modal__button[data-v-7a1e759a]:before{clip-path:polygon(11px 0,0 50%,11px 100%,12px calc(100% - 1px),1px 50%,12px 1px,calc(100% - 12px) 1px,calc(100% - 1px) 50%,calc(100% - 12px) calc(100% - 1px),11px calc(100% - 1px),11px 100%,calc(100% - 11px) 100%,100% 50%,calc(100% - 11px) 0)}}.battle-details-modal__button.ok-button[data-v-7a1e759a]{background:#5c49d0}.battle-details-modal__button.ok-button[data-v-7a1e759a]:hover{background:#8875fb}.battle-details-modal__button.add-to-templates-button[data-v-7a1e759a],.battle-details-modal__button.watch-battle-button[data-v-7a1e759a]{background:#1c1a31}.battle-details-modal__button.add-to-templates-button[data-v-7a1e759a]:hover,.battle-details-modal__button.watch-battle-button[data-v-7a1e759a]:hover{background:#201d37}.battle-details-modal__button.add-to-templates-button[data-v-7a1e759a]:active,.battle-details-modal__button.watch-battle-button[data-v-7a1e759a]:active{background:#19172d;transition:none}.battle-details-modal__button.add-to-templates-button .eye-icon[data-v-7a1e759a],.battle-details-modal__button.watch-battle-button .eye-icon[data-v-7a1e759a]{background-color:#494767;height:20px;margin-right:8px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 3C5.455 3 1.573 5.903 0 10c1.573 4.097 5.455 7 10 7 4.546 0 8.427-2.903 10-7-1.573-4.097-5.454-7-10-7m0 11.667c-2.51 0-4.545-2.091-4.545-4.667S7.49 5.333 10 5.333 14.546 7.424 14.546 10 12.509 14.667 10 14.667M10 7.2c-1.51 0-2.727 1.25-2.727 2.8S8.49 12.8 10 12.8c1.51 0 2.727-1.25 2.727-2.8S11.51 7.2 10 7.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 3C5.455 3 1.573 5.903 0 10c1.573 4.097 5.455 7 10 7 4.546 0 8.427-2.903 10-7-1.573-4.097-5.454-7-10-7m0 11.667c-2.51 0-4.545-2.091-4.545-4.667S7.49 5.333 10 5.333 14.546 7.424 14.546 10 12.509 14.667 10 14.667M10 7.2c-1.51 0-2.727 1.25-2.727 2.8S8.49 12.8 10 12.8c1.51 0 2.727-1.25 2.727-2.8S11.51 7.2 10 7.2'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;width:20px}.battle-details-modal__button.add-to-templates-button[data-v-7a1e759a]{margin-right:10px}@media screen and (max-width:767px){.battle-details-modal__button.add-to-templates-button[data-v-7a1e759a]{margin-bottom:10px;margin-right:0}}.battle-details-modal__button.add-to-templates-button .heart-image[data-v-7a1e759a]{margin-right:10px}.battle-details-modal__button.join-battle-button[data-v-7a1e759a]{margin-left:10px;width:unset}@media screen and (max-width:767px){.battle-details-modal__button.join-battle-button[data-v-7a1e759a]{margin-left:0;margin-top:10px}}.battle-details-modal__button.join-battle-button.default-mode[data-v-7a1e759a]:before{background:#cf3464}.battle-details-modal__button.join-battle-button.crazy-mode[data-v-7a1e759a]:before{background:#13d761}.battle-details-modal__button.join-battle-button.sharing-mode[data-v-7a1e759a]:before{background:#66b5ba}.battle-details-modal[data-v-b11c6b3d]{background-color:#141225;height:90vh;max-height:827px;max-width:1120px;overflow:hidden;position:relative;width:90vw}.battle-details-modal__header[data-v-b11c6b3d]{padding:0 70px}@media screen and (max-width:1023px){.battle-details-modal__header[data-v-b11c6b3d]{padding:0 40px}}@media screen and (max-width:767px){.battle-details-modal__header[data-v-b11c6b3d]{padding:0 20px}}.battle-details-modal__header-info[data-v-b11c6b3d]{align-items:center;border-bottom:1px solid #1d1a32;display:flex;height:125px;justify-content:space-between}@media screen and (max-width:767px){.battle-details-modal__header-info[data-v-b11c6b3d]{align-items:flex-end;height:83px;padding-bottom:13px}}.battle-details-modal__bottom-block[data-v-b11c6b3d]{height:calc(100% - 125px);padding-top:25px}@media screen and (max-width:767px){.battle-details-modal__bottom-block[data-v-b11c6b3d]{height:calc(100% - 83px);padding-top:15px}}.battle-details-modal__scroller[data-v-b11c6b3d]{height:100%;overflow-y:auto}.battle-details-modal__gradient[data-v-b11c6b3d]{background:linear-gradient(180deg,#0a0a0a00 0,#0f0e1a);bottom:0;height:140px;pointer-events:none;position:absolute;width:100%;z-index:10}.battle-details-modal__battle-started-text[data-v-b11c6b3d]{align-items:center;bottom:20px;color:#f14a68;display:flex;font-size:14px;justify-content:center;position:absolute;width:100%;z-index:11}.battle-details-modal__battle-started-text .exclaim-icon[data-v-b11c6b3d]{background-color:#f14a68;display:inline-block;height:20px;margin-right:8px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;transform:rotate(180deg);width:20px}.modal-close-button[data-v-b11c6b3d]{padding:10px;right:5px;top:5px}@media screen and (max-width:767px){.modal-close-button[data-v-b11c6b3d]{top:3px}}