@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-PRO-DISPLAY/SFProDisplayRegularItalic.eot");
  src: local("SF Pro Display Regular"), local("SFProDisplayRegularItalic"), url("/assets/fonts/SF-PRO-DISPLAY/SFProDisplayRegularItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/SF-PRO-DISPLAY/SFProDisplayRegularItalic.woff2") format("woff2"), url("/assets/fonts/SF-PRO-DISPLAY/SFProDisplayRegularItalic.woff") format("woff"), url("/assets/fonts/SF-PRO-DISPLAY/SFProDisplayRegularItalic.ttf") format("truetype"), url("/assets/fonts/SF-PRO-DISPLAY/SFProDisplayRegularItalic.OTF");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-PRO-DISPLAY/SFProDisplay-Bold.eot");
  src: local("SF Pro Display Bold"), local("SFProDisplay-Bold"), url("/assets/fonts/SF-PRO-DISPLAY/SFProDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/SF-PRO-DISPLAY/SFProDisplay-Bold.woff2") format("woff2"), url("/assets/fonts/SF-PRO-DISPLAY/SFProDisplay-Bold.woff") format("woff"), url("/assets/fonts/SF-PRO-DISPLAY/SFProDisplay-Bold.ttf") format("truetype"), url("/assets/fonts/SF-PRO-DISPLAY/SFPRODISPLAYBOLD.OTF");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-PRO-DISPLAY/sf_pro_display_semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-PRO-DISPLAY/sf_pro_display_medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-PRO-DISPLAY/sf_pro_display_regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("/assets/fonts/SF-PRO-TEXT/SFProText-Bold.eot");
  src: local("SF Pro Text Bold"), local("SFProText-Bold"), url("/assets/fonts/SF-PRO-TEXT/SFProText-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/SF-PRO-TEXT/SFProText-Bold.woff2") format("woff2"), url("/assets/fonts/SF-PRO-TEXT/SFProText-Bold.woff") format("woff"), url("/assets/fonts/SF-PRO-TEXT/SFProText-Bold.ttf") format("truetype"), url("/assets/fonts/SF-PRO-TEXT/SF-Pro-Text-Bold.otf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("/assets/fonts/SF-PRO-TEXT/SFProText-Semibold.eot");
  src: local("SF Pro Text Semi"), local("SFProText-Semibold"), url("/assets/fonts/SF-PRO-TEXT/SFProText-Semibold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/SF-PRO-TEXT/SFProText-Semibold.woff2") format("woff2"), url("/assets/fonts/SF-PRO-TEXT/SFProText-Semibold.woff") format("woff"), url("/assets/fonts/SF-PRO-TEXT/SFProText-Semibold.ttf") format("truetype"), url("/assets/fonts/SF-PRO-TEXT/SF-Pro-Text-Semibold.otf");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("/assets/fonts/SF-PRO-TEXT/SFProText-Medium.eot");
  src: local("SF Pro Text Medium"), local("SFProText-Medium"), url("/assets/fonts/SF-PRO-TEXT/SFProText-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/SF-PRO-TEXT/SFProText-Medium.woff2") format("woff2"), url("/assets/fonts/SF-PRO-TEXT/SFProText-Medium.woff") format("woff"), url("/assets/fonts/SF-PRO-TEXT/SFProText-Medium.ttf") format("truetype"), url("/assets/fonts/SF-PRO-TEXT/SF-Pro-Text-Medium.otf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("/assets/fonts/SF-PRO-TEXT/SFProText-Regular.eot");
  src: local("SF Pro Text"), local("SFProText-Regular"), url("/assets/fonts/SF-PRO-TEXT/SFProText-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/SF-PRO-TEXT/SFProText-Regular.woff2") format("woff2"), url("/assets/fonts/SF-PRO-TEXT/SFProText-Regular.woff") format("woff"), url("/assets/fonts/SF-PRO-TEXT/SFProText-Regular.ttf") format("truetype"), url("/assets/fonts/SF-PRO-TEXT/SF-Pro-Text-Regular.otf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("/assets/fonts/SF-PRO-TEXT/SFProText-RegularItalic.eot");
  src: local("SF Pro Text Italic"), local("SFProText-RegularItalic"), url("/assets/fonts/SF-PRO-TEXT/SFProText-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/SF-PRO-TEXT/SFProText-RegularItalic.woff2") format("woff2"), url("/assets/fonts/SF-PRO-TEXT/SFProText-RegularItalic.woff") format("woff"), url("/assets/fonts/SF-PRO-TEXT/SFProText-RegularItalic.ttf") format("truetype"), url("/assets/fonts/SF-PRO-TEXT/SF-Pro-Text-RegularItalic.otf");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("/assets/fonts/SF-PRO-TEXT/sf_pro_text_light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/ROBOTO/roboto_regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/INTER/Inter-Regular.eot");
  src: local("Inter"), local("Inter-Regular"), url("/assets/fonts/INTER/Inter-Regular.woff2") format("woff2"), url("/assets/fonts/INTER/Inter-Regular.woff") format("woff"), url("/assets/fonts/INTER/Inter-Regular.ttf") format("truetype"), url("/assets/fonts/INTER/Inter-Regular.otf");
  font-weight: 400;
  font-display: swap;
}

html {
  font-family: "SF Pro Display", sans-serif;
  font-size: 5vw;
  min-height: 100%;

  --ta-actor-card-circle-opacity: 0.4;
  --ta-actor-card-circle-filter: blur(1.86915625rem);
  --ta-actor-card-circle-bg: #BFDBFF;
  --ta-actor-card-desc-bg: rgba(255, 255, 255, 0.82);
  --ta-actor-card-desc-filter: blur(1.3888875rem);
  --ta-actor-card-desc-border: 1.66666875rem;
  --ta-actor-card-desc-title: #0C2137;
  --ta-actor-card-desc-list: #0C2137;
  --ta-actor-card-desc-text: #0C2137;
  --ta-input-file-bg: rgba(255, 255, 255, 0.5);
  --ta-input-file-btn-bg: #ffffff;
  --ta-input-file-label-bg: #0C2137;
  --ta-input-file-label-icon: url("data:image/svg+xml,%3Csvg width='14' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.5' d='M2.567 11.445h9.53c1.24 0 1.902-.662 1.902-1.9V2.677c0-1.238-.662-1.9-1.902-1.9h-9.53c-1.24 0-1.901.656-1.901 1.9v6.866c0 1.245.662 1.9 1.901 1.9Zm-.65-8.637c0-.52.263-.769.757-.769h9.317c.488 0 .757.25.757.77v5.774L10.09 6.072a1.255 1.255 0 0 0-.835-.34c-.309 0-.584.108-.842.334l-2.53 2.28-1.032-.94c-.235-.209-.493-.322-.757-.322s-.488.108-.724.317L1.917 8.707V2.808Zm3.22 3.445a1.37 1.37 0 0 0 1.357-1.375c0-.752-.612-1.38-1.358-1.38-.751 0-1.363.628-1.363 1.38a1.37 1.37 0 0 0 1.363 1.375Z' fill='%230C2137'/%3E%3C/svg%3E");
  --ta-question-box-bg-color: #FFFFFF;
  --ta-question-box-bg-image: none;
  --ta-question-box-circle: #FFFFFF;
  --ta-question-box-wrapper-bg: rgba(255, 255, 255, 0.72);
  --ta-question-box-wrapper-filter: blur(0.23376rem);
  --ta-question-box-wrapper-content-bg: rgba(0, 122, 255, 0.07);
  --ta-question-box-wrapper-content-filter: blur(2.222225rem);
  --ta-question-box-title: #0C2137;
  --ta-question-box-btn-bg: rgba(0, 122, 255, 0.05);
  --ta-question-box-btn-primary-bg: #007AFF;
  --ta-scan-result: #0C2137;
  --ta-search-result-card-border: #E0E0E0;
  --ta-search-result-card-title: #0C2137;
  --ta-search-result-card-archive-title: #0C2137;
  --ta-search-result-card-header-border: #E0E0E0;
  --ta-select-images-title: #0C2137;
  --ta-select-images-item-border: #e6effa;
  --ta-sm-actors-title: #0C2137;
  --ta-sm-actors-card-title: #0C2137;
  --ta-sm-actors-card-hint: #0C2137;
  --ta-sm-chart-grid-title: #0C2137;
  --ta-sm-chart-grid-img: url("data:image/svg+xml,%3Csvg width='10' height='13' fill='%230C2137' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.163.603c-.127.09-.152.146-.188.424A3.977 3.977 0 0 1 3.06 3.13c-.198.234-.363.382-.771.697A4.608 4.608 0 0 0 .455 7.208c-.084 1.073.26 2.24.921 3.132.142.191.51.579.705.74a4.375 4.375 0 0 0 3.226 1.01c1.175-.118 2.232-.696 2.996-1.637A4.649 4.649 0 0 0 9.32 7.216C9.234 6.142 8.863 5.25 8.17 4.453c-.21-.242-.277-.288-.413-.288-.153 0-.224.063-.392.352-.14.24-.385.585-.476.669-.042.038-.042.036-.023-.136a5.57 5.57 0 0 0-.047-1.134 4.627 4.627 0 0 0-1.175-2.412A4.114 4.114 0 0 0 4.896.85C4.465.553 4.309.501 4.163.603Z'/%3E%3C/svg%3E");
  --ta-sm-grid-title: #0C2137;
  --ta-sm-grid-card-title: #0C2137;
  --ta-sm-reviews-title: #0C2137;
  --ta-sm-reviews-card-border: #E6EFFA;
  --ta-sm-reviews-card-name: #0C2137;
  --ta-sm-reviews-card-text: #0C2137;
  --ta-sm-variants-title: #0C2137;
  --ta-sm-variants-card-img: linear-gradient(#ffffff, #007AFF);
  --ta-sm-variants-card-shadow: 0 0.21875rem 0.5625rem rgba(12, 33, 55, 0.15);
  --ta-sm-variants-card-title: #0C2137;
  --ta-search-desc-page-bg: none;
  --ta-search-desc-page-border: #e6effa;
  --ta-search-desc-page-filter: none;
  --ta-search-desc-page-color: #0C2137;
  --ta-search-page-hint: #0C2137;
  --ta-transfer-page-footer: #F5F5F5;
  --ta-transfer-page-footer-links: #0C2137;
  --ta-transfer-page-footer-tooltip-bg: #1C1C1E;
  --ta-transfer-page-footer-tooltip-color: #ffffff;
  --ta-transfer-page-footer-tooltip-before: #1C1C1E;
  --ta-transfer-page-footer-tooltip-after: url("/assets/images/yandex.svg");
  --ta-transfer-page-header-bg: rgba(245, 245, 245, 0.8);
  --ta-transfer-page-header-border: none;
  --ta-transfer-page-header-filter: blur(0.93458125rem);
  --ta-transfer-page-movie: #0C2137;
  --ta-loading-text-color: #1C1C1C;
  --ta-loading-icon-bg: rgba(0, 122, 255, 0.3);
  --ta-loading-bottomsheet-text-color: #1C1C1C;
  --ta-skill-page-bg: #F7F7F7;
  --ta-skill-page-color: #0C2137;
  --ta-skill-grid-item-bg: rgba(255, 255, 255, 0.72);
  --ta-skill-button-bg: #1D3140;
  --ta-skill-button-color: #FFFFFF;
  --ta-skill-card-bg: rgba(255, 255, 255, 0.76);
  --ta-skill-card-border: #D9D9D9;
  --ta-skill-card-desc-title: inherit;
  --ta-skill-card-desc-bg: rgba(255, 255, 255, 0.82);
  --ta-skill-card-desc-border: #D9D9D9;
  --ta-skill-card-desc-text: #000000;
  --ta-skill-card-action-arrow: url("data:image/svg+xml,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5 1 6.646 6.646a.5.5 0 0 1 0 .708L5 15' stroke='%23818C97' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  --ta-skill-card-action-bg: #FFFFFF;
  --ta-skill-card-action-border: #C6C6C8;
  --ta-skill-card-action-divider: #C6C6C8;
  --ta-skill-card-action-desc-color: #818C97;
  --ta-skill-card-action-img-bg: #E6EFFA;
  --ta-skill-card-action-img-color: #28303F;
  --ta-skill-info-title: inherit;
  --ta-skill-info-bg: rgba(255, 255, 255, 0.82);
  --ta-skill-info-border: #D9D9D9;
  --ta-skill-info-divider: rgba(217, 217, 217, 0.7);
  --ta-skill-slider-bg: rgba(255, 255, 255, 0.89);
  --ta-skill-slider-border: #C6C6C8;
  --ta-skill-modal-bg: rgba(255, 255, 255, 0.94);
  --ta-skill-modal-border: rgba(217, 217, 217, 0.9);
  --ta-skill-modal-title-b-color: rgba(12, 33, 55, 0.5);
  --ta-price-bg: #ffffff;
  --ta-price-modal-bg: #fbfbfb;
  --ta-price-border: linear-gradient(to right, #CC13AB, #1856EB);
  --ta-price-color: linear-gradient(90deg, #1856EB, #CC13AB);
  --ta-check: #747479;

  --ta-main-page-header-border: #F2F2F2;
  --ta-main-page-header-color: inherit;
  --ta-main-page-header-label: #F7F7F7;

  --ta-movie-list-border: #C6C6C8;
  --ta-movie-list-header-bg: rgba(243, 244, 244, 0.7);
  --ta-movie-list-header-loading: #000000;
  --ta-movie-list-num-color: inherit;
  --ta-movie-list-body-bg: none;
  --ta-movie-list-button-color: #0079FC;
  --ta-movie-list-button-bg: #F7F7F7;
  --ta-movie-list-item-border: #C6C6C8;
  --ta-more-btn-bg: #F7F7F7;
  --ta-more-btn-border: #D9D9D9;
  --ta-more-btn-loading-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 24 24'%3E%3Cpath fill='%23add1f9' d='M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z'/%3E%3Cpath fill='%23007AFF' d='M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z'%3E%3CanimateTransform attributeName='transform' dur='1s' from='0 12 12' repeatCount='indefinite' to='360 12 12' type='rotate'/%3E%3C/path%3E%3C/svg%3E");
}

html.dark {
  --main-background: #1c1c1c;
  --app-list-background: rgba(28, 28, 28, 1);
  --settings-background: rgba(28, 28, 28, 1);
  --background: rgba(34, 34, 34, 0.72);
  --background-user-card: rgba(34, 34, 34, 0.72);
  --menu-background: rgba(34, 34, 34, 0.72);
  --username-background: rgba(255, 255, 255, 1);
  --username-text: rgba(34, 34, 34, 1);
  --profile-icon-background: #2d2d2d;
  --profile-icon-border-from: rgb(55, 55, 55);
  --profile-icon-border-to: #2d2d2d;
  --chart-background: #2d2d2d;
  --chart-border-from: rgb(54, 54, 55);
  --chart-border-to: rgba(255, 255, 255, 0);
  --text: #e0e0e0;
  --search-text: #e0e0e0;
  --search-option-bg: rgba(34, 34, 34, 0.5);
  --search-additional-text: rgba(224, 224, 224, 0.5);
  --search-border: rgba(62, 67, 72, 1);
  --search-icon-background: rgba(63, 63, 63, 1);
  --search-toggler-background: rgba(120, 120, 128, 0.4);
  --border-primary-from: rgba(230, 239, 250, 0.1);
  --border-primary-to: rgba(230, 239, 250, 0.1);
  --border-secondary-from: rgba(230, 239, 250, 0.1);
  --border-secondary-to: rgba(230, 239, 250, 0.1);
  --trending-icon-color: url("/assets/icons/trending-dark.svg");
  --swiper-pagination-color: #e0e0e0;
  --popover-background-color: rgba(28, 28, 28, 0.8);
  --popover-border: 0.04673rem solid #333333;
  --rating-name-color: #e0e0e0;
  --rating-border: 0.04673rem solid #333333;
  --rating-box-shadow: 0rem 0.18692rem 0.18692rem rgba(51, 51, 51, 0.3);
  --divider: url("/assets/icons/divider-dark.svg");
  --chart-title-text-color: rgba(224, 224, 224, 1);
  --elipsis-color: none;
  --profile-edit-header: #ffffff;
  --profile-edit-background: #1c1c1c;
  --profile-edit-border: 0.05556rem solid rgba(230, 239, 250, 0.25);
  --profile-submit-button-disabled: #474545;
  --profile-submit-button-disabled-text: #939393;
  --copy-button: url("/assets/icons/copy-dark.svg");
  --history-bg: #1c1c1c;
  --history-card-background: #363738;
  --history-card-text: #e0e0e0;
  --history-card-border-red: 0.05556rem solid rgba(155, 155, 155, 0.1);
  --history-icon: url("/assets/icons/history-dark.svg");
  --history-placeholder-color: #e0e0e0;
  --history-placeholder-icon-color: #363738;
  --modal-bg: rgba(28, 28, 28, 0.9);
  --modal-text: #e0e0e0;
  --close-btn-color: rgba(224, 224, 224, 1);
  --documents-header: #e0e0e0;
  --documents-background: #1c1c1c;
  --close-btn-color: rgba(224, 224, 224, 1);
  --documents-modal-text: rgba(224, 224, 224, 0.5);
  --modal-border: 0.0125rem solid rgba(#D9D9D9, 0.3);
  --subscription-bg: #1c1c1c;
  --subscription-header-color: #e0e0e0;
  --subscription-btn-color: linear-gradient(103.07deg, rgba(230, 239, 250, 0.13) 0%, rgba(230, 239, 250, 0) 100%);
  --subscription-btn-border: 0.04678rem solid rgba(230, 239, 250, 0.1);
  --sbp-icon: url("/assets/icons/sbp-dark.svg");
  --subscription-special-border: 0.04673rem solid rgba(230, 239, 250, 0.1);
  --favorites-background: #1c1c1c;
  --favorites-header: #e0e0e0;
  --favorites-menu: url("/assets/icons/burg-dark.svg");
  --movie-background: rgba(28, 28, 28, 0.5);
  --movie-border: 0.04688rem solid rgba(62, 67, 72, 1);
  --share-icon-color: #ffffff;
  --tooltip-bg: #3f3f3f;
  --bill-bg: #1c1c1c;
  --bill-border-from: rgba(230, 239, 250, 0.1);
  --bill-border-to: rgba(230, 239, 250, 0.1);
  --bills-btn-bg: #363738;
  --bills-btn-text: #ffffff;
  --bills-date-text: #e0e0e0;
  --bills-heading-color: #e0e0e0;
  --bills-bg: #1c1c1c;
  --footer-color: #e0e0e0;
  --manage-sub-bg: #1c1c1c;
  --manage-sub-title: #e0e0e0;
  --manage-sub-text: #e0e0e0;
  --manage-sub-container: rgba(34, 34, 34);
  --manage-sub-border-from: rgba(230, 239, 250, 0.1);
  --manage-sub-border-to: rgba(230, 239, 250, 0.1);
  --tariff-change-icon: #e0e0e0;
  --blur-background-color: rgba(230, 239, 250, 0.1);
  --elipsis-modal-red: none;
  --elipsis-modal-blue: none;
  --okko-icon: url("/assets/icons/okko-dark.svg");
  --amediateka-icon: url("/assets/icons/amediateka-dark.svg");
  --warn-icon: url("/assets/icons/warn-dark.svg");
  --rating-bg: #222222;

  --ta-actor-card-circle-opacity: 0.51;
  --ta-actor-card-circle-filter: blur(2.10280625rem);
  --ta-actor-card-circle-bg: #3E4348;
  --ta-actor-card-desc-bg: rgba(28, 28, 28, 0.82);
  --ta-actor-card-desc-filter: blur(1.5625rem);
  --ta-actor-card-desc-border: #222222;
  --ta-actor-card-desc-title: #E0E0E0;
  --ta-actor-card-desc-list: #E0E0E0;
  --ta-actor-card-desc-text: #E0E0E0;
  --ta-input-file-bg: #1C1C1C;
  --ta-input-file-btn-bg: #1C1C1C;
  --ta-input-file-label-bg: #E0E0E0;
  --ta-input-file-label-icon: url("data:image/svg+xml,%3Csvg width='15' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.5' d='M2.14 12h10.72c1.395 0 2.14-.744 2.14-2.138V2.138C15 .744 14.255 0 12.86 0H2.14C.744 0 0 .738 0 2.138v7.724C0 11.262.745 12 2.14 12Zm-.733-9.716c0-.585.297-.865.852-.865h10.482c.549 0 .852.28.852.865V8.78l-2.991-2.825a1.412 1.412 0 0 0-.94-.381c-.348 0-.657.12-.947.375L5.869 8.513 4.708 7.457c-.265-.235-.556-.363-.852-.363-.297 0-.55.121-.814.357L1.407 8.92V2.283ZM5.03 6.16a1.54 1.54 0 0 0 1.528-1.546c0-.846-.688-1.553-1.528-1.553-.845 0-1.533.707-1.533 1.553 0 .853.688 1.546 1.533 1.546Z' fill='%23E0E0E0'/%3E%3C/svg%3E");
  --ta-question-box-bg-color: #1C1C1C;
  --ta-question-box-bg-image: linear-gradient(rgba(#E6EFFA, 0.05), rgba(#E6EFFA, 0));
  --ta-question-box-circle: #1C1C1C;
  --ta-question-box-wrapper-bg: rgba(28, 28, 28, 0.72);
  --ta-question-box-wrapper-filter: blur(0.26298rem);
  --ta-question-box-wrapper-content-bg: rgba(0, 122, 255, 0.07);
  --ta-question-box-wrapper-content-filter: blur(2.5rem);
  --ta-question-box-title: #E0E0E0;
  --ta-question-box-btn-bg: rgba(0, 122, 255, 0.1);
  --ta-scan-result: #E0E0E0;
  --ta-search-result-card-border: #f9f9f9;
  --ta-search-result-card-title: #8E8E8E;
  --ta-search-result-card-archive-title: #ffffff;
  --ta-search-result-card-header-border: #58595a;
  --ta-select-images-title: #E0E0E0;
  --ta-select-images-item-border: #3E4348;
  --ta-sm-actors-title: #E0E0E0;
  --ta-sm-actors-card-title: #E0E0E0;
  --ta-sm-actors-card-hint: #E0E0E0;
  --ta-sm-chart-grid-title: #E0E0E0;
  --ta-sm-chart-grid-img: url("data:image/svg+xml,%3Csvg width='10' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.186.054c-.144.1-.172.164-.212.477a4.474 4.474 0 0 1-1.03 2.366c-.224.263-.409.43-.868.784C.846 4.627.136 5.938.014 7.485c-.094 1.207.291 2.519 1.036 3.523.16.216.574.651.793.833a4.922 4.922 0 0 0 3.629 1.136c1.322-.133 2.51-.783 3.371-1.842a5.23 5.23 0 0 0 1.142-3.64c-.095-1.21-.512-2.214-1.292-3.11-.237-.272-.312-.324-.465-.324-.171 0-.251.072-.44.397-.158.27-.434.658-.536.752-.047.043-.047.04-.026-.153.032-.283.005-.936-.053-1.276a5.205 5.205 0 0 0-1.322-2.713A4.628 4.628 0 0 0 5.009.33c-.484-.333-.66-.392-.823-.277Z' fill='%23E0E0E0'/%3E%3C/svg%3E");
  --ta-sm-grid-title: #E0E0E0;
  --ta-sm-grid-card-title: #E0E0E0;
  --ta-sm-reviews-title: #E0E0E0;
  --ta-sm-reviews-card-border: rgba(230, 239, 250, 0.1);
  --ta-sm-reviews-card-name: #E0E0E0;
  --ta-sm-reviews-card-text: #E0E0E0;
  --ta-sm-variants-title: #E0E0E0;
  --ta-sm-variants-card-img: linear-gradient(#222222, #007AFF);
  --ta-sm-variants-card-shadow: 0 0.25rem 0.625rem rgba(12, 33, 55, 0.15);
  --ta-sm-variants-card-title: #E0E0E0;
  --ta-search-desc-page-bg: rgba(51, 51, 51, 0.5);
  --ta-search-desc-page-border: rgba(230, 239, 250, 0.1);
  --ta-search-desc-page-filter: blur(0.63115rem);
  --ta-search-desc-page-color: #E0E0E0;
  --ta-search-page-hint: #E0E0E0;
  --ta-transfer-page-footer: rgba(51, 51, 51, 0.8);
  --ta-transfer-page-footer-links: #E0E0E0;
  --ta-transfer-page-footer-tooltip-bg: #E0E0E0;
  --ta-transfer-page-footer-tooltip-color: #222222;
  --ta-transfer-page-footer-tooltip-before: #E0E0E0;
  --ta-transfer-page-footer-tooltip-after: url("/assets/images/dark-yandex.svg");
  --ta-transfer-page-header-bg: rgba(51, 51, 51, 0.8);
  --ta-transfer-page-header-border: 0.046729rem solid rgba(230, 239, 250, 0.1);
  --ta-transfer-page-header-filter: blur(0.93458125rem);
  --ta-transfer-page-movie: #E0E0E0;
  --ta-loading-text-color: #FFFFFF;
  --ta-loading-icon-bg: #E0E0E0;
  --ta-loading-bottomsheet-text-color: #FFFFFF;
  --ta-skill-page-bg: #000000;
  --ta-skill-page-color: #E0E0E0;
  --ta-skill-grid-item-bg: rgba(55, 55, 55, 0.72);
  --ta-skill-button-bg: #FFFFFF;
  --ta-skill-button-color: #3C3C3D;
  --ta-skill-card-bg: rgba(50, 50, 52, 0.76);
  --ta-skill-card-border: rgba(217, 217, 217, 0.3);
  --ta-skill-card-desc-title: #848484;
  --ta-skill-card-desc-bg: rgba(50, 50, 52, 0.82);
  --ta-skill-card-desc-border: rgba(217, 217, 217, 0.3);
  --ta-skill-card-desc-text: inherit;
  --ta-skill-card-action-arrow: url("data:image/svg+xml,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5 1 6.646 6.646a.5.5 0 0 1 0 .708L5 15' stroke='%23E0E0E0' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  --ta-skill-card-action-bg: rgba(50, 50, 52, 0.82);
  --ta-skill-card-action-border: rgba(217, 217, 217, 0.3);
  --ta-skill-card-action-divider: rgba(217, 217, 217, 0.4);
  --ta-skill-card-action-desc-color: rgba(224, 224, 224, 0.5);
  --ta-skill-card-action-img-bg: #3C3C3D;
  --ta-skill-card-action-img-color: #FFFFFF;
  --ta-skill-info-title: #848484;
  --ta-skill-info-bg: rgba(50, 50, 52, 0.82);
  --ta-skill-info-border: rgba(217, 217, 217, 0.3);
  --ta-skill-info-divider: rgba(217, 217, 217, 0.4);
  --ta-skill-slider-bg: rgba(50, 50, 52, 0.89);
  --ta-skill-slider-border: rgba(217, 217, 217, 0.4);
  --ta-skill-modal-bg: rgba(50, 50, 52, 0.94);
  --ta-skill-modal-border: rgba(217, 217, 217, 0.4);
  --ta-skill-modal-title-b-color: inherit;
  --ta-price-bg: rgb(38 38 39);
  --ta-price-modal-bg: #363638;
  --ta-price-border: linear-gradient(to right, #FF7BE7, #779FFF);
  --ta-price-color: linear-gradient(254.95deg, #779FFF, #FF7BE7);
  --ta-check: rgba(255, 255, 255, 0.5);

  --ta-main-page-header-border: #373737;
  --ta-main-page-header-color: #ffffff;
  --ta-main-page-header-label: #373737;

  --ta-movie-list-border: #262626;
  --ta-movie-list-header-bg: rgba(18, 18, 18, 0.7);
  --ta-movie-list-header-loading: inherit;
  --ta-movie-list-num-color: #F5FAFF;
  --ta-movie-list-body-bg: #000000;
  --ta-movie-list-button-color: #ffffff;
  --ta-movie-list-button-bg: #323234;
  --ta-movie-list-item-border: #323234;
  --ta-more-btn-bg: #323234;
  --ta-more-btn-border: rgba(50, 50, 52, 0);
  --ta-more-btn-loading-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 24 24'%3E%3Cpath fill='%23e0e0e0' d='M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z'/%3E%3Cpath fill='%23007AFF' d='M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z'%3E%3CanimateTransform attributeName='transform' dur='1s' from='0 12 12' repeatCount='indefinite' to='360 12 12' type='rotate'/%3E%3C/path%3E%3C/svg%3E");

  --open-movie-bg: #1c1c1c;
}

html.light {
    --main-background: #F3F4F4;
    --app-list-background: #F3F4F4;
    --settings-background: rgba(255, 255, 255, 1);
    --background: rgba(255, 255, 255, 0.72);
    --background-user-card: #FCFCFC;
    --menu-background: #fafafa;
    --username-background: rgba(34, 34, 34, 1);
    --username-text: rgba(255, 255, 255, 1);
    --profile-icon-background: #FCFCFC;
    --profile-icon-border-from: rgba(255, 255, 255, 1);
    --profile-icon-border-to: rgba(255, 255, 255, 1);
    --chart-background: rgba(255, 255, 255, 0.72);
    --chart-border-from: rgba(255, 255, 255, 1);
    --chart-border-to: rgba(255, 255, 255, 1);
    --text: #0c2137;
    --search-text: #000000;
    --search-option-bg: rgba(255, 255, 255, 0.5);
    --search-additional-text: rgba(0, 0, 0, 0.24);
    --search-border: rgba(230, 239, 250, 1);
    --search-icon-background: rgba(230, 239, 250, 0.46);
    --search-toggler-background: rgba(120, 120, 128, 0.16);
    --border-primary-from: rgba(255, 255, 255, 1);
    --border-primary-to: rgba(255, 255, 255, 1);
    --border-secondary-from: rgba(255, 255, 255, 1);
    --border-secondary-to: rgba(255, 255, 255, 1);
    --trending-icon-color: url("/assets/icons/trending-light.svg");
    --swiper-pagination-color: #0c2137;
    --popover-background-color: rgba(255, 255, 255, 0.8);
    --popover-border: 0.04673rem solid #e6effa;
    --rating-name-color: #0c2137;
    --rating-border: 0.04673rem solid #e6effa;
    --rating-box-shadow: 0rem 0.18692rem 0.18692rem #eff7ff;
    --divider: url("/assets/icons/divider-light.svg");
    --chart-title-text-color: rgba(0, 0, 0, 1);
    --elipsis-color: rgba(233, 234, 236, 0.66);
    --profile-edit-header: #000000;
    --profile-edit-background: #ffffff;
    --profile-edit-border: 0.05556rem solid rgba(54, 55, 56, 0.1);
    --profile-submit-button-disabled: #e9eaec;
    --profile-submit-button-disabled-text: #ffffff;
    --copy-button: url("/assets/icons/copy-light.svg");
    --history-bg: #ffffff;
    --history-card-background: #e6effa;
    --history-card-text: #222222;
    --history-card-border-red: 0.05556rem solid rgba(34, 34, 34, 0.1);
    --history-icon: url("/assets/icons/history-light.svg");
    --history-placeholder-color: #0c2137;
    --history-placeholder-icon-color: #e6effa;
    --modal-bg: rgba(255, 255, 255, 0.9);
    --modal-text: #0c2137;
    --close-btn-color: rgba(12, 33, 55, 0.4);
    --documents-header: #000000;
    --documents-background: #F3F4F4;
    --close-btn-color: rgba(12, 33, 55, 0.4);
    --documents-modal-text: #0c2137;
    --modal-border: 0.0125rem solid #D9D9D9;
    --subscription-bg: #ffffff;
    --subscription-header-color: #0c2137;
    --subscription-btn-color: linear-gradient(103.07deg, #e6effa 0%, rgba(230, 239, 250, 0) 100%);
    --subscription-btn-border: 0.04678rem solid #e6effa;
    --sbp-icon: url("/assets/icons/sbp-light.svg");
    --subscription-special-border: 0.04673rem solid #e6effa;
    --favorites-background: #ffffff;
    --favorites-header: #000000;
    --favorites-menu: url("/assets/icons/burg-light.svg");
    --movie-background: rgba(255, 255, 255, 0.5);
    --movie-border: 0.04688rem solid rgba(230, 239, 250, 1);
    --share-icon-color: #0c2137;
    --tooltip-bg: #fbfbfb;
    --bill-bg: rgba(255, 255, 255, 0.72);
    --bill-border-from: #FFFFFF;
    --bill-border-to: #FFFFFF;
    --bills-btn-bg: rgba(54, 55, 56, 0.5);
    --bills-btn-text: #ffffff;
    --bills-date-text: #000000;
    --bills-heading-color: #000000;
    --bills-bg: #F2F2F2;
    --footer-color: #000000;
    --manage-sub-bg: #F3F4F4;
    --manage-sub-title: #0c2137;
    --manage-sub-text: #0c2137;
    --manage-sub-container: #FCFCFC;
    --manage-sub-border-from: #FFFFFF;
    --manage-sub-border-to: #FFFFFF;
    --tariff-change-icon: #0c2137;
    --blur-background-color: rgba(12, 33, 55, 0.5);
    --elipsis-modal-red: rgba(255, 80, 80, 0.1);
    --elipsis-modal-blue: rgba(0, 122, 255, 0.07);
    --okko-icon: url("/assets/icons/okko-light.svg");
    --amediateka-icon: url("/assets/icons/amediateka-dark.svg");
    --warn-icon: url("/assets/icons/warn-light.svg");
    --rating-bg: #FFFFFF;

    --open-movie-bg: #F3F4F4;
}

html.ta-app {
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-x: hidden;
}

html.ta-app.dark {
  background-color: var(--main-background);
}

html.ta-app *,
html.ta-app *::before,
html.ta-app *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  word-break: break-word;
}

body {
  box-sizing: border-box;
  color: var(--text);
  width: 20rem;
  padding: 0;
  margin: 0;
  background-repeat: no-repeat;
  background-attachment: scroll;
  height: auto;
}

body.apps {
  background: var(--app-list-background);
  background-attachment: fixed;
  height: 100%;
  width: 20rem;
  margin: 0 auto;
  position: relative;
}

body.settings {
  background: var(--settings-background);
}

html.ta-app body {
  min-height: 100%;
  overflow-x: hidden;
}

html.ta-app body > div#app,
html.ta-app body > div#app > div {
  min-height: 100%;
}

@-webkit-keyframes selectIcon {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

@keyframes selectIcon {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes closeIcon {
    0% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes closeIcon {
    0% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.stop-scrolling {
    overflow: hidden;
}

.center {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    transition: filter;
    transition-duration: 800ms;
}

.center_blured {
    filter: blur(0.65713rem);
}

.elipsis {
    border-radius: 30%;
    background: var(--elipsis-color);
    filter: blur(1.86916rem);
    position: absolute;
    z-index: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.elipsis_left-top {
    width: 15.5rem;
    height: 19.83313rem;
    top: 0.5rem;
    right: 11rem;
}

.elipsis_right-top {
    width: 9.999rem;
    height: 7.2225rem;
    top: 1.55563rem;
    right: 0rem;
}

.elipsis_left-bottom {
    width: 15.5rem;
    height: 15.5rem;
    top: 20.875rem;
    left: -3.625rem;
}

.elipsis_hide {
    display: none;
}

.blur-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    background-color: var(--blur-background-color);
    transition-property: background-color;
    transition-duration: 800ms;
    display: none;
}

.blur-background_hide {
    background-color: transparent;
}

.popover {
    display: flex;
    position: relative;
    width: 13.66688rem;
    border-radius: 1.12149rem;
    z-index: 1110;
    background: var(--popover-background-color);
    border: var(--popover-border);
    opacity: 0;
    transition-property: opacity;
    transition-duration: 800ms;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    -webkit-backdrop-filter: blur(0.46729rem);
            backdrop-filter: blur(0.46729rem);
}

.popover_fading-in {
    opacity: 1;
}

.popover__rating {
    position: absolute;
    top: -0.75rem;
    left: 0.1875rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    background: var(--rating-bg);
    box-shadow: var(--rating-box-shadow);
    border-radius: 1.12149rem;
    border: var(--rating-border);
    padding: 0.28037rem 0.46729rem;
}

.popover_gap {
    margin-right: 0.075rem;
}

.popover_hide {
    display: none;
}

.rating-service {
    margin-right: 0.5475rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.rating-service:last-child {
    margin-right: 0;
}

.rating-service__rate {
    flex-grow: 0;
    flex-shrink: 0;
    font-family: "SF Pro Text", sans-serif;
    width: 1.44438rem;
    height: 0.88875rem;
    border-radius: 1.5rem;
    background: #1d7d2c;
    font-style: normal;
    font-weight: 600;
    font-size: 0.5625rem;
    line-height: 160%;
    letter-spacing: -0.02em;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
}

.rating-service__name {
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 0.18688rem;
    color: var(--rating-name-color);
    opacity: 0.5;
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.5625rem;
    line-height: 130%;
    text-align: center;
}

.popover-movie {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    padding: 1.12125rem;
}

.popover-movie__header {
    font-style: normal;
    font-weight: 700;
    font-size: 0.8125rem;
    line-height: 119%;
    color: var(--rating-name-color);
    margin-bottom: 0.37375rem;
}

.popover-movie__title {
    display: inline;
}

.popover-movie__year {
    opacity: 0.5;
}

.popover-movie__info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.37375rem;
}

.popover-movie__country {
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.5625rem;
    line-height: 130%;
    color: var(--text);
}

.popover-movie__divider {
    height: 0.11125rem;
    width: 0.11125rem;
    background: var(--divider);
    margin: 0rem 0.23375rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.popover-movie__duration {
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.5625rem;
    line-height: 130%;
    color: var(--text);
}

.popover-movie__genre {
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.5625rem;
    line-height: 130%;
    color: var(--text);
    opacity: 0.5;
    margin-bottom: 0.37375rem;
}

.popover-movie__actors {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.popover-movie__actors_gap {
    margin-right: 0.33313rem;
}

.movie-container {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    width: 3.9375rem;
    height: 3.9375rem;
    position: relative;
    overflow: visible;
    box-sizing: border-box;
    z-index: 0;
}

.movie-container__position {
    position: absolute;
    width: 2.2225rem;
    height: 1.7775rem;
    border-radius: 0.56075rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    font-family: "SF Pro Text", sans-serif;
    font-weight: 600;
    font-size: 0.55556rem;
    line-height: 100%;
    color: rgb(245, 250, 255);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.125rem;
    z-index: 1;
    transform: translateY(-40%);
}

.movie-container__position_first {
    background: linear-gradient(315.87deg, #039ce2 1.48%, #242cf0 47.66%, #ad1ce3 72.67%, #e40b7f 100%);
}

.movie-container__position_second {
    background: #163c66;
}

.movie-container__position_third {
    background: #7d8c9b;
}

.movie-container__position_star {
    background-image: url("/assets/icons/star.svg");
    width: 0.4375rem;
    height: 0.4375rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: end;
    position: relative;
    right: 0.0625rem;
    top: 0.0625rem;
}

.movie-icon {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    z-index: 2;
    box-sizing: border-box;
    width: 3.9375rem;
    height: 3.9375rem;
    box-shadow: 0.05556rem 0.22222rem 0.5rem rgba(12, 33, 55, 0.3);
    border-radius: 1.11111rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

.movie-icon_without-shadow {
    box-shadow: none;
}

.movie-icon_selected {
    -webkit-animation-name: selectIcon;
            animation-name: selectIcon;
    -webkit-animation-duration: 800ms;
            animation-duration: 800ms;
}

.movie-icon_closed {
    -webkit-animation-name: closeIcon;
            animation-name: closeIcon;
    -webkit-animation-duration: 800ms;
            animation-duration: 800ms;
}

.actor {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
}

.actor__image {
    width: 2.61125rem;
    height: 3.44438rem;
    border-radius: 0.55556rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 0.28063rem;
}

.actor__name {
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 0.4375rem;
    line-height: 130%;
    letter-spacing: -0.02em;
    margin-bottom: 0.10875rem;
    white-space: break-space;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
}

.actor__character {
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.4375rem;
    line-height: 130%;
    letter-spacing: -0.02em;
    opacity: 0.5;
    white-space: pre-line;
}

.notification {
    display: flex;
    position: fixed;
    z-index: 10000;
    bottom: 0rem;
    transform: translateX(-50%) translateY(100%);
    transition: transform 500ms;
    transition-timing-function: ease;
    align-items: center;
    justify-content: space-between;
    background-color: #007aff;
    border-radius: 1rem;
    padding: 0.875rem 0.9375rem;
    box-sizing: border-box;
    box-shadow: 0.0625rem 0.25rem 0.5625rem rgba(12, 33, 55, 0.3);
    width: calc(100vw - 0.875rem - 0.875rem);
    left: 50%;
}

.notification_hide {
    visibility: hidden;
}

.notification_open {
    transform: translateX(-50%) translateY(-1.3125rem);
}

.notification_blue {
    background-color: #007aff;
}

.notification_orange {
    background-color: #ec6800;
}

.notification__text {
    flex-grow: 1;
    flex-shrink: 1;
    font-weight: 590;
    font-size: 0.75rem;
    line-height: 140%;
    letter-spacing: -0.03em;
    color: #ffffff;
    margin-right: 0.625rem;
}

.notification__close-button {
    cursor: pointer;
    flex-grow: 0;
    flex-shrink: 0;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 150%;
    text-align: right;
    letter-spacing: 0.02em;
    color: #ffffff;
    opacity: 0.5;
}

.username {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    background: var(--username-background);
    color: var(--username-text);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 0rem 1.25rem 1.25rem 0rem;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.5rem;
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 0 0.4375rem;
    line-height: 0.8125rem;
}

.username__position {
    margin-top: 0.25rem;
}

.app-list {
    padding-top: 0.9375rem;
    padding-left: 1.0625rem;
    padding-right: 0.0625rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    min-height: 10.3125rem;
    box-sizing: border-box;
}

.app-list_gaps {
    margin-right: 1.125rem;
    margin-bottom: 0.625rem;
}

.app-list_chart {
    margin-left: 0.4375rem;
    margin-right: 0.4375rem;
    margin-bottom: 3.625rem;
    margin-top: -0.0625rem;
}

.icon-container {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    width: 3.59375rem;
    height: 3.59375rem;
    position: relative;
    overflow: visible;
    box-sizing: border-box;
    border-radius: 1.11111rem;
}

.icon {
    display: block;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    width: 3.59375rem;
    height: 3.59375rem;
    text-decoration: none;
    color: inherit;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 1.11111rem;
    z-index: 2;
}

.icon__badge {
    position: absolute;
    top: -0.3875rem;
    right: -0.40625rem;
    width: 1.1625rem;
    height: 1.1625rem;
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 100%;
    letter-spacing: -0.03em;
    background: #d02929;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #ffffff;
}

.icon__warning {
    background-image: url("/assets/icons/warning.svg");
}

.icon__cancelled {
    -webkit-mask-image: url("/assets/icons/subcancelled.svg");
    mask-image: url("/assets/icons/subcancelled.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    background-color: var(--manage-sub-text);
}

.icon__saved {
    background-image: url("/assets/icons/subsaved.svg");
    width: 16.625rem;
}

.app-icon {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.app-icon:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -0.16688rem;
    border-radius: 1.11111rem;
    background: var(--app-gradient-bg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 3.9275rem 3.9275rem;
}

.app-icon__inner {
    background-position: inherit;
    background-repeat: inherit;
    background-clip: padding-box;
    background-size: 3.9275rem 3.9275rem;
    border-radius: 0.94424rem;
    width: 3.59375rem;
    height: 3.59375rem;
    left: 50%;
    top: 50%;
}

.profile-icon {
    background: var(--profile-icon-background);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-clip: padding-box;
    border-radius: 0.94424rem;
}

.profile-icon:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -0.16688rem;
    border-radius: 1.11111rem;
    background: linear-gradient(to bottom, var(--profile-icon-border-from), var(--profile-icon-border-to));
}

.profile-icon__image {
    width: 2.21125rem;
    height: 2.21125rem;
    border-radius: 50%;
    margin-top: 0.3975rem;
    flex-grow: 0;
    flex-shrink: 0;
}

.profile-icon__text {
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 0.5625rem;
    line-height: 130%;
    letter-spacing: -0.02em;
    margin-top: 0.25rem;
    margin-bottom: 0.44688rem;
    opacity: 0.5;
}

.light .chart {
    background-image: linear-gradient(to bottom, #FCFCFC, #FEFEFE);
}

.chart {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 20.16688rem;
    border-radius: 1.66667rem;
    padding: 1rem 1.0625rem 0.98625rem 1.125rem;
    background: var(--chart-background);
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    background-clip: padding-box;
    border: solid 0.16667rem transparent;
}

.chart:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -0.16667rem;
    border-radius: inherit;
    background: linear-gradient(to bottom, var(--chart-border-from), var(--chart-border-to));
}

.chart__title {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    font: 600 0.6875rem/130% "SF Pro Text", sans-serif;
    text-transform: uppercase;
    margin-bottom: 0.40938rem;
    color: var(--chart-title-text-color);
    transform: translateX(-0.1875rem);
}

.chart__icon {
    background-image: var(--trending-icon-color);
    width: 0.625rem;
    height: 0.8125rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 0.27813rem;
    transform: translateY(-0.0625rem);
}

.chart__desc {
    font: 1.0625rem/120% "SF Pro Display", sans-serif;
    text-align: center;
    color: var(--chart-title-text-color);
    transform: translate(-0.0625rem, -0.125rem);
}

.chart__carousel {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    width: 100%;
    padding-bottom: 1.875rem !important;
    flex-grow: 0;
    flex-shrink: 0;
    height: 13.125rem;
}

.chart__carousel_gap {
    margin-left: 0.22188rem;
    margin-bottom: 0.22188rem;
}

.chart__container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -0.22188rem;
    padding-top: 1.66rem;
}

.swiper-wrapper.disabled {
    overflow: hidden !important;
}

.my-pagination {
    display: flex;
    flex-direction: row;
    z-index: 5000;
    padding: 0.3125rem;
    transform: translate(0.21875rem, 0.34375rem);
    position: absolute;
    bottom: 0.875rem;
}

.my-pagination span {
    width: 0.2775rem;
    height: 0.2775rem;
    margin-right: 0.56063rem;
    border-radius: 50%;
    background: var(--swiper-pagination-color);
    opacity: 0.1;
}

.span-active {
    background: var(--swiper-pagination-color);
    opacity: 1 !important;
}

.dark .search-option__icon-image {
    background-image: var(--background-image-dark);
}

.light .search-option__icon-image {
    background-image: var(--background-image-light);
}

.search-option {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    border-radius: 1.25rem;
    border: solid 0.0525rem var(--search-border);
    width: 100%;
    height: 5.875rem;
    align-items: center;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    background: var(--search-option-bg);
    -webkit-backdrop-filter: blur(1.25rem);
            backdrop-filter: blur(1.25rem);
}

.search-option__active__switch::after {
    width: 1.75rem;
    transform: translate3d(0.125rem, 0.125rem, 0);
}

.search-option__active__toggler:checked + .search-option__active__switch::after {
    transform: translate3d(1rem, 0.125rem, 0);
}

.search-option__toggler {
    display: none;
}

.search-option__toggler:checked + .search-option__switch {
    background-color: #007ffb;
}

.search-option__toggler:checked + .search-option__switch::before {
    transform: translate3d(1.125rem, 0.125rem, 0) scale3d(0, 0, 0);
}

.search-option__toggler:checked + .search-option__switch::after {
    transform: translate3d(1.375rem, 0.125rem, 0);
}

.search-option__icon {
    background-color: var(--search-icon-background);
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 1rem;
    align-items: center;
    margin-left: 1rem;
    margin-right: 1rem;
    box-sizing: border-box;
}

.search-option__icon-image {
    flex-grow: 0;
    flex-shrink: 0;
    background-size: contain;
    width: 100%;
    height: 100%;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
}

.search-option__name {
    font-style: normal;
    font-weight: 700;
    font-size: 0.9375rem;
    line-height: 120%;
    flex-grow: 1;
    flex-shrink: 1;
}

.search-option__switch {
    position: relative;
    display: inline-block;
    margin-left: 0.25rem;
    margin-right: 1rem;
    width: 3.1875rem;
    height: 1.9375rem;
    background-color: var(--search-toggler-background);
    border-radius: 1.4375rem;
    vertical-align: text-bottom;
    transition: all 0.3s linear;
}

.search-option__switch::before {
    content: "";
    position: absolute;
    left: 0;
    width: 2.625rem;
    height: 1.375rem;
    border-radius: 0.6875rem;
    transform: translate3d(0.125rem, 0.125rem, 0) scale3d(1, 1, 1);
    transition: all 0.25s linear;
}

.search-option__switch::after {
    content: "";
    position: absolute;
    left: 0;
    width: 1.6875rem;
    height: 1.6875rem;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.24);
    transform: translate3d(0.125rem, 0.125rem, 0);
    transition: all 0.2s ease-in-out;
}

.search-settings {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 0.875rem 1.6875rem;
}

.search-settings__header {
    color: var(--search-text);
    font-style: normal;
    font-weight: 700;
    font-size: 1.5625rem;
    line-height: 1.9375rem;
    letter-spacing: 0.01748rem;
}

.search-settings__header_additional-color {
    color: var(--search-additional-text);
}

.search-settings__options {
    margin-top: 2.125rem;
}

.search-settings__item {
    display: flex;
    flex-direction: row;
    margin-bottom: 0.5rem;
}

.dark .search-option__icon-image {
    background-image: var(--background-image-dark);
}

.light .search-option__icon-image {
    background-image: var(--background-image-light);
}

.search-option {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    border-radius: 1.25rem;
    border: solid 0.0525rem var(--search-border);
    width: 100%;
    height: 5.875rem;
    align-items: center;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    background: var(--search-option-bg);
    -webkit-backdrop-filter: blur(1.25rem);
            backdrop-filter: blur(1.25rem);
}

.search-option__active__switch::after {
    width: 1.75rem;
    transform: translate3d(0.125rem, 0.125rem, 0);
}

.search-option__active__toggler:checked + .search-option__active__switch::after {
    transform: translate3d(1rem, 0.125rem, 0);
}

.search-option__toggler {
    display: none;
}

.search-option__toggler:checked + .search-option__switch {
    background-color: #007ffb;
}

.search-option__toggler:checked + .search-option__switch::before {
    transform: translate3d(1.125rem, 0.125rem, 0) scale3d(0, 0, 0);
}

.search-option__toggler:checked + .search-option__switch::after {
    transform: translate3d(1.375rem, 0.125rem, 0);
}

.search-option__icon {
    background-color: var(--search-icon-background);
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 1rem;
    align-items: center;
    margin-left: 1rem;
    margin-right: 1rem;
    box-sizing: border-box;
}

.search-option__icon-image {
    flex-grow: 0;
    flex-shrink: 0;
    background-size: contain;
    width: 100%;
    height: 100%;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
}

.search-option__name {
    font-style: normal;
    font-weight: 700;
    font-size: 0.9375rem;
    line-height: 120%;
    flex-grow: 1;
    flex-shrink: 1;
}

.search-option__switch {
    position: relative;
    display: inline-block;
    margin-left: 0.25rem;
    margin-right: 1rem;
    width: 3.1875rem;
    height: 1.9375rem;
    background-color: var(--search-toggler-background);
    border-radius: 1.4375rem;
    vertical-align: text-bottom;
    transition: all 0.3s linear;
}

.search-option__switch::before {
    content: "";
    position: absolute;
    left: 0;
    width: 2.625rem;
    height: 1.375rem;
    border-radius: 0.6875rem;
    transform: translate3d(0.125rem, 0.125rem, 0) scale3d(1, 1, 1);
    transition: all 0.25s linear;
}

.search-option__switch::after {
    content: "";
    position: absolute;
    left: 0;
    width: 1.6875rem;
    height: 1.6875rem;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.24);
    transform: translate3d(0.125rem, 0.125rem, 0);
    transition: all 0.2s ease-in-out;
}

/* .bill-item-wrap {
    position: relative;
    width: 100%;
    padding: $border-secondary;
    height: 2.5rem;
    background: linear-gradient(to bottom, var(--bill-border-from), var(--bill-border-to));
    border-radius: 0,8889rem;
    margin-bottom: 0.5rem;
} */

.bill-item {
    display: flex;
    position: relative;
    box-sizing: border-box;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    height: 2.5rem;
    border-radius: 0.88889rem;
    padding-left: 0.8rem;
    padding-right: 0.4rem;
    margin-bottom: 0.5rem;
    background: var(--bill-bg);
    background-clip: padding-box;
    border: 0.125rem solid var(--bill-border-from);
}

.bill-item__date {
    display: flex;
    align-items: center;
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 600;
    font-size: 0.77778rem;
    line-height: 135%;
    letter-spacing: -0.03em;
    color: var(--bills-date-text);
    flex-grow: 0;
    flex-shrink: 0;
}

.bill-item__btn {
    display: flex;
    align-items: center;
    padding: 0.3575rem 0.66688rem;
    -webkit-backdrop-filter: blur(1.12149rem);
            backdrop-filter: blur(1.12149rem);
    border-radius: 0.74766rem;
    background: var(--bills-btn-bg);
    flex-grow: 0;
    flex-shrink: 0;
    border: none;
}

.bill-item__icon {
    display: inline-block;
    width: 1.25rem;
    height: 1.0625rem;
    -webkit-mask-image: url("/assets/icons/eye.svg");
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url("/assets/icons/eye.svg");
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: var(--bills-btn-text);
    margin-right: 0.2225rem;
    flex-grow: 0;
    flex-shrink: 0;
}

.bill-item__text {
    color: var(--bills-btn-text);
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 600;
    font-size: 0.77778rem;
    line-height: 135%;
    letter-spacing: -0.03em;
    flex-grow: 1;
    flex-shrink: 1;
}

.modal {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 10000;
    bottom: 3.375rem;
    min-height: 16.5rem;
    transform: translateX(-50%);
    transition: transform 500ms;
    transition-timing-function: ease;
    align-items: center;
    justify-content: center;
    border-radius: 0.88889rem;
    background: var(--modal-bg);
    color: var(--modal-text);
    left: 50%;
    width: calc(100vw - 0.4375rem - 0.4375rem);
    max-height: calc(100vh - 3.375rem - 3.375rem);
    border: var(--modal-border);
    padding: 1.75rem 1.25rem 1rem;
    -webkit-backdrop-filter: blur(1.16823rem);
            backdrop-filter: blur(1.16823rem);
    overflow: hidden;
}

.modal__close-btn {
    display: inline-block;
    position: absolute;
    width: 1.375rem;
    height: 1.375rem;
    top: 0.66688rem;
    right: 0.79875rem;
    -webkit-mask-image: url("/assets/icons/close.svg");
    mask-image: url("/assets/icons/close.svg");
    -webkit-mask-size: cover;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: center;
    mask-repeat: no-repeat;
    background-color: var(--close-btn-color);
}

.modal__icon {
    min-width: 3.5rem;
    height: 3.5rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 1.125rem;
}

.modal__qr {
    width: 13.375rem;
    height: 13.4375rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 1.125rem;
}

.modal__warning {
    width: 0.75rem;
    height: 0.8125rem;
    margin-right: 0.3125rem;
    background-image: var(--warn-icon);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: top;
}

.modal__heading {
    font-style: normal;
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.5625rem;
    text-align: center;
    margin-bottom: 0.75rem;
    max-width: 14.375rem;
}

.modal__text {
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 140%;
    text-align: center;
    letter-spacing: -0.02em;
    margin-bottom: 1.9375rem;
    width: 12.5rem;
}

.modal__elipsis {
    display: none;
    position: absolute;
    width: 17.75rem;
    height: 17.75rem;
    left: -4.9375rem;
    top: -13.75rem;
    background: none;
    filter: blur(2.22223rem);
}

.modal__btn {
    box-sizing: border-box;
    border-radius: 0.625rem;
    background: #007aff;
    height: 2.25rem;
    width: 100%;
    border: none;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 230%;
}

.modal__btn_green {
    background: #27b24a;
}

.modal__btn_blue {
    background: #007aff;
}

.modal__btn_white {
    background: #e1e2e2;
    color: #007aff !important;
}

.modal_hide {
    visibility: hidden;
}

#bills-page {
    height: 100%;
    background: var(--bills-bg);
}

.bills {
    padding: 0.60438rem 0.7775rem 0rem 0.7225rem;
}

.bills__header {
    font-style: normal;
    font-weight: 700;
    font-size: 1.5625rem;
    line-height: 130%;
    letter-spacing: 0.01767rem;
    color: var(--bills-heading-color);
    margin-left: 0.16625rem;
}

.bills__list {
    margin-top: 1.11125rem;
}

.menu-item-wrap {
    position: relative;
    height: 2.7225rem;
    padding: 0.11111rem;
    background: linear-gradient(to bottom, var(--border-secondary-from), var(--border-secondary-to));
    margin-bottom: 0.35rem;
    border-radius: 0.88875rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.menu-item {
    box-sizing: border-box;
    background: var(--menu-background);
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0.46729rem;
    text-decoration: none;
    color: inherit;
    border-radius: 0.8rem;
}

.menu-item__icon {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    width: 1.7775rem;
    height: 1.7775rem;
    border-radius: 0.7475rem;
    align-items: center;
    justify-content: center;
}

.menu-item__icon_img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 0.88875rem;
    height: 0.88875rem;
}

.menu-item__icon_blue {
    background-color: #007aff;
}

.menu-item__icon_gray {
    background-color: rgba(0, 0, 0, 0.25) !important;
}

.menu-item__text {
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 600;
    font-size: 0.77778rem;
    letter-spacing: -0.03em;
    padding-left: 0.7475rem;
    flex: 1 1;
    text-align: start;
}

.documents {
    padding: 2.16688rem 0.88875rem 1.20813rem;
    min-height: 95%;
    display: flex;
    flex-direction: column;
    background: var(--documents-background);
}

.documents__header {
    flex-grow: 0;
    flex-shrink: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 1.5625rem;
    line-height: 1.9375rem;
    letter-spacing: 0.01748rem;
    color: var(--documents-header);
}

.documents__list {
    margin-top: 1.0625rem;
    flex-grow: 1;
    flex-shrink: 0;
}

.documents__footer {
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 140%;
    flex-grow: 0;
    flex-shrink: 0;
    color: var(--footer-color);
}

.documents .footer__text {
    opacity: 0.5;
}

.documents .footer__copyrights {
    opacity: 0.5;
    margin-top: 0.75rem;
}

.documents-modal__title {
    font-style: normal;
    font-weight: 700;
    font-size: 1.3125rem;
    line-height: 1.5625rem;
    margin-top: 0.20875rem;
    align-self: flex-start;
}

.documents-modal__text {
    color: #000000;
    overflow: auto;
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 140%;
    letter-spacing: -0.02em;
    margin-top: 0.66688rem;
    margin-bottom: 0.64563rem;
    color: var(--documents-modal-text) !important;
}

.documents-modal__text h1,
.documents-modal__text h2,
.documents-modal__text h3,
.documents-modal__text h4 {
    margin: 1rem 0;
    font-size: 1rem;
}

.documents-modal__text p {
    margin: 1rem 0;
}

.documents-modal__text a {
    color: #000000;
}

.profile-edit {
    padding: 0.71313rem 0.7775rem;
    background-color: var(--profile-edit-background);
    min-height: 100%;
}

.profile-edit__header {
    color: var(--profile-edit-header);
    font: 1.5625rem/130% "SF Pro Display", sans-serif;
    letter-spacing: 0.01767rem;
    margin-bottom: 0.86rem;
}

.profile-edit__avatar {
    width: 4.66688rem;
    height: 4.66688rem;
    border-radius: 0.65421rem;
}

.profile-edit__form {
    margin-top: 0.88875rem;
}

.form-el {
    width: 100%;
    height: 2.33313rem;
    border-radius: 0.88889rem;
    border: var(--profile-edit-border);
    -webkit-backdrop-filter: blur(0.46752rem);
    backdrop-filter: blur(0.46752rem);
    padding-left: 0.8rem;
    outline: none;
}

.form-el:disabled {
    color: var(--text);
    opacity: 0.5;
    background-color: transparent;
}

.user-form__name {
    margin-bottom: 0.66688rem;
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.6875rem;
    line-height: 140%;
    letter-spacing: -0.02em;
}

.user-form__id {
    margin-bottom: 0.66688rem;
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.6875rem;
    line-height: 140%;
    letter-spacing: -0.02em;
}

.user-form__copy-btn {
    position: absolute;
    top: 0.66688rem;
    right: 0.89563rem;
    z-index: 2;
    border: none;
    width: 0.875rem;
    height: 0.9375rem;
    background: var(--copy-button);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.user-form__email {
    margin-bottom: 0.88875rem;
    border: 0.05556rem solid #007aff;
    color: #007aff;
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.6875rem;
    line-height: 140%;
    letter-spacing: -0.02em;
    background: transparent;
    padding-left: 0.8rem;
}

.user-form__email::-moz-placeholder {
    color: #007aff;
    opacity: 1;
    letter-spacing: -0.02em;
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 140%;
}

.user-form__email::placeholder {
    color: #007aff;
    opacity: 1;
    letter-spacing: -0.02em;
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 140%;
}

.user-form__email:-ms-input-placeholder {
    color: #007aff;
    letter-spacing: -0.02em;
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 140%;
}

.user-form__email::-ms-input-placeholder {
    color: #007aff;
    letter-spacing: -0.02em;
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 140%;
}

.user-form__email_disabled {
    border: 0.05556rem solid rgba(0, 122, 255, 0.25);
    color: var(--text);
    opacity: 0.6;
    background: transparent;
}

.user-form__email_disabled::-moz-placeholder {
    color: #007aff;
    opacity: 1;
}

.user-form__email_disabled::placeholder {
    color: #007aff;
    opacity: 1;
}

.user-form__email_disabled:-ms-input-placeholder {
    color: #007aff;
    opacity: 1;
}

.user-form__email_disabled::-ms-input-placeholder {
    color: #007aff;
    opacity: 1;
}

.user-form__email:focus {
    outline: none;
    border: 0.05556rem solid #007aff;
    color: #007aff;
}

.user-form__submit {
    background-color: #007aff;
    color: #ffffff;
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 0.77778rem;
    line-height: 135%;
    border: none;
    cursor: pointer;
    padding: 0;
    letter-spacing: -0.03em;
}

.user-form__submit:disabled {
    background: var(--profile-submit-button-disabled);
    color: var(--profile-submit-button-disabled-text);
    cursor: default;
}

.button-in {
    position: relative;
    width: 100%;
}

.iphone-gap {
    transition: all linear 1000ms;
    height: 0;
}

.iphone-gap_open {
    height: 31.25rem;
}

.movie {
    background: var(--movie-background);
    display: flex;
    position: relative;
    flex-direction: row;
    padding: 0.88875rem 0.88875rem 0.57625rem;
    -webkit-backdrop-filter: blur(1.11111rem);
            backdrop-filter: blur(1.11111rem);
    border-radius: 1.11111rem;
    border: var(--movie-border);
}

.movie__menu {
    background: var(--favorites-menu);
    position: absolute;
    top: 0.93rem;
    right: 0.8rem;
    opacity: 0.5;
    width: 0.75rem;
    height: 0.8125rem;
    cursor: pointer;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.movie__menu:hover {
    opacity: 1;
}

.movie__image {
    width: 4.44438rem;
    height: 4.44438rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.88889rem;
    margin-right: 0.7775rem;
    flex-grow: 0;
    flex-shrink: 0;
}

.movie__info {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.33313rem;
}

.movie__rating {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    margin-bottom: 0.33313rem;
}

.movie__title {
    flex-grow: 0;
    flex-shrink: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 0.8125rem;
    line-height: 119%;
    color: var(--rating-name-color);
    margin-bottom: 0.37375rem;
    max-width: 11.11125rem;
}

.movie__title_watched {
    opacity: 0.25;
}

.movie__title_watched-icon {
    display: inline-block;
    -webkit-mask-image: url("/assets/icons/eye.svg");
    mask-image: url("/assets/icons/eye.svg");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    width: 1.25rem;
    height: 1.25rem;
    background-color: var(--rating-name-color);
    vertical-align: middle;
    transform: translateY(-0.0625rem);
    margin-right: 0.125rem;
}

.movie__year {
    opacity: 0.25;
}

.movie__additional {
    display: flex;
    flex-direction: row;
    opacity: 0.5;
    color: var(--text);
}

.movie__country {
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.5625rem;
    line-height: 130%;
}

.movie__divider {
    display: inline-block;
    height: 0.125rem;
    width: 0.125rem;
    margin: 0rem 0.3125rem 0rem 0.375rem;
    -webkit-mask-image: url("/assets/icons/divider-light.svg");
    mask-image: url("/assets/icons/divider-light.svg");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    transform: translateY(0.3125rem);
    background-color: var(--text);
}

.movie__duration {
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.5625rem;
    line-height: 130%;
}

.imdb,
.kinopoisk {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    margin-top: 0.125rem;
}

.imdb__rating,
.kinopoisk__rating {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "SF Pro Text", sans-serif;
    width: 1.2rem;
    height: 0.78rem;
    border-radius: 1.5rem;
    color: #32d74b !important;
    border: 0.0625rem solid currentColor;
    font-style: normal;
    font-weight: 600;
    font-size: 0.5625rem;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: #ffffff;
}

.imdb__rating_yellow,
.kinopoisk__rating_yellow {
    color: rgb(255, 149, 0) !important;
}

.imdb__name,
.kinopoisk__name {
    margin-left: 0.2225rem;
    margin-right: 0.625rem;
    color: var(--rating-name-color);
    opacity: 0.5;
    font-style: normal;
    font-weight: 400;
    font-size: 0.5625rem;
    line-height: 130%;
    text-align: center;
}

.tooltip {
    box-sizing: content-box;
    position: absolute;
    top: 1.41rem;
    right: 1.49313rem;
    display: none;
    flex-direction: column;
    width: 7.6rem;
    height: 2.5rem;
    background: var(--tooltip-bg);
    box-shadow: 1.5rem 1.875rem 2.875rem rgba(12, 33, 55, 0.15);
    -webkit-backdrop-filter: blur(1.25rem);
            backdrop-filter: blur(1.25rem);
    border-radius: 0.875rem;
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 130%;
    padding: 0.6875rem 0.75rem 0.75rem;
}

.tooltip__share {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
    border: none;
    background: none;
    color: var(--share-icon-color);
    opacity: 0.9;
    margin-bottom: 0.625rem;
    cursor: pointer;
}

.tooltip__share_icon {
    width: 0.75rem;
    height: 0.75rem;
    display: inline-block;
    -webkit-mask-image: url("/assets/icons/share.svg");
    mask-image: url("/assets/icons/share.svg");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-color: var(--share-icon-color);
    margin-right: 0.375rem;
    transform: translate(-0.0625rem, 0.125rem);
}

.tooltip__delete {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
    border: none;
    background: none;
    color: #e50914;
    opacity: 0.9;
    cursor: pointer;
}

.tooltip__delete_icon {
    width: 0.6875rem;
    height: 0.6875rem;
    display: inline-block;
    -webkit-mask-image: url("/assets/icons/delete.svg");
    mask-image: url("/assets/icons/delete.svg");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-color: #e50914;
    margin-right: 0.45rem;
    transform: translate(-0.0625rem, 0.125rem);
}

.favorites {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0.88875rem 0.44438rem 0rem;
    background-color: var(--favorites-background);
    min-height: 100%;
}

.favorites__header {
    font-style: normal;
    font-weight: 700;
    font-size: 1.5625rem;
    line-height: 1.9375rem;
    letter-spacing: 0.01748rem;
    color: var(--favorites-header);
    margin-bottom: 0.89563rem;
    margin-left: 0.44438rem;
}

.favorites_gap {
    margin-bottom: 0.66688rem;
}

.history {
    padding: 0.66688rem 0.7775rem 0.66688rem 0.7225rem;
    display: flex;
    flex-direction: column;
    background-color: var(--history-bg);
    min-height: 96%;
}

.history__header {
    font-style: normal;
    font-weight: 700;
    font-size: 1.5625rem;
    line-height: 130%;
    letter-spacing: 0.01767rem;
    color: var(--text);
    margin-bottom: 0.94438rem;
}

.history__list {
    display: flex;
    flex-direction: column;
}

.history_gap {
    margin-bottom: 0.66688rem;
}

.history-card {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    box-shadow: 0.05556rem 0.22222rem 0.5rem rgba(12, 33, 55, 0.05);
    background-color: var(--history-card-background);
    border-radius: 0.88889rem;
    padding: 0.7225rem 0.7225rem 0.7775rem;
}

.history-card_red {
    color: #ff3b30;
    border: var(--history-card-border-red);
    background: none;
    margin-bottom: 0.58rem;
    min-height: 2.5rem;
    box-shadow: none;
}

.history-card__icon {
    flex-grow: 0;
    flex-shrink: 0;
    background: var(--history-icon);
    width: 0.875rem;
    height: 0.93063rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 0.6875rem;
    transform: translateY(-0.03125rem);
}

.history-card__icon_red {
    background: url("/assets/icons/history-red.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: -0.09375rem;
    transform: translateY(-0.03125rem);
}

.history-card__text {
    font-family: "SF Pro Text", sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 0.6875rem;
    line-height: 140%;
    letter-spacing: -0.02em;
    flex-grow: 0;
    flex-shrink: 1;
    color: var(--history-card-text);
    width: 10.7225rem;
}

.history-card__text_red {
    color: #ff3b30;
}

.history-card__image {
    width: 4.16688rem;
    height: 4.16688rem;
    border-radius: 0.88889rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    flex-grow: 0;
    flex-shrink: 0;
}

.history-card__placeholder {
    width: 4.16688rem;
    height: 4.16688rem;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.88889rem;
    background-color: var(--history-placeholder-color);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.history-card__placeholder_icon {
    display: inline-block;
    background-color: var(--history-placeholder-icon-color);
    width: 1.8rem;
    height: 1.7225rem;
    flex-grow: 0;
    flex-shrink: 0;
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
}

#manage-sub {
    background: var(--manage-sub-bg);
}

.manage-sub-wrap {
    position: relative;
    background: linear-gradient(to bottom, var(--manage-sub-border-from), var(--manage-sub-border-from));
    padding: 0.16667rem;
    border-radius: 1.66667rem;
}

.manage-sub {
    padding: 3.11125rem 0.7775rem 0rem 0.7225rem;
    min-height: 93vh;
    overflow: hidden;
}

.manage-sub__container {
    position: relative;
    box-sizing: border-box;
    min-height: 23.94458rem;
    background-color: var(--manage-sub-container);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 2.05563rem 0.88875rem 1.30188rem 0.94438rem;
    background-clip: padding-box;
    border-radius: 1.5rem;
}

.manage-sub__icon {
    width: 2.25rem;
    height: 2.25rem;
    margin-bottom: 0.75rem;
}

.manage-sub__title {
    font-style: normal;
    font-weight: 700;
    font-size: 1.5625rem;
    line-height: 1.9375rem;
    text-align: center;
    letter-spacing: 0.01748rem;
    color: var(--manage-sub-title);
    margin-bottom: 1.11125rem;
    width: 13.44438rem;
}

.manage-sub__title_duration {
    color: rgb(0, 122, 255) !important;
}

.manage-sub__info {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--manage-sub-text);
    margin-bottom: 1.60438rem;
}

.manage-sub__variant {
    margin-bottom: 0.32625rem;
}

.manage-sub__date {
    opacity: 0.5;
    margin-bottom: 0.32625rem;
    font-weight: 400;
}

.manage-sub__pricing {
    opacity: 0.5;
}

.manage-sub__pricing_line-through {
    text-decoration: line-through;
}

.manage-sub__btn {
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: -0.01907rem;
}

.manage-sub__btn_gap {
    margin-bottom: 0.5625rem;
}

.cancel-sub__btn {
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: -0.01907rem;
}

.cancel-sub__btn_hide {
    display: none !important;
}

.elipsis-modal {
    border-radius: 50%;
    background: none;
    filter: blur(2.5rem);
    z-index: 2;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    position: absolute;
    width: 20rem;
    height: 20rem;
    top: -14.5rem;
    left: -8.0625rem;
    overflow: hidden;
}

.elipsis-modal_red {
    background: var(--elipsis-modal-red);
}

.elipsis-modal_blue {
    background: var(--elipsis-modal-blue);
}

.button {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background-color: #007aff;
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.375rem;
    width: 100%;
    height: 2.22313rem;
    letter-spacing: -0.0255rem;
    padding-left: 1.0625rem;
    padding-right: 1.0625rem;
    color: #ffffff;
    border-radius: 0.55563rem;
    border: none;
    text-decoration: none;
    cursor: pointer;
}

.button_blue {
    background-color: #007aff;
    color: #ffffff;
}

.button_transparent {
    background-color: transparent;
    color: var(--manage-sub-text);
    opacity: 0.25;
}

.button_turquoise {
    background-color: #0AB6E2;
    color: #ffffff;
}

.subscription {
    padding: 0.6875rem 0.75rem 0rem;
    background: var(--subscription-bg);
    min-height: 98%;
}

.subscription__header {
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 130%;
    letter-spacing: 0.01749rem;
    color: var(--subscription-header-color);
    margin: 0rem 0.125rem 1rem;
}

.subscription__variants {
    display: flex;
    flex-direction: column;
}

.subscription__item {
    margin-bottom: 0.555rem;
}

.subscription__footer {
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 600;
    font-size: 0.625rem;
    line-height: 130%;
    letter-spacing: -0.03em;
    color: var(--subscription-header-color);
    margin-top: 1.8875rem;
}

.footer__text {
    opacity: 0.3;
}

.footer__image {
    width: 0.8125rem;
    height: 1.0625rem;
    vertical-align: middle;
    margin-right: 0.375rem;
    opacity: none;
}

.footer__copyrights {
    margin-top: 0.75rem;
    opacity: 0.3;
}

.subscription-btn {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 4.375rem;
    background: var(--subscription-btn-color);
    border-radius: 1.125rem;
    border: var(--subscription-btn-border);
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    z-index: 0;
}

.subscription-btn_special {
    background: linear-gradient(92.98deg, #007aff 0.84%, #be95ff 106.48%);
    border: var(--subscription-special-border);
    border-radius: 1.12149rem;
    margin-bottom: 0.6rem !important;
}

.subscription-btn_sbp-link {
    border: 0.05561rem solid #0089cf;
}

.subscription-btn__image {
    height: 1.8125rem;
    width: 1.8125rem;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 0.41rem;
    z-index: 1;
    -o-object-fit: contain;
       object-fit: contain;
    pointer-events: none;
}

.subscription-btn__image_special {
    height: 1.625rem;
    width: 1.625rem;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 0.475rem;
    z-index: 1;
    -o-object-fit: contain;
       object-fit: contain;
    pointer-events: none;
}

.subscription-btn__image_sbp {
    content: var(--sbp-icon);
    width: 3.125rem;
    height: 1.8125rem;
    margin-left: 1.2rem;
    z-index: 1;
    pointer-events: none;
}

.subscription-btn__desc {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    align-items: flex-start;
    margin-left: 0.83rem;
    min-width: 4.1875rem;
    z-index: 1;
    pointer-events: none;
}

.subscription-btn__desc_special {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    align-items: flex-start;
    margin-left: 0.99rem;
    color: #ffffff;
    transform: translateY(-0.10625rem);
    z-index: 1;
    pointer-events: none;
}

.subscription-btn__name {
    font-style: normal;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 120%;
    display: flex;
    flex-direction: row;
    z-index: 1;
    pointer-events: none;
}

.subscription-btn__name_special {
    font-style: normal;
    font-weight: 700;
    font-size: 0.8125rem;
    line-height: 119%;
    display: flex;
    flex-direction: row;
    z-index: 1;
    pointer-events: none;
}

.subscription-btn__name_sbp {
    background: linear-gradient(270deg, #ff0255 0%, #0088ce 85.1%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-right: 3.375rem;
    margin-left: 2.25rem;
    font-style: normal;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 120%;
    white-space: nowrap;
    z-index: 1;
    pointer-events: none;
}

.subscription-btn__length {
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 140%;
    letter-spacing: -0.02em;
    margin-top: 0.33rem;
    z-index: 1;
    pointer-events: none;
}

.subscription-btn__length_special {
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 600;
    font-size: 0.6875rem;
    line-height: 140%;
    letter-spacing: -0.02em;
    display: flex;
    flex-direction: row;
    margin-top: 0.39563rem;
    z-index: 1;
    pointer-events: none;
}

.subscription-btn__sbp-sub {
    width: 3.125rem;
    height: 1.8125rem;
    z-index: 1;
}

.subscription-btn__price {
    display: flex;
    font-style: normal;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 120%;
    justify-content: flex-end;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 0.725rem;
    align-items: center;
    min-width: 3.5rem;
    z-index: 1;
    pointer-events: none;
}

.subscription-btn__price:after {
    content: "₽";
    font-family: "SF Pro Text";
    margin-left: 0.1875rem;
    z-index: 1;
}

.subscription-btn__price_special {
    display: flex;
    font-style: normal;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 120%;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 0.675rem;
    align-items: center;
    color: #ffffff;
    z-index: 1;
    pointer-events: none;
}

.subscription-btn__price_special:after {
    content: "₽";
    font-family: "SF Pro Text";
    margin-left: 0.1875rem;
    z-index: 1;
}

.subscription-btn__special {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-self: center;
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 500;
    font-size: 0.5625rem;
    line-height: 120%;
    padding-left: 0.44438rem;
    padding-right: 0.44438rem;
    height: 0.85438rem;
    letter-spacing: -0.03em;
    background: #ffffff;
    border-radius: 1.12149rem;
    margin-left: 0.4025rem;
    color: #0c2137;
    z-index: 1;
}

.subscription-btn__special_green {
    color: #ffffff;
    background: #1d7d2c;
}

.subscription-btn__special_hide {
    display: none;
}

.subscription-btn__divider {
    background: url("/assets/icons/subdivider.svg");
    width: 0.2225rem;
    height: 0.2225rem;
    margin: 0rem 0.2225rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-self: center;
    transform: translateY(-0.03125rem);
    z-index: 1;
}

.subscription-btn__additional {
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 600;
    font-size: 0.6875rem;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #ffffff;
    align-self: center;
    z-index: 1;
}

.subscription-btn__additional:after {
    /* content: "₽"; */
    font-family: "SF Pro Text";
    z-index: 1;
}

.subscription-btn__star {
    width: 6.7rem;
    height: 130%;
    background: url("/assets/icons/substar.svg");
    position: absolute;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    left: 6.76375rem;
    top: 0.1875rem;
    pointer-events: none;
}

.subscription-btn__sbp {
    content: var(--sbp-icon);
    width: 2.375rem;
    height: 1.375rem;
    display: flex;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: -1.875rem;
    z-index: 1;
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .subscription-btn {
        -webkit-backdrop-filter: blur(0.46801rem);
        backdrop-filter: blur(0.46801rem);
    }
}

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .subscription-btn_blur {
        filter: blur(0.46801rem);
        width: 100%;
        height: 100%;
        position: absolute;
    }
}

.offer {
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.4375rem;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #747479;
    margin-bottom: 0.9375rem;
}

.offer__link {
    color: #4A84C8;
    text-decoration: none;
}

.tariff-change {
    min-height: 100%;
}

.tariff-change__icon {
    -webkit-mask--image: url("/assets/icons/question.svg");
    -webkit-mask-image: url("/assets/icons/question.svg");
            mask-image: url("/assets/icons/question.svg");
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: var(--tariff-change-icon);
}

.tariff-change-modal__heading {
    margin-bottom: 2.625rem;
}

#profile-page {
    background: var(--main-background);
}

.profile {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 0.75rem 0rem 0.75rem;
    min-height: 100%;
}

.user-card-wrap {
    position: relative;
    background: linear-gradient(to bottom, var(--border-primary-from), var(--border-primary-to));
    padding: 0.16667rem;
    border-radius: 1.66667rem;
    margin-bottom: 0.59rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-card {
    background-color: var(--background-user-card);
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 1.66688rem 0.92375rem 1.33313rem;
    border-radius: 1.5rem;
    /* &:before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      margin: -$border-primary;
      border-radius: inherit;
      background: linear-gradient(to bottom, var(--border-primary-from), var(--border-primary-to));
    } */
}

.user-card__avatar {
    width: 4.66688rem;
    height: 4.66688rem;
    border-radius: 50%;
}

.user-card__name {
    box-sizing: border-box;
    font: 1.5625rem/130% "SF Pro Display", sans-serif;
    letter-spacing: 0.01767rem;
    margin-top: 0.7775rem;
    margin-bottom: 0;
    text-align: center;
}

.user-card__subscription-status {
    margin-top: 0.625rem;
    margin-bottom: 1.33313rem;
}

.menu {
    display: flex;
    flex-direction: column;
    box-sizing: content-box;
}

.subscription-status {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 1.12125rem;
    flex-direction: row;
    padding: 0.08rem 0.56063rem;
}

.subscription-status_yellow {
    background-color: #ff9f0a !important;
}

.subscription-status_red {
    background-color: #d02929 !important;
}

.subscription-status_blue {
    background-color: #0ab6e2 !important;
}

.subscription-status__emoji {
    background-image: url("/assets/icons/Group.svg");
    width: 0.98875rem;
    height: 0.98875rem;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 0.2225rem;
}

.subscription-status__text {
    font: 400 0.75rem/1.05rem "SF Pro Text";
    letter-spacing: -0.03em;
    color: #ffffff;
    text-align: center;
}

.spb-description {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0.9375rem 0;
}

.spb-description__image {
    flex-grow: 0;
    flex-shrink: 0;
    height: 1.0625rem;
    width: auto;
    margin-right: 0.625rem;
}

.spb-description__text {
    flex-grow: 0;
    flex-shrink: 0;
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.4375rem;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #747479;
}

.spb-copyrights {
    font-family: "SF Pro Text", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.4375rem;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #747479;
}

/* TA-APP START */
.ta-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.3125rem 1.0625rem 0.375rem;
  width: 100%;
  background: var(--ta-skill-button-bg);
  border-radius: 0.875rem;
  border-width: 0;
  font-family: "SF Pro Text";
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.875rem;
  letter-spacing: -0.021448625rem;
  color: var(--ta-skill-button-color);
}
.ta-button--loading::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 24 24'%3E%3Cpath fill='%23e0e0e0' d='M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z'/%3E%3Cpath fill='%23007AFF' d='M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z'%3E%3CanimateTransform attributeName='transform' dur='1s' from='0 12 12' repeatCount='indefinite' to='360 12 12' type='rotate'/%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.375rem;
}

.ta-button__icon {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 1.25rem;
}

.ta-check {
  font-family: "SF Pro Text";
  font-weight: 400;
  font-size: 0.4375rem;
  line-height: 0.5625rem;
  letter-spacing: -0.02em;
  color: var(--ta-check);
  position: relative;
  padding-left: 1.6rem;
  display: inline-block;
}
.ta-check input {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  margin: -0.0625rem;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
}
.ta-check a {
  color: #4A84C8;
  text-decoration: none;
}

.ta-check__box {
  width: 0.88875rem;
  height: 0.88875rem;
  border: 0.047402625rem solid var(--ta-skill-page-color);
  border-radius: 0.237013125rem;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ta-check__box::before {
  content: "";
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  background-color: var(--ta-skill-page-color);
  border: 0.047402625rem solid var(--ta-skill-page-color);
  border-radius: 0.125rem;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
input:checked ~ .ta-check__box::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.ta-price {
  font-family: "SF Pro Text";
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.4375rem;
  letter-spacing: -0.02em;
  display: inline-block;
  background-color: var(--ta-price-bg);
  background-clip: padding-box;
  border: 0.0625rem solid transparent;
  border-radius: 0.625rem;
  position: relative;
}
.ta-skill-modal .ta-price {
  background-color: var(--ta-price-modal-bg);
}
.ta-price::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -0.0625rem;
  border-radius: inherit;
  background-image: var(--ta-price-border);
}
.ta-price b {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.3125rem;
}

.ta-price__inner {
  background-image: var(--ta-price-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: currentColor;
  background-color: var(--ta-price-bg);
  padding: 0.1875rem 0.375rem 0.4375rem;
}

.ta-skill-modal .ta-price__inner {
  background-color: var(--ta-price-modal-bg);
}

.ta-emoji-btn {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  letter-spacing: -0.02em;
  color: #007AFF;
  display: inline-block;
  border: 0.046729rem solid #E6EFFA;
  border-radius: 0.65420625rem;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.777 11.934c2.997 0 5.478-2.487 5.478-5.478 0-2.998-2.486-5.479-5.484-5.479C2.78.977.298 3.46.298 6.456c0 2.991 2.487 5.478 5.479 5.478ZM3.156 6.461c0-.28.193-.473.472-.473H5.31v-1.68c0-.28.188-.479.461-.479.28 0 .473.199.473.478v1.681h1.687c.274 0 .472.194.472.473 0 .274-.198.456-.472.456H6.244v1.687c0 .28-.193.473-.473.473-.273 0-.461-.2-.461-.473V6.917H3.628c-.279 0-.472-.182-.472-.456Z' fill='%23007AFF'/%3E%3C/svg%3E");
  background-position: top 0.125rem left 0.375rem;
  background-repeat: no-repeat;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  z-index: 1;
  padding: 0.125rem 0.4375rem 0.125rem 1.5rem;
}
.ta-transfer-page__header .ta-emoji-btn {
  margin-top: 0.6875rem;
}
.ta-emoji-btn ul {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 5.5625rem;
  left: calc(100% + 0.1875rem);
  top: 50%;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background: #FFFFFF;
  border: 0.046729rem solid #E6EFFA;
  border-radius: 0.8888875rem;
}
.ta-emoji-btn ul::before {
  content: "";
  width: 0.375rem;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: -0.3125rem;
}
.ta-emoji-btn li {
  list-style: none;
  padding: 0.1875rem 0.15625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ta-emoji-btn li img {
  display: inline-block;
  width: 1.3125rem;
  height: 1.3125rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ta-emoji-btn:hover {
  z-index: 2;
}
.ta-emoji-btn:hover ul {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.ta-emoji-list {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.ta-emoji-list__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFFFF;
  border: 0.046729rem solid #E6EFFA;
  border-radius: 0.66666875rem;
  padding: 0.125rem 0.4375rem;
  margin-right: 0.28125rem;
}
.ta-movie-card--sm .ta-emoji-list__item {
  padding: 0.0625rem 0.4375rem;
}
.ta-emoji-list__item img {
  width: 0.875rem;
  height: 0.875rem;
  -o-object-fit: cover;
     object-fit: cover;
  display: inline-block;
}

.ta-emoji-list__item-count {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 600;
  font-size: 0.5625rem;
  line-height: 0.75rem;
  letter-spacing: -0.02em;
  color: #007AFF;
  margin-left: 0.28125rem;
}

.ta-sm-grid {
  padding: 0 0.75rem;
}

.ta-sm-grid__title {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: var(--ta-sm-grid-title);
  margin-top: 0;
  margin-bottom: 0.75rem;
}

.ta-movies-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.625rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.ta-movies-grid__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ta-movies-grid__card {
  width: 100%;
}

.ta-movies-grid__card-img {
  display: block;
  border-radius: 0.5rem;
  overflow: hidden;
  -webkit-box-shadow: 0.0625rem 0.21875rem 0.5rem rgba(12, 33, 55, 0.3);
          box-shadow: 0.0625rem 0.21875rem 0.5rem rgba(12, 33, 55, 0.3);
  margin-bottom: 0.3125rem;
  height: 0;
  padding-top: 100%;
  position: relative;
}
.ta-movies-grid__card-img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ta-movies-grid__card-title {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 0.75rem;
  text-align: center;
  letter-spacing: -0.03em;
  color: var(--ta-sm-grid-card-title);
  margin-top: 0;
  margin-bottom: 0;
}

.ta-movie-page .ta-sm-actors, .ta-search-desc-page .ta-sm-actors {
  margin-top: 1.625rem;
}

.ta-sm-actors__carousel {
  padding: 0 0.75rem;
}
.ta-sm-actors__carousel .swiper {
  padding: 0 0.75rem;
  margin: 0 -0.75rem;
}
.ta-sm-actors__carousel .swiper-slide {
  width: 4.375rem;
}

.ta-sm-actors__title {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: var(--ta-sm-actors-title);
  margin-top: 0;
  margin-bottom: 0.75rem;
  padding: 0 0.75rem;
}

.ta-sm-actors__card {
  display: block;
  text-decoration: none;
}

.ta-sm-actors__card-img {
  display: block;
  border-radius: 0.5rem;
  overflow: hidden;
  -webkit-box-shadow: 0.0625rem 0.21875rem 0.5rem rgba(12, 33, 55, 0.3);
          box-shadow: 0.0625rem 0.21875rem 0.5rem rgba(12, 33, 55, 0.3);
  height: 5.625rem;
  margin-bottom: 0.25rem;
}
.ta-sm-actors__card-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ta-sm-actors__card-title {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 600;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  letter-spacing: -0.02em;
  color: var(--ta-sm-actors-card-title);
  padding-right: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
}

.ta-sm-actors__card-hint {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 400;
  font-size: 0.4375rem;
  line-height: 0.5625rem;
  letter-spacing: -0.02em;
  color: var(--ta-sm-actors-card-hint);
  opacity: 0.5;
  margin-top: 0;
  margin-bottom: 0;
}
.ta-sm-actors__card-title + .ta-sm-actors__card-hint {
  margin-top: 0.25rem;
}

.ta-movie-page .ta-sm-reviews, .ta-search-desc-page .ta-sm-reviews {
  margin-top: 1.625rem;
}

.ta-sm-reviews__carousel {
  padding: 0 0.75rem;
}
.ta-sm-reviews__carousel .swiper {
  padding: 0 0.75rem;
  margin: 0 -0.75rem;
}
.ta-sm-reviews__carousel .swiper-slide {
  width: 16.1875rem;
}

.ta-sm-reviews__title {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: var(--ta-sm-reviews-title);
  margin-top: 0;
  margin-bottom: 0.75rem;
  padding: 0 0.75rem;
}

.ta-sm-reviews__card {
  padding: 0.9375rem;
  border: 0.046875rem solid var(--ta-sm-reviews-card-border);
  -webkit-backdrop-filter: blur(0.46875rem);
          backdrop-filter: blur(0.46875rem);
  border-radius: 0.75rem;
}

.ta-sm-reviews__card-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ta-sm-reviews__card-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.75rem;
  border-radius: 50%;
  overflow: hidden;
  width: 2.625rem;
  height: 2.625rem;
}
.ta-sm-reviews__card-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ta-sm-reviews__card-name {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 600;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.02em;
  color: var(--ta-sm-reviews-card-name);
  margin-top: 0;
  margin-bottom: 0;
}

.ta-sm-reviews__card-text {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 400;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  letter-spacing: -0.02em;
  color: var(--ta-sm-reviews-card-text);
  opacity: 0.5;
}
.ta-sm-reviews__card-author + .ta-sm-reviews__card-text {
  margin-top: 0.75rem;
}

.ta-movie-card {
  background-color: black;
  width: 100%;
  border-radius: 0.8125rem;
  color: #fff;
  padding-top: 15rem;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ta-movie-card--sm {
  padding-top: 0;
}
.ta-movie-page .ta-movie-card {
  margin-bottom: 1.125rem;
}
.ta-search-desc-page .ta-movie-card {
  margin-bottom: 1.75rem;
}

.ta-movie-card__btn {
  width: 2.25rem;
  height: 2.25rem;
  background-color: rgba(58, 58, 58, 0.5);
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='15' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9.903c.346 0 .62-.28.62-.608V3.261l-.049-.9.353.457.796.85c.109.122.26.183.413.183a.53.53 0 0 0 .377-.918L6.48.983C6.316.825 6.164.763 6 .763c-.164 0-.322.062-.48.22l-2.03 1.95a.509.509 0 0 0-.176.389c0 .31.25.529.547.529.152 0 .31-.061.413-.183l.802-.85.353-.456-.055.9v6.033c0 .328.28.608.626.608Zm-3.506 4.91h7.012c1.349 0 2.06-.712 2.06-2.042V6.852c0-1.33-.711-2.041-2.06-2.041h-1.61v1.355H9.39c.528 0 .82.273.82.826v5.639c0 .559-.292.826-.82.826H2.609c-.534 0-.82-.267-.82-.826V6.992c0-.553.286-.826.82-.826h1.513V4.81H2.494c-1.343 0-2.06.71-2.06 2.041v5.919c0 1.337.717 2.041 2.06 2.041Z'/%3E%3C/svg%3E");
  background-size: 0.75rem;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  text-decoration: none;
  position: absolute;
  top: 0.75rem;
  right: 0.875rem;
  border-radius: 0.46729rem;
}

.ta-movie-card__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ta-movie-card__wrapper {
  padding: 0.9375rem;
  position: relative;
  overflow: hidden;
  z-index: 2;
  padding-top: 4.875rem;
}
.ta-movie-card__wrapper::before {
  content: "";
  position: absolute;
  display: block;
  width: 105.625rem;
  height: 105.625rem;
  left: 50%;
  top: 4.875rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: rgba(12, 33, 55, 0.2);
  -webkit-filter: blur(2.75rem);
          filter: blur(2.75rem);
  -webkit-backdrop-filter: blur(1.375rem);
          backdrop-filter: blur(1.375rem);
  z-index: -1;
  border-radius: 50%;
}
.ta-movie-card--sm .ta-movie-card__wrapper {
  padding: 0.75rem;
}
.ta-movie-card--sm .ta-movie-card__wrapper::before {
  -webkit-transform: none;
          transform: none;
  background: rgba(17, 17, 17, 0.5);
  -webkit-filter: none;
          filter: none;
  -webkit-backdrop-filter: blur(0.555555625rem);
          backdrop-filter: blur(0.555555625rem);
  border-radius: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ta-movie-card--sm .ta-movie-card__header-wrapper {
  padding-right: 5.9375rem;
}

.ta-movie-card__rating {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0.25rem 0.4375rem;
  background: rgba(58, 58, 58, 0.5);
  border-radius: 1.68224375rem;
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.0625rem;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}

.ta-movie-card__rating-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ta-movie-card__rating-item + .ta-movie-card__rating-item {
  margin-left: 0.60625rem;
}

.ta-movie-card__rating-count {
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.8125rem;
  text-align: center;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  background: #1D7D2C;
  border-radius: 1.68224375rem;
  padding: 0 0.3125rem;
  display: inline-block;
}
.ta-movie-card__rating-item--kinopoisk .ta-movie-card__rating-count {
  font-size: 0.46729rem;
  line-height: 0.6875rem;
  padding: 0 0.40625rem;
}

.ta-movie-card__rating-label {
  margin-left: 0.28125rem;
  opacity: 0.5;
}

.ta-movie-card__title {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 700;
  font-size: 1.5625rem;
  line-height: 2rem;
  letter-spacing: 0.017666rem;
  color: #FFFFFF;
  margin-top: 0.28125rem;
  margin-bottom: 0;
}
.ta-movie-card--sm .ta-movie-card__title {
  font-size: 1.3125rem;
  line-height: 1.5rem;
  margin-top: 0.40625rem;
}

.ta-movie-card__emoji {
  margin-top: 0.75rem;
}
.ta-movie-card--sm .ta-movie-card__emoji {
  margin-top: 1.4375rem;
}

.ta-movie-card__stats {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.0625rem;
  color: #FFFFFF;
  list-style: none;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.75rem;
  margin-bottom: 0;
}
.ta-movie-card__stats li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ta-movie-card__stats li::before {
  content: "";
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  opacity: 0.5;
  background-color: #fff;
  margin-right: 0.25rem;
}
.ta-movie-card__stats li:first-child::before {
  content: none;
}
.ta-movie-card__stats li + li {
  margin-left: 0.25rem;
}

.ta-movie-card__genre {
  margin-top: 0.3125rem;
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.0625rem;
  color: #FFFFFF;
  opacity: 0.5;
  padding-right: 10%;
}

.ta-movie-card__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.59375rem;
}

.ta-movie-card__actions-item {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  background: #717579;
  padding: 0 1.25rem;
  border-radius: 0.7476625rem;
  text-decoration: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  height: 2.25rem;
}
.ta-movie-card__actions-item--open {
  background: #1D7D2C;
}
.ta-movie-card__actions-item--trailer::before {
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.317 13.214c3.352 0 6.111-2.76 6.111-6.111C12.428 3.757 9.663.99 6.311.99 2.966.991.206 3.757.206 7.103c0 3.351 2.76 6.111 6.111 6.111Zm0-1.342a4.754 4.754 0 0 1-4.764-4.77 4.749 4.749 0 0 1 4.758-4.769 4.76 4.76 0 0 1 4.776 4.77 4.759 4.759 0 0 1-4.77 4.77ZM5.21 9.423l3.392-1.986a.382.382 0 0 0 0-.656L5.21 4.788c-.264-.152-.604-.023-.604.27v4.096c0 .287.322.433.604.27Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 0.4375rem;
}
.ta-movie-card__actions-item--bookmark {
  padding: 0;
  width: 2.25rem;
  height: 2.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='15' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.314 14.128c.353 0 .584-.176 1.088-.668l2.321-2.309a.091.091 0 0 1 .11 0l2.32 2.309c.511.492.73.668 1.088.668.541 0 .881-.376.881-.972V2.516c0-1.24-.668-1.914-1.895-1.914H2.329C1.102.602.433 1.277.433 2.516v10.64c0 .596.347.972.881.972Zm.638-2.223c-.079.072-.176.048-.176-.067V2.626c0-.456.225-.675.68-.675H7.1c.456 0 .68.22.68.675v9.212c0 .115-.09.14-.176.067l-2.37-2.303c-.297-.286-.613-.286-.91 0l-2.37 2.303Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.625rem;
  background-position: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.ta-movie-card__actions-item + .ta-movie-card__actions-item {
  margin-left: 0.5625rem;
}

.ta-movie-card__footer {
  margin-top: 0.75rem;
  position: relative;
  padding-right: 1.875rem;
}

.ta-movie-card__footer-text {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.0625rem;
  color: #FFFFFF;
}

.ta-movie-card__footer-link {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1rem;
  color: #007AFF;
  text-decoration: none;
  position: absolute;
  right: -0.4375rem;
  bottom: -0.125rem;
}

.ta-movie-card__mini-img {
  position: absolute;
  width: 5.555625rem;
  height: 5.555625rem;
  top: 0.75rem;
  right: 0.75rem;
  border-radius: 0.8888875rem;
  overflow: hidden;
}
.ta-movie-card__mini-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ta-sm-chart-grid__title {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 600;
  font-size: 0.6875rem;
  line-height: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-transform: uppercase;
  color: var(--ta-sm-chart-grid-title);
  padding: 0 0.75rem;
  margin-top: 0;
  margin-bottom: 0.40625rem;
}
.ta-sm-chart-grid__title::before {
  content: "";
  display: inline-block;
  width: 0.5625rem;
  height: 0.75rem;
  background-image: var(--ta-sm-chart-grid-img);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 0.25rem;
}
.ta-movie-page .ta-sm-chart-grid__title {
  margin-top: 1.5625rem;
}

.ta-actor-card {
  position: relative;
  z-index: 0;
  min-height: 31.25rem;
}

.ta-actor-card__circles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.ta-actor-card__circles::before, .ta-actor-card__circles::after {
  content: "";
  display: block;
  position: relative;
  border-radius: 50%;
  opacity: var(--ta-actor-card-circle-opacity);
  -webkit-filter: var(--ta-actor-card-circle-filter);
          filter: var(--ta-actor-card-circle-filter);
}
.ta-actor-card__circles::before {
  width: 9.61125rem;
  height: 9.61125rem;
  left: calc(50% - 4.805625rem - 8.4725rem);
  top: 14.5rem;
  background: var(--ta-actor-card-circle-bg);
}
.ta-actor-card__circles::after {
  width: 15.5rem;
  height: 15.5rem;
  left: calc(50% - 7.75rem + 9.25rem);
  top: 6.16rem;
  background: var(--ta-actor-card-circle-bg);
}

.ta-actor-card__btn {
  width: 2.25rem;
  height: 2.25rem;
  background-color: rgba(58, 58, 58, 0.5);
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='15' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9.903c.346 0 .62-.28.62-.608V3.261l-.049-.9.353.457.796.85c.109.122.26.183.413.183a.53.53 0 0 0 .377-.918L6.48.983C6.316.825 6.164.763 6 .763c-.164 0-.322.062-.48.22l-2.03 1.95a.509.509 0 0 0-.176.389c0 .31.25.529.547.529.152 0 .31-.061.413-.183l.802-.85.353-.456-.055.9v6.033c0 .328.28.608.626.608Zm-3.506 4.91h7.012c1.349 0 2.06-.712 2.06-2.042V6.852c0-1.33-.711-2.041-2.06-2.041h-1.61v1.355H9.39c.528 0 .82.273.82.826v5.639c0 .559-.292.826-.82.826H2.609c-.534 0-.82-.267-.82-.826V6.992c0-.553.286-.826.82-.826h1.513V4.81H2.494c-1.343 0-2.06.71-2.06 2.041v5.919c0 1.337.717 2.041 2.06 2.041Z'/%3E%3C/svg%3E");
  background-size: 0.75rem;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  text-decoration: none;
  position: absolute;
  top: 0.75rem;
  right: 0.875rem;
  border-radius: 0.46729rem;
  z-index: 2;
}

.ta-actor-card__img {
  height: 20rem;
  border-radius: 0.7476625rem;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.ta-actor-card__img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ta-actor-card__desc {
  padding: 1.125rem;
  background: var(--ta-actor-card-desc-bg);
  -webkit-backdrop-filter: var(--ta-actor-card-desc-filter);
          backdrop-filter: var(--ta-actor-card-desc-filter);
  border-radius: var(--ta-actor-card-desc-border);
  border: 0.166875rem solid #fff;
  margin: -3.75rem 0.75rem 0;
  position: relative;
  z-index: 3;
}

.ta-actor-card__desc-title {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 700;
  font-size: 1.5625rem;
  line-height: 1.9375rem;
  letter-spacing: 0.017476625rem;
  color: var(--ta-actor-card-desc-title);
  margin-top: 0;
  margin-bottom: 0.6875rem;
}

.ta-actor-card__desc-list {
  font-family: "SF Pro Text";
  font-style: normal;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  letter-spacing: -0.02em;
  color: var(--ta-actor-card-desc-list);
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ta-actor-card__desc-list li + li {
  margin-top: 0.75rem;
}
.ta-actor-card__desc-list span {
  font-weight: 600;
}

.ta-actor-card__desc-text {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 400;
  font-size: 0.6875rem;
  line-height: 0.875rem;
  letter-spacing: -0.02em;
  color: var(--ta-actor-card-desc-text);
  opacity: 0.5;
  margin-top: 0.75rem;
  margin-bottom: 0;
}

.ta-search-results-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.4375rem 1.0625rem;
}

.ta-search-results-grid__card {
  position: relative;
  z-index: 0;
}

.ta-search-results-grid__card-bookmark,
.ta-search-results-grid__card-visible {
  background: rgba(34, 34, 34, 0.25);
  -webkit-backdrop-filter: blur(0.13888875rem);
          backdrop-filter: blur(0.13888875rem);
  border-radius: 0.555555625rem;
  border-width: 0;
  position: absolute;
  z-index: 1;
  width: 1.6875rem;
  height: 1.0625rem;
  background-position: center;
  background-repeat: no-repeat;
}

.ta-search-results-grid__card-bookmark {
  top: 0.375rem;
  left: 0.375rem;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.5' d='M1.328 10.989c.283 0 .469-.142.874-.537l1.865-1.856a.073.073 0 0 1 .088 0l1.865 1.856c.41.395.586.537.874.537.435 0 .708-.303.708-.782v-8.55C7.602.663 7.065.12 6.08.12H2.143C1.157.12.62.662.62 1.658v8.55c0 .478.278.78.708.78Zm.513-1.787c-.064.058-.142.039-.142-.054V1.746c0-.367.18-.542.547-.542h3.73c.367 0 .547.175.547.542v7.402c0 .093-.073.112-.141.054l-1.905-1.85c-.239-.23-.493-.23-.732 0L1.84 9.201Z' fill='%23fff'/%3E%3C/svg%3E");
  background-size: 0.5rem;
}
.ta-search-results-grid__card-bookmark.active {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.217 10.989c.283 0 .469-.142.874-.537l1.865-1.856a.073.073 0 0 1 .088 0l1.865 1.856c.41.395.586.537.874.537.435 0 .708-.303.708-.782v-8.55C7.491.663 6.954.12 5.968.12H2.032C1.046.12.51.662.51 1.658v8.55c0 .478.278.78.708.78Z' fill='%23fff'/%3E%3C/svg%3E");
}

.ta-search-results-grid__card-visible {
  top: 0.375rem;
  left: 2.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.5' d='M7.222 8.792c4.048 0 6.734-3.256 6.734-4.252 0-1.006-2.69-4.258-6.734-4.258C3.233.282.484 3.534.484 4.54c0 .996 2.744 4.252 6.738 4.252Zm0-1.064c-3.052 0-5.44-2.515-5.44-3.188 0-.567 2.388-3.194 5.44-3.194 3.042 0 5.435 2.627 5.435 3.194 0 .673-2.393 3.188-5.435 3.188Zm0-.64A2.562 2.562 0 0 0 9.781 4.54a2.541 2.541 0 0 0-2.559-2.554A2.54 2.54 0 0 0 4.66 4.54a2.566 2.566 0 0 0 2.563 2.548Zm-.005-1.743a.814.814 0 0 1-.81-.805.813.813 0 0 1 1.626 0c0 .439-.366.805-.816.805Z' fill='%23fff'/%3E%3C/svg%3E");
  background-size: 0.875rem;
}
.ta-search-results-grid__card-visible.active {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.111 8.744c3.994 0 6.656-3.218 6.656-4.204 0-.992-2.666-4.21-6.656-4.21-3.94 0-6.66 3.218-6.66 4.21 0 .986 2.715 4.204 6.66 4.204Zm0-1.573A2.652 2.652 0 0 1 4.465 4.54C4.46 3.07 5.642 1.908 7.11 1.908A2.63 2.63 0 0 1 9.758 4.54c0 1.43-1.187 2.631-2.647 2.631Zm0-1.63c.552 0 1.011-.455 1.011-1.001 0-.552-.459-1.006-1.01-1.006-.557 0-1.011.454-1.011 1.006a1.01 1.01 0 0 0 1.01 1Z' fill='%23fff'/%3E%3C/svg%3E");
}

.ta-search-results-grid__card-rating {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.8125rem;
  text-align: center;
  letter-spacing: -0.02em;
  color: #000000;
  background: #FFFFFF;
  border-radius: 0.555555625rem;
  position: absolute;
  top: 0.375rem;
  right: 0.4375rem;
  padding: 0.125rem 0.375rem;
  z-index: 1;
}

.ta-search-results-grid__card-img {
  border-radius: 0.875rem;
  overflow: hidden;
  position: relative;
  padding-top: 100%;
  margin-bottom: 0.6875rem;
}
.ta-search-results-grid__card--archive .ta-search-results-grid__card-img {
  border: 0.0625rem solid var(--ta-search-result-card-border);
  border-width: 0 0.0625rem 0.0625rem 0.0625rem;
  border-radius: 0 0 0.875rem 0.875rem;
  margin-bottom: 0;
}
.ta-search-results-grid__card-img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ta-search-results-grid__card-title {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 0.75rem;
  text-align: center;
  letter-spacing: -0.03em;
  color: var(--ta-search-result-card-title);
  margin-top: 0;
  margin-bottom: 0;
}
.ta-search-results-grid__card--archive .ta-search-results-grid__card-title {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 600;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--ta-search-result-card-archive-title);
}
.ta-search-results-grid__card--archive .ta-search-results-grid__card-title b {
  font-weight: inherit;
  color: #8E8E8E;
}

.ta-search-results-grid__card--archive .ta-search-results-grid__card-wrapper {
  margin-bottom: 0.5625rem;
}

.ta-search-results-grid__card-header {
  height: 1.375rem;
  background: #363738;
  margin-top: -1.25rem;
  border: 0.0625rem solid var(--ta-search-result-card-header-border);
  border-width: 0.0625rem 0.0625rem 0 0.0625rem;
  border-radius: 0.875rem 0.875rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ta-search-results-grid__item:nth-child(1) .ta-search-results-grid__card-header, .ta-search-results-grid__item:nth-child(2) .ta-search-results-grid__card-header {
  margin-top: 0;
}

.ta-search-results-grid__card-site {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 400;
  font-size: 0.5625rem;
  line-height: 0.75rem;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ta-search-results-grid__card-site::before {
  content: "";
  width: 0.625rem;
  height: 0.75rem;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.4' d='M1.464 8.987h4.183c.567 0 .844-.281.844-.896V4.865c0-.554-.229-.84-.699-.888V2.87c0-1.657-1.085-2.457-2.237-2.457-1.151 0-2.236.8-2.236 2.457v1.12c-.431.07-.7.357-.7.875v3.226c0 .615.278.896.845.896Zm.562-6.21c0-1.102.708-1.687 1.53-1.687.821 0 1.529.585 1.529 1.688v1.195H2.026V2.778Z' fill='%23fff'/%3E%3C/svg%3E");
  background-size: 0.4375rem;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: -0.125rem;
  margin-right: 0.125rem;
}

.ta-question-box {
  background-color: var(--ta-question-box-bg-color);
  background-image: var(--ta-question-box-bg-image);
  border-radius: 1.66666875rem;
  overflow: hidden;
  margin: 0 0.4375rem;
  position: relative;
}
.ta-search-screen-page .ta-question-box {
  margin-top: 1.625rem;
}
.ta-question-box::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  bottom: 0.125rem;
  left: 0.125rem;
  background-color: var(--ta-question-box-circle);
  border-radius: 1.66666875rem;
}

.ta-question-box__wrapper {
  background: var(--ta-question-box-wrapper-bg);
  -webkit-backdrop-filter: var(--ta-question-box-wrapper-filter);
          backdrop-filter: var(--ta-question-box-wrapper-filter);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.8125rem 1.875rem 1.75rem;
  overflow: hidden;
  border-radius: 1.66666875rem;
  margin: 0.125rem;
}
.ta-question-box__wrapper::before {
  content: "";
  display: block;
  position: absolute;
  width: 17.7775rem;
  height: 17.7775rem;
  left: -11.11125rem;
  top: -13.7775rem;
  background: var(--ta-question-box-wrapper-content-bg);
  -webkit-filter: var(--ta-question-box-wrapper-content-filter);
          filter: var(--ta-question-box-wrapper-content-filter);
}
.ta-question-box__wrapper::after {
  content: "";
  display: block;
  position: absolute;
  width: 17.7775rem;
  height: 17.7775rem;
  left: 14rem;
  top: 0.5rem;
  background: var(--ta-question-box-wrapper-content-bg);
  -webkit-filter: var(--ta-question-box-wrapper-content-filter);
          filter: var(--ta-question-box-wrapper-content-filter);
}

.ta-question-box__inner {
  position: relative;
  z-index: 1;
}

.ta-question-box__title {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.25rem;
  text-align: center;
  color: var(--ta-question-box-title);
  margin-top: 0;
  margin-bottom: 1rem;
}

.ta-question-box__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ta-question-box__btn {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  letter-spacing: -0.03em;
  background: var(--ta-question-box-btn-bg);
  border-radius: 0.555555625rem;
  border-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0rem;
          flex: 1 1 0;
  color: #007AFF;
  padding: 0.5rem 0;
  text-decoration: none;
  display: inline-block;
}
.ta-question-box__btn + .ta-question-box__btn {
  margin-left: 0.3125rem;
}

.ta-question-box__btn--primary {
  background: var(--ta-question-box-btn-primary-bg);
  color: #fff;
}

.ta-search-screen-page .ta-scan-result, .ta-search-select-page .ta-scan-result {
  margin-bottom: 1.6875rem;
}

.ta-scan-result__title {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.25rem;
  color: var(--ta-scan-result);
  margin-top: 0;
  margin-bottom: 0.9375rem;
  padding: 0 0.4375rem;
}

.ta-input-file {
  background: var(--ta-input-file-bg);
  border: 0.0555555625rem dashed #007AFF;
  border-radius: 1.1111125rem;
  padding: 1.1875rem 0;
  position: relative;
  overflow: hidden;
}
.ta-search-screen-page .ta-input-file, .ta-search-select-page .ta-input-file {
  margin: 0 0.4375rem 1.375rem;
}

.ta-input-file__btn {
  border-width: 0;
  position: absolute;
  top: 0.3125rem;
  right: 0.3125rem;
  width: 2.1875rem;
  height: 2.1875rem;
  background-color: var(--ta-input-file-btn-bg);
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.9' d='M5.778 9.503c.334 0 .597-.27.597-.586V3.1l-.047-.867.34.44.768.82a.534.534 0 0 0 .398.175.51.51 0 0 0 .364-.885L6.24.902C6.082.749 5.936.69 5.778.69c-.159 0-.311.058-.463.21L3.358 2.783a.49.49 0 0 0-.17.375c0 .3.24.51.527.51a.525.525 0 0 0 .399-.176l.773-.82.34-.44-.053.868v5.818a.6.6 0 0 0 .604.586Zm-3.381 4.735h6.761c1.301 0 1.987-.686 1.987-1.97V6.563c0-1.283-.686-1.969-1.987-1.969H7.606V5.9h1.441c.51 0 .791.263.791.797v5.437c0 .54-.281.797-.79.797h-6.54c-.516 0-.791-.258-.791-.797V6.697c0-.534.275-.797.791-.797h1.459V4.593h-1.57C1.102 4.593.41 5.279.41 6.562v5.707c0 1.289.692 1.969 1.987 1.969Z' fill='%23007AFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.75rem;
  background-position: center;
}

.ta-input-file__img {
  height: 8.3125rem;
  margin-bottom: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ta-input-file__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.ta-input-file__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ta-input-file__label {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 600;
  font-size: 0.777775rem;
  line-height: 1.0625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  letter-spacing: -0.03em;
  color: var(--ta-input-file-label-bg);
  opacity: 0.5;
}
.ta-input-file__label::before {
  content: "";
  display: block;
  width: 0.8125rem;
  height: 0.6875rem;
  background-image: var(--ta-input-file-label-icon);
  background-size: 0.8125rem;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.375rem;
}

.ta-search-screen-page .ta-select-images, .ta-search-select-page .ta-select-images {
  margin-top: 3rem;
  padding: 0 0.4375rem;
}

.ta-select-images__title {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: var(--ta-select-images-title);
  margin-top: 0;
  margin-bottom: 0.9375rem;
  padding: 0 0.3125rem;
}

.ta-select-images__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5625rem;
}

.ta-select-images__item {
  padding: 0.5625rem;
  border: 0.0625rem solid var(--ta-select-images-item-border);
  border-radius: 1.125rem;
  overflow: hidden;
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ta-select-images__item img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  border-radius: 0.8125rem;
}

.ta-search-desc-page .ta-sm-variants {
  margin-bottom: 1.8125rem;
}

.ta-sm-variants__carousel {
  padding: 0 0.75rem;
}
.ta-sm-variants__carousel .swiper {
  padding: 0 0.75rem;
  margin: 0 -0.75rem;
}
.ta-sm-variants__carousel .swiper-slide {
  width: 4.375rem;
}

.ta-sm-variants__title {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.25rem;
  color: var(--ta-sm-variants-title);
  margin-top: 0;
  margin-bottom: 0.75rem;
  padding: 0 0.75rem;
}

.ta-sm-variants__card {
  display: block;
  text-decoration: none;
}

.ta-sm-variants__card-img {
  display: block;
  border-radius: 0.875rem;
  overflow: hidden;
  height: 4.375rem;
  margin-bottom: 0.4375rem;
  position: relative;
}
.ta-sm-variants__card-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ta-sm-variants__card--active .ta-sm-variants__card-img img {
  width: calc(100% - 0.25rem);
  height: calc(100% - 0.25rem);
  border-radius: 0.78125rem;
  margin: 0.125rem;
}
.ta-sm-variants__card--active .ta-sm-variants__card-img {
  background-image: var(--ta-sm-variants-card-img);
  -webkit-box-shadow: var(--ta-sm-variants-card-shadow);
          box-shadow: var(--ta-sm-variants-card-shadow);
}

.ta-sm-variants__card-title {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
  letter-spacing: -0.03em;
  color: var(--ta-sm-variants-card-title);
  opacity: 0.25;
  padding: 0 0.625rem;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}
.ta-sm-variants__card--active .ta-sm-variants__card-title {
  opacity: 1;
}

.ta-sm-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: var(--ta-loading-text-color);
}

.ta-sm-loading--hide {
  display: none;
}

.ta-sm-loading--bottomsheet {
  color: var(--ta-loading-bottomsheet-text-color);
}

.ta-sm-loading__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #007AFF;
}

.ta-sm-loading--bottomsheet .ta-sm-loading__icon {
  color: #1D3140;
}

.ta-sm-loading__icon svg {
  width: 3.125rem;
  height: 3.125rem;
}

.ta-sm-loading--bottomsheet .ta-sm-loading__icon svg {
  width: 2.875rem;
  height: 2.875rem;
}

.ta-sm-loading__icon-bg {
  fill: var(--ta-loading-icon-bg);
}

.ta-sm-loading--bottomsheet .ta-sm-loading__icon-bg {
  fill: #FFFFFF;
}

.ta-sm-loading__icon-fill {
  fill: currentColor;
}

.ta-skill-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.6875rem 0.875rem;
}

.ta-skill-grid__item {
  display: block;
  text-decoration: none;
  color: inherit;
}

.ta-skill-grid__item input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
}

.ta-skill-grid__img-wrapper {
  position: relative;
  margin-bottom: 0.375rem;
}

.ta-skill-grid__img {
  height: 0;
  padding-top: 100%;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
  background-color: var(--ta-skill-grid-item-bg);
  z-index: 0;
}
.ta-skill-grid__img::before {
  content: "";
  width: 1.875rem;
  height: 1.875rem;
  position: absolute;
  top: -0.5rem;
  right: -0.375rem;
  background-color: #31A743;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 3.176 2.412 2.412M8 1 3.412 5.588' stroke='%23fff' stroke-width='1.556' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: 0.5625rem 0.4375rem;
  background-position: 0.5rem 1rem;
  background-repeat: no-repeat;
  border-radius: 0 0.9375rem 0;
  z-index: 1;
  display: none;
}
.ta-skill-grid__item--active .ta-skill-grid__img::before,
.ta-skill-grid__item--image.skill-grid__item--active .ta-skill-grid__img::before,
.ta-skill-grid__item input:checked ~ .ta-skill-grid__img-wrapper .ta-skill-grid__img::before {
  display: block;
}
.ta-skill-grid__img::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 0.0625rem solid currentColor;
  border-radius: 1rem;
  z-index: 2;
}

.ta-skill-grid__item--image .ta-skill-grid__img::after {
  border-color: rgba(255, 255, 255, 0);
}

.ta-skill-grid__item--user-profile .ta-skill-grid__img::after {
  border-color: #D7D7D7;
}

.ta-skill-grid__item--active .ta-skill-grid__img::after,
.ta-skill-grid__item--image.skill-grid__item--active .ta-skill-grid__img::after,
.ta-skill-grid__item input:checked ~ .ta-skill-grid__img-wrapper .ta-skill-grid__img::after {
  border-color: #31A743;
}
.ta-skill-grid__img img,
.ta-skill-grid__img svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: currentColor;
}

.ta-skill-grid__img svg {
  width: 2.5rem;
  height: 2.5rem;
}

.ta-skill-grid__item--image .ta-skill-grid__img img,
.ta-skill-grid__item--image .ta-skill-grid__img svg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transform: none;
          transform: none;
}

.ta-skill-grid__item--web .ta-skill-grid__img img,
.ta-skill-grid__item--ya .ta-skill-grid__img img,
.ta-skill-grid__item--web .ta-skill-grid__img svg,
.ta-skill-grid__item--ya .ta-skill-grid__img svg {
  width: 2.625rem;
  height: 2.5625rem;
}

.ta-skill-grid__item--user .ta-skill-grid__img img,
.ta-skill-grid__item--user .ta-skill-grid__img svg {
  width: 2.5rem;
  height: 2.4375rem;
}

.ta-skill-grid__item--zara .ta-skill-grid__img img,
.ta-skill-grid__item--zara .ta-skill-grid__img svg {
  width: 3.25rem;
  height: 1.375rem;
}

.ta-skill-grid__item--support .ta-skill-grid__img img,
.ta-skill-grid__item--support .ta-skill-grid__img svg {
  width: 2.375rem;
  height: 2.375rem;
}

.ta-skill-grid__item--search .ta-skill-grid__img img,
.ta-skill-grid__item--search .ta-skill-grid__img svg {
  width: 2.125rem;
  height: 2.125rem;
}

.ta-skill-grid__img-count {
  background: rgba(208, 41, 41, 0.9);
  -webkit-backdrop-filter: blur(0.0625rem);
          backdrop-filter: blur(0.0625rem);
  min-width: 1.25rem;
  border-radius: 1.25rem;
  position: absolute;
  top: -0.4375rem;
  right: -0.25rem;
  z-index: 3;
  padding: 0.125rem 0;
  font-family: 'SF Pro Text';
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  letter-spacing: -0.03em;
  color: #FFFFFF;
}

.ta-skill-grid__title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 0.5625rem;
  line-height: 0.625rem;
  text-align: center;
  color: inherit;
  margin-top: 0;
  margin-bottom: 0;
}

.ta-bottomsheet {
  background: rgba(14, 35, 55, 0.1);
  -webkit-backdrop-filter: blur(0.4375rem);
          backdrop-filter: blur(0.4375rem);
  border-radius: 1.125rem 1.125rem 0 0;
  padding: 0.75rem 0.9375rem;
}

.ta-bottomsheet__wrapper {
  position: relative;
  z-index: 0;
}

.ta-bottomsheet__sm-loading {
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
}

.ta-bottomsheet__carousel {
  margin: -0.75rem -0.9375rem 0.75rem;
}

.ta-bottomsheet__close-btn,
.ta-slider-modal__close-btn {
  position: absolute;
  top: 0.6875rem;
  right: -0.1875rem;
  z-index: 3;
  background: rgba(255, 255, 255, 0.28);
  -webkit-backdrop-filter: blur(1.25rem);
          backdrop-filter: blur(1.25rem);
  width: 1.5625rem;
  height: 1.5625rem;
  border-radius: 50%;
  border-width: 0;
  color: white;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ta-bottomsheet__close-btn svg,
.ta-slider-modal__close-btn svg {
  width: 0.625rem;
  height: 0.625rem;
}

.ta-slider-modal__close-btn {
  right: 0.75rem;
}

.ta-action-list {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  background: var(--ta-skill-card-action-bg);
  border: 0.0125rem solid var(--ta-skill-card-action-border);
  -webkit-backdrop-filter: blur(1.3888875rem);
          backdrop-filter: blur(1.3888875rem);
  border-radius: 1.125rem;
}

.ta-action-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.0625rem 0.8125rem;
  border-bottom: 0.0125rem solid var(--ta-skill-card-action-divider);
  position: relative;
  padding-right: 1.75rem;
}
.ta-action-list__item--new::after {
  content: "new";
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.8125rem;
  color: #FFFFFF;
  width: 2.1875rem;
  height: 0.8125rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#2AABEE), to(#229ED9));
  background: linear-gradient(180deg, #2AABEE 0%, #229ED9 100%);
  border-radius: 1.875rem;
  text-align: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 0.5625rem;
}
.ta-action-list__item:last-child {
  border-bottom-width: 0;
}
.ta-action-list__item::before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-image: var(--ta-skill-card-action-arrow);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 0.75rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ta-action-list__img {
  width: 3.875rem;
  height: 3.875rem;
  background: var(--ta-skill-card-action-img-bg);
  border-radius: 1.125rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 1.25rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--ta-skill-card-action-img-color);
}
.ta-action-list__img img,
.ta-action-list__img svg {
  width: 2rem;
  height: 2rem;
  fill: currentColor;
}
.ta-action-list__item--premium .ta-action-list__img img,
.ta-action-list__item--premium .ta-action-list__img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ta-action-list__wrapper {
  max-width: 9.375rem;
}

.ta-action-list__title {
  font-family: "SF Pro Display";
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1rem;
  color: inherit;
  margin-top: 0;
  margin-bottom: 0.1875rem;
}

.ta-action-list__desc {
  font-family: "SF Pro Text";
  font-weight: 400;
  font-size: 0.5625rem;
  line-height: 0.75rem;
  color: var(--ta-skill-card-action-desc-color);
  margin-top: 0;
  margin-bottom: 0;
}

.ta-skill-card {
  background: var(--ta-skill-card-bg);
  border: 0.0125rem solid var(--ta-skill-card-border);
  -webkit-backdrop-filter: blur(0.23376rem);
          backdrop-filter: blur(0.23376rem);
  border-radius: 1.6875rem;
  padding: 1rem 0.5rem 0.5625rem;
}

.ta-skill-card__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ta-skill-card__price {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.ta-skill-card__img {
  width: 7.375rem;
  height: 7.375rem;
  position: relative;
  border-radius: 2.125rem;
  overflow: hidden;
  z-index: 0;
  margin-bottom: 1.125rem;
}
.ta-skill-card__img::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 0.0625rem solid currentColor;
  border-radius: 2.125rem;
  z-index: 2;
}
.ta-skill-card__img img,
.ta-skill-card__img svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 3.875rem;
  height: 3.875rem;
  color: #0C2137;
}
.ta-skill-card__img.ta-skill-card__img--image::after {
  border-color: rgba(255, 255, 255, 0);
}
.ta-skill-card__img.ta-skill-card__img--image img,
.ta-skill-card__img.ta-skill-card__img--image svg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transform: none;
          transform: none;
}

.ta-skill-card__title {
  font-family: "SF Pro Display";
  font-weight: 700;
  font-size: 1.5625rem;
  line-height: 2rem;
  text-align: center;
  letter-spacing: 0.017666rem;
  margin-top: 0;
  margin-bottom: 0.9375rem;
  color: inherit;
}

.ta-skill-card__hint {
  font-family: "SF Pro Text";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  letter-spacing: -0.03em;
  color: inherit;
  opacity: 0.9;
  margin-top: 0;
  margin-bottom: 0;
}
.ta-skill-card__hint b {
  font-weight: 600;
}

.ta-skill-card__list {
  margin-top: 3.75rem;
}

.ta-skill-card__button {
  font-family: "SF Pro Text";
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.1875rem;
  text-align: center;
  letter-spacing: -0.021448625rem;
  color: #FFFFFF;
  background: #007AFF;
  border-radius: 0.84111875rem;
  margin-top: 2rem;
  width: 100%;
  border-width: 0;
  padding: 0.6875rem 0;
}

.ta-skill-card__desc {
  margin-top: 2.1875rem;
}

.ta-skill-card__desc-title {
  font-family: "SF Pro Text";
  font-weight: 400;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  letter-spacing: -0.02em;
  color: var(--ta-skill-card-desc-title);
  margin-top: 0;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  padding-left: 1.5625rem;
}

.ta-skill-card__desc-text {
  background: var(--ta-skill-card-desc-bg);
  border: 0.0125rem solid var(--ta-skill-card-desc-border);
  -webkit-backdrop-filter: blur(1.3888875rem);
          backdrop-filter: blur(1.3888875rem);
  border-radius: 1.625rem;
  padding: 1.25rem 0.625rem 0.6875rem 1.5625rem;
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 400;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  letter-spacing: -0.02em;
  color: var(--ta-skill-card-desc-text);
}
.ta-skill-card__desc-text p {
  margin-top: 0;
  margin-bottom: 0.9375rem;
}
.ta-skill-card__desc-text p:last-child {
  margin-bottom: 0;
}

.ta-skill-info__title {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 400;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  letter-spacing: -0.02em;
  color: var(--ta-skill-info-title);
  margin-top: 0;
  margin-bottom: 0.4375rem;
  text-transform: uppercase;
  padding-left: 1.375rem;
}

.ta-skill-info__list {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  background: var(--ta-skill-info-bg);
  border: 0.0125rem solid var(--ta-skill-info-border);
  -webkit-backdrop-filter: blur(1.27175625rem);
          backdrop-filter: blur(1.27175625rem);
  border-radius: 1.3125rem;
  padding: 0.125rem 1.25rem;
  font-family: "SF Pro Text";
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.0625rem;
  color: #0F79FF;
}

.ta-skill-info__item {
  border-bottom: 0.0125rem solid var(--ta-skill-info-divider);
}
.ta-skill-info__item:last-child {
  border-bottom: none;
}

.ta-skill-info__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem 0;
  text-decoration: none;
  color: inherit;
}
.ta-skill-info__link svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.0625rem;
  height: 1.0625rem;
}

.ta-skill-slider {
  width: 100%;
  color: var(--ta-skill-page-color);
}
.ta-skill-slider .swiper {
  max-width: 20rem;
}
.ta-skill-slider .swiper-pagination-bullet {
  width: 0.375rem;
  height: 0.375rem;
  margin: 0 0.375rem;
  background: currentColor;
  opacity: 0.25;
}
.ta-skill-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.ta-skill-slider .swiper-horizontal > .swiper-pagination-bullets,
.ta-skill-slider .swiper-pagination-bullets.swiper-pagination-horizontal,
.ta-skill-slider .swiper-pagination-custom, .ta-skill-slider .swiper-pagination-fraction {
  bottom: 1.125rem;
}
.ta-skill-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.ta-skill-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.3125rem;
}

.ta-skill-slider__img {
  height: 20.4375rem;
  border-radius: 1.125rem 1.125rem 0 0;
  overflow: hidden;
}
.ta-skill-slider__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ta-skill-slider__desc {
  background: var(--ta-skill-slider-bg);
  padding: 1.5625rem 1.375rem 3.0625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: 0 solid var(--ta-skill-slider-border);
  border-bottom-width: 0.0125rem;
}

.swiper-slide:first-child .ta-skill-slider__desc {
  border-radius: 0 0 0 1.125rem;
  border-left-width: 0.0125rem;
}

.swiper-slide:last-child .ta-skill-slider__desc {
  border-radius: 0 0 1.125rem 0;
  border-right-width: 0.0125rem;
}

.ta-skill-slider__icon {
  width: 3.875rem;
  height: 3.875rem;
  background: var(--ta-skill-card-action-img-bg);
  border-radius: 1.125rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 1.25rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--ta-skill-card-action-img-color);
}
.ta-skill-slider__icon svg {
  width: 2rem;
  height: 2rem;
  fill: currentColor;
}

.ta-skill-slider__title {
  font-family: "SF Pro Display";
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.25rem;
  color: inherit;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.ta-skill-slider__text {
  font-family: "SF Pro Text";
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.0625rem;
  color: inherit;
  margin-top: 0;
  margin-bottom: 0;
}

.ta-skill-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.39);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: var(--ta-skill-page-color);
}

.ta-skill-modal__inner {
  background: var(--ta-skill-modal-bg);
  border: 0.0125rem solid var(--ta-skill-modal-border);
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
  border-radius: 0.875rem 0.875rem 0 0;
  padding: 1.125rem 2rem 2.6875rem;
  position: relative;
}

.ta-skill-modal__price {
  position: absolute;
  top: 0.75rem;
  left: 0.8125rem;
}

.ta-skill-modal__close-btn {
  position: absolute;
  top: 0.75rem;
  right: 0.625rem;
  padding: 0;
  border-width: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-color: rgba(255, 255, 255, 0);
  color: inherit;
  opacity: 0.15;
}

.ta-skill-modal__close-btn svg {
  fill: currentColor;
}

.ta-skill-modal__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 12.125rem;
  margin-bottom: 0.6875rem;
}

.ta-skill-modal__img {
  width: 7rem;
  height: 7rem;
  background: #FFFFFF;
  border-radius: 2rem;
  margin-bottom: 1.125rem;
  overflow: hidden;
  position: relative;
}
.ta-skill-modal__img img,
.ta-skill-modal__img svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
  color: #0C2137;
}
.ta-skill-modal__img.ta-skill-modal__img--image img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transform: none;
          transform: none;
}

.ta-skill-modal__title {
  font-family: "SF Pro Display";
  font-weight: 700;
  font-size: 1.3125rem;
  line-height: 1.5rem;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0.1875rem;
  max-width: 10.625rem;
  color: inherit;
}
.ta-skill-modal__title b {
  font-weight: inherit;
  color: var(--ta-skill-modal-title-b-color);
}

.ta-skill-modal__tariff {
  font-family: "SF Pro Display";
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1rem;
  text-align: center;
  color: inherit;
  opacity: 0.5;
  margin-top: 0;
  margin-bottom: 0;
}
.ta-skill-modal__tariff b {
  font-weight: 700;
}

.ta-skill-modal__controls {
  padding: 0 1.125rem;
  margin-bottom: 0.6875rem;
}

.ta-skill-modal__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 4.0625rem;
}

.ta-skill-modal__button {
  height: 2.125rem;
  padding: 0 1.875rem;
  background-color: #1D3140;
  border-radius: 0.533279375rem;
  white-space: nowrap;
  border-width: 0;
  font-family: "SF Pro Text";
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  letter-spacing: -0.02em;
  color: #ffffff;
  position: relative;
}
.ta-skill-modal__button--primary {
  background-color: #007AFF;
}
.ta-skill-modal__button--success {
  background-color: #27B24A;
}
.ta-skill-modal__button--success::after {
  content: "";
  width: 1.375rem;
  height: 1.375rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' fill='none'%3E%3Ccircle cx='10.454' cy='10.977' r='9.5' stroke='%23fff'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='m6.04 11.412 3.229 3.101M15.41 8.614l-6.142 5.899'/%3E%3C/svg%3E");
  background-size: 1.3125rem;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.8125rem;
  margin-right: -2.0625rem;
}
.ta-skill-modal__button--loading::after {
  content: "";
  width: 1.375rem;
  height: 1.375rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 24 24'%3E%3Cpath fill='%23e0e0e0' d='M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z'/%3E%3Cpath fill='%231D3140' d='M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z'%3E%3CanimateTransform attributeName='transform' dur='1s' from='0 12 12' repeatCount='indefinite' to='360 12 12' type='rotate'/%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 0.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ta-skill-modal__button + .ta-skill-modal__button {
  margin-top: 0.4375rem;
}

.ta-movie-page {
  padding-bottom: 3.75rem;
}

.ta-actor-page {
  padding-bottom: 1.25rem;
}

.ta-transfer-page {
  position: relative;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-areas: "main" "footer";
}

.ta-transfer-page__wrapper {
  grid-area: main;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}

.ta-transfer-page__footer {
  grid-area: footer;
  background: var(--ta-transfer-page-footer);
  -webkit-backdrop-filter: blur(0.9375rem);
          backdrop-filter: blur(0.9375rem);
  width: 100%;
  height: 4.875rem;
  padding-top: 1.1875rem;
}

.ta-transfer-page__footer-links {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--ta-transfer-page-footer-links);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 0.3375rem 0;
}
.ta-transfer-page__footer-links a {
  color: inherit;
  text-decoration: none;
  display: inline-block;
  opacity: 0.5;
}
.ta-transfer-page__footer-links a:hover {
  color: inherit;
}
.ta-transfer-page__footer-links a + a {
  margin-left: 1.375rem;
}

.ta-transfer-page__footer-tooltip {
  height: 1.75rem;
  background-color: var(--ta-transfer-page-footer-tooltip-bg);
  border-radius: 0.375rem;
  line-height: 1.75rem;
  bottom: 4.375rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: var(--ta-transfer-page-footer-tooltip-color);
  padding: 0 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 400;
  font-size: 0.6875rem;
  text-align: center;
  letter-spacing: -0.0112149375rem;
  position: absolute;
  opacity: 1;
  visibility: visible;
  bottom: 2.125rem;
}
.ta-transfer-page__footer-tooltip::before {
  content: "";
  width: 0;
  height: 0;
  border: 0.375rem solid transparent;
  border-top-color: var(--ta-transfer-page-footer-tooltip-before);
  left: calc(50% - 0.375rem);
  position: absolute;
  opacity: 1;
  visibility: visible;
  bottom: -0.6875rem;
}
.ta-transfer-page__footer-tooltip::after {
  content: "";
  width: 2.625rem;
  height: 0.75rem;
  display: inline-block;
  background-image: var(--ta-transfer-page-footer-tooltip-after);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.28125rem;
}

.ta-transfer-page__header {
  background: var(--ta-transfer-page-header-bg);
  -webkit-backdrop-filter: var(--ta-transfer-page-header-filter);
          backdrop-filter: var(--ta-transfer-page-header-filter);
  border: var(--ta-transfer-page-header-border);
  border-radius: 0 0 1.12149375rem 1.12149375rem;
  padding-top: 0.9375rem;
  padding-bottom: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: sticky;
  top: 0;
  z-index: 5;
}

.ta-transfer-page__movie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ta-transfer-page__movie-img {
  width: 2.3125rem;
  height: 2.3125rem;
  border-radius: 0.75rem;
  overflow: hidden;
  margin-right: 0.5625rem;
}
.ta-transfer-page__movie-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ta-transfer-page__movie-name {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: -0.0190654375rem;
  color: var(--ta-transfer-page-movie);
}

.ta-transfer-page__body {
  padding: 1.25rem 1.25rem 2.375rem;
}

.ta-search-page {
  padding: 1.375rem 2rem 5rem;
}

.ta-search-page__hint {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.25rem;
  text-align: center;
  color: var(--ta-search-page-hint);
  margin-bottom: 1.4375rem;
}
.ta-search-page__hint b {
  color: #007aff;
}

.ta-search-screen-page {
  padding-top: 0.6875rem;
  padding-bottom: 1.25rem;
}

.ta-search-select-page {
  padding-top: 0.6875rem;
  padding-bottom: 1.25rem;
}

.ta-search-desc-page {
  padding-top: 0.6875rem;
  padding-bottom: 1.25rem;
}

.ta-search-desc-page__desc {
  font-family: "SF Pro Display";
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: var(--ta-search-desc-page-color);
  margin: 0 0.4375rem 2.25rem;
  padding: 0.875rem 1.3125rem;
  border: 0.0625rem solid var(--ta-search-desc-page-border);
  border-radius: 1.125rem;
  background: var(--ta-search-desc-page-bg);
  -webkit-backdrop-filter: blur(0.63115rem);
          backdrop-filter: blur(0.63115rem);
}

.ta-loading-page {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ta-skill-page {
  background-color: var(--ta-skill-page-bg);
  color: var(--ta-skill-page-color);
  min-height: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-areas: "main" "footer";
}

.ta-skill-page__body {
  grid-area: main;
  padding: 1.25rem 0.9375rem;
}

.ta-skill-page__footer {
  grid-area: footer;
  position: sticky;
  bottom: 0;
}

.ta-skill-page__title {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 700;
  font-size: 1.3125rem;
  line-height: 1.5rem;
  color: inherit;
  margin-top: 0;
  margin-bottom: 1.25rem;
}

.ta-skill-page__skill-card {
  margin: 1.8125rem -0.4375rem 0;
}

.ta-skill-page__info {
  margin: 2rem 0.5rem 0;
}

.ta-slider-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: var(--ta-skill-page-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(14, 35, 55, 0.1);
  -webkit-backdrop-filter: blur(0.4375rem);
          backdrop-filter: blur(0.4375rem);
}

.ta-slider-modal__wrapper {
  position: relative;
}

.ta-slider-modal__carousel {
  margin-bottom: 0.75rem;
}

.ta-slider-modal__footer {
  padding: 0 1rem;
}

.ta-main-page {
  color: var(--ta-skill-page-color);
  padding-bottom: 0.9375rem;
}

.ta-main-page__header {
  font-family: 'SF Pro Text';
  font-style: normal;
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: var(--ta-main-page-header-color);
  opacity: 0.76;
  padding-top: 0.5rem;
  padding-bottom: 0.625rem;
  border-bottom: 0.0437rem solid var(--ta-main-page-header-border);
}

.ta-main-page__header-label {
  background: var(--ta-main-page-header-label);
  border-radius: 0 0.5rem 0.5rem 0;
  padding: 0.1875rem 0.4375rem 0.1875rem 0.8125rem;
  display: inline-block;
}

.ta-main-page__grid {
  padding: 0.875rem 0.9375rem 1.375rem;
}

.ta-main-page__movies {
  padding: 0 0.1875rem;
}

.skill-add-btn {
  width: 3.875rem;
  height: 3.875rem;
  background-color: #0079FC;
  border-radius: 1.1125rem;
  padding: 0.625rem 0.5rem;
  border: none;
}

.skill-add-btn__inner {
  min-width: 100%;
  min-height: 100%;
  background: #006EE5;
  border: 0.0437rem solid #FFFFFF;
  border-radius: 1.1125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
}

.skill-add-btn__inner svg {
  width: 0.875rem;
  height: 0.875rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  fill: currentColor;
}

.ta-movie-list {
  border: 0.0125rem solid var(--ta-movie-list-border);
  border-radius: 0.875rem;
  overflow: hidden;
}

.ta-movie-list__header {
  background-color: var(--ta-movie-list-header-bg);
  -webkit-backdrop-filter: blur(0.2313rem);
          backdrop-filter: blur(0.2313rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 1rem 1.125rem 1.125rem;
  border-bottom: 0.0125rem solid var(--ta-movie-list-border);
}

.ta-movie-list__header-left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.ta-movie-list__header-hint {
  font-family: 'SF Pro Text';
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  color: inherit;
  position: relative;
  padding-left: 1.125rem;
  margin-bottom: 0.3125rem;
}

.ta-movie-list__header-hint::before {
  content: "";
  display: inline-block;
  width: 0.75rem;
  height: 0.9375rem;
  background-image: var(--ta-sm-chart-grid-img);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ta-movie-list__header-title {
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.625rem;
  color: inherit;
}

.ta-movie-list__header-right {
  padding-top: 0.375rem;
  padding-right: 0.375rem;
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.ta-movie-list__header-right .ta-sm-loading {
  font-family: 'SF Pro Display';
  font-weight: 500;
  font-size: 0.5rem;
  line-height: 0.625rem;
  color: var(--ta-movie-list-header-loading);
}

.ta-movie-list__header-right .ta-sm-loading svg {
  width: 1.5rem;
  height: 1.5rem;
}

.ta-movie-list__body {
  background-color: var(--ta-movie-list-body-bg);
}

.ta-movie-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 1.375rem 0.5rem;
  position: relative;
}

.ta-movie-list__item::after {
  content: "";
  display: block;
  min-width: 0.0625rem;
  height: 0.025rem;
  background-color: var(--ta-movie-list-item-border);
  position: absolute;
  left: 3.875rem;
  right: 0.625rem;
  bottom: 0;
}

.ta-movie-list__item:last-child::after {
  display: none;
}

.ta-movie-list__item-pic {
  width: 3.25rem;
  margin-right: 0.125rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}

.ta-movie-list__item-num {
  font-family: 'SF Pro Text';
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.8125rem;
  text-align: center;
  letter-spacing: -0.02em;
  position: absolute;
  top: -1.125rem;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  color: var(--ta-movie-list-num-color);
}

.ta-movie-list__item-star {
  -webkit-transform: translateY(-0.0625rem);
      -ms-transform: translateY(-0.0625rem);
          transform: translateY(-0.0625rem);
  margin-right: 0.0625rem;
}

.ta-movie-list__item-num svg {
  width: 0.5rem;
  height: 0.4375rem;
  fill: currentColor;
}

.ta-movie-list__item-num b {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
}

.ta-movie-list__item-img {
  width: 100%;
  height: 3.25rem;
  -webkit-box-shadow: 0.0563rem 0.225rem 0.5rem rgba(12, 33, 55, 0.3);
          box-shadow: 0.0563rem 0.225rem 0.5rem rgba(12, 33, 55, 0.3);
  border-radius: 0.875rem;
  overflow: hidden;
}

.ta-movie-list__item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ta-movie-list__item-desc {
  font-family: 'SF Pro Text';
  font-weight: 400;
  font-size: 0.5625rem;
  line-height: 0.75rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-top: 0.125rem;
  padding-left: 0.75rem;
}

.ta-movie-list__item-title {
  font-family: 'SF Pro Display';
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1rem;
  color: inherit;
  margin-top: 0;
  margin-bottom: 0.25rem;
}

.ta-movie-list__item-text {
  opacity: 0.5;
}

.ta-movie-list__button {
  font-family: 'SF Pro Text';
  font-weight: 500;
  font-size: 0.6875rem;
  line-height: 0.875rem;
  text-transform: uppercase;
  color: var(--ta-movie-list-button-color);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 0.125rem;
  padding: 0.3125rem 0.75rem 0.1875rem;
  border: none;
  background-color: var(--ta-movie-list-button-bg);
  border-radius: 0.5rem;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.ta-more-btn {
  font-family: 'SF Pro Text';
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  color: #0079FC;
  background-color: var(--ta-more-btn-bg);
  border: 0.0125rem solid var(--ta-more-btn-border);
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.375rem 1.25rem;
  position: relative;
  overflow: hidden;
}

.ta-more-btn::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--ta-more-btn-bg);
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ta-more-btn--loading::after {
  display: block;
  background-image: var(--ta-more-btn-loading-icon);
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
}

.ta-movie-list__footer .ta-more-btn {
  width: 100%;
  max-width: 10rem;
  margin: 0 auto;
}

.ta-more-btn__arrow {
  margin-left: 0.125rem;
  -webkit-transform: translateY(0.0625rem);
      -ms-transform: translateY(0.0625rem);
          transform: translateY(0.0625rem);
}

.ta-more-btn__arrow svg {
  width: 1.0625rem;
  height: 0.625rem;
  fill: currentColor;
}

.ta-movie-list__footer {
  background-color: var(--ta-movie-list-body-bg);
  padding-top: 0.625rem;
  padding-bottom: 1.75rem;
}

/* TA-APP END */


/* OPEN-MOVIE START */
#open-movie {
    background: var(--open-movie-bg);
}
.open-movie {
  padding: 0rem 0rem 0rem 0rem;
  min-height: 0vh;
  overflow: hidden;
}
.open-movie-wrap {
  position: relative;
  padding: 0.16667rem;
  border-radius: 1.66667rem;
}
.open-movie__container {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  padding: 0rem 0.88875rem 1.30188rem 0.94438rem;
  background-clip: padding-box;
  border-radius: 1.5rem;
}
.open-movie__title {
  font-style: normal;
  font-weight: 700;
  font-size: 1.5625rem;
  line-height: 1.9375rem;
  text-align: center;
  letter-spacing: 0.01748rem;
  color: var(--manage-sub-title);
  margin-bottom: 1.11125rem;
  width: 13.44438rem;
}
.open-movie__info {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  font-family: "SF Pro Text", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: var(--manage-sub-text);
  margin-bottom: 1.60438rem;
}
.open-movie__variant {
  margin-bottom: 0.32625rem;
  text-align: center;
}
.open-movie__btn {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: -0.01907rem;
}
.open-movie__btn_gap {
  margin-bottom: 0.5625rem;
}
/* OPEN-MOVIE END */