@layer reset, defaults, components;

@layer reset {
 * {
 -webkit-tap-highlight-color: transparent
 }

 :where(:not(.wysibb-toolbar *)),
 ::before,
 ::after {
 box-sizing: border-box
 }

 html {
 -moz-text-size-adjust: none;
 -webkit-text-size-adjust: none;
 text-size-adjust: none
 }

 body,
 h1,
 h2,
 h3,
 h4,
 p,
 figure,
 blockquote,
 dl,
 dd {
 margin: 0
 }

 ul[role=list],
 ol[role=list] {
 list-style: none
 }

 h1,
 h2,
 h3,
 h4 {
 text-wrap: balance
 }

 a:not([class]) {
 text-decoration-skip-ink: auto;
 color: currentColor
 }

 picture {
 display: block
 }

 input,
 button,
 textarea,
 select {
 font: inherit;
 line-height: 20px
 }

 textarea:not([rows]) {
 min-height: 10em
 }

 :target {
 scroll-margin-block: 5ex
 }

 audio:not([controls]) {
 display: none;
 height: 0
 }

 [hidden] {
 display: none
 }

 audio,
 iframe,
 img,
 object,
 table,
 video,
 picture {
 max-width: 100%
 }

 .myWinCont img {
 max-width: initial
 }

 img {
 border: 0
 }

 fieldset {
 margin: 0
 }

 textarea {
 overflow: auto;
 vertical-align: top;
 width: 100%;
 resize: none
 }

 table {
 font-size: 100%
 }
}

@layer defaults {
 :root {
 color-scheme: light;
 --tpl-font-system: 'Inter', system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 --tpl-font-size-small: 13px;
 --tpl-font-size: 14px;
 --tpl-font-size-plus: 18px;
 --tpl-font-size-medium: 16px;
 --tpl-font-size-medium-plus: 20px;
 --tpl-font-size-large: 30px;
 --tpl-font-size-extra-large: 36px;
 --tpl-font-text-r05: normal 400 var(--tpl-font-size-small)/18px var(--tpl-font-system);
 --tpl-font-text-m05: normal 500 var(--tpl-font-size-small)/18px var(--tpl-font-system);
 --tpl-font-text-sb05: normal 600 var(--tpl-font-size-small)/18px var(--tpl-font-system);
 --tpl-font-text-r1: normal 400 var(--tpl-font-size)/1.4 var(--tpl-font-system);
 --tpl-font-text-m1: normal 500 var(--tpl-font-size)/1.4 var(--tpl-font-system);
 --tpl-font-text-sb1: normal 600 var(--tpl-font-size)/1.4 var(--tpl-font-system);
 --tpl-font-text-r2: normal 400 var(--tpl-font-size-medium)/1.4 var(--tpl-font-system);
 --tpl-font-text-m2: normal 500 var(--tpl-font-size-medium)/1.4 var(--tpl-font-system);
 --tpl-font-text-sb2: normal 600 var(--tpl-font-size-medium)/1.4 var(--tpl-font-system);
 --tpl-font-header-1: normal 700 var(--tpl-font-size-extra-large)/1.2 var(--tpl-font-system);
 --tpl-font-header-2: normal 700 var(--tpl-font-size-large)/1.3 var(--tpl-font-system);
 --tpl-font-header-3: normal 700 var(--tpl-font-size-medium-plus)/1.3 var(--tpl-font-system);
 --tpl-font-header-4: normal 600 var(--tpl-font-size-plus)/1.3 var(--tpl-font-system);
 --tpl-transition: .2s ease;
 --tpl-max-layout-width: 1240px;
 --tpl-border-line-100: 1px solid light-dark(var(--tpl-dark-300), var(--dark-tpl-dark-400));
 --tpl-border-line: 2px solid light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700));
 --tpl-spacing-s: 8px;
 --tpl-spacing-m: 12px;
 --tpl-spacing-l: 16px;
 --tpl-spacing-xl: 24px;
 --tpl-spacing-2xl: 40px;
 --tpl-spacing-3xl: 48px;
 --tpl-dark-900: #020203;
 --tpl-dark-800: #191925;
 --tpl-dark-700: #252634;
 --tpl-dark-650: #3c3e4e;
 --tpl-dark-600: #6a6e7b;
 --tpl-dark-500: #9a9da7;
 --tpl-dark-400: #3c3f4f;
 --tpl-dark-300: #dddde1;
 --tpl-dark-200: #eaeaec;
 --tpl-dark-100: #f5f5f6;
 --tpl-ovelay: rgba(25, 25, 37, 0.5);
 --tpl-panel-shadow: 0 4px 14px 0 rgba(0, 0, 0, .13);
 --tpl-btn-shadow: 0 2px 8px 0 #00000033;
 --tpl-accent-blue-dark: #3367f4;
 --tpl-accent-blue: #507fff;
 --tpl-accent-blue-100: #507fff33;
 --tpl-accent-blue-light: #e6edff;
 --tpl-accent-white: #ffffff;
 --tpl-accent-red: #d44c4c;
 --tpl-accent-red-light: #F9E4E4;
 --tpl-accent-red-100: #eb5757;
 --tpl-accent-red-200: #eb575733;
 --tpl-accent-yellow: #e59010;
 --tpl-accent-yellow-50: #ffefcc;
 --tpl-accent-yellow-100: #f2994a;
 --tpl-accent-yellow-200: #f2994a33;
 --tpl-accent-yellow-300: #feac08;
 --tpl-accent-yellow-400: #594214;
 --tpl-accent-yellow-500: #2B2111;
 --tpl-accent-green: #4cd46a;
 --tpl-accent-green-100: #27ae60;
 --tpl-accent-green-200: #27ae6033;
 --tpl-chevron-icon-data: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='%236A6E7B' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41 0L6 4.94467L10.59 0L12 1.52227L6 8L0 1.52227L1.41 0Z' fill='%236A6E7B'/%3E%3C/svg%3E%0A");
 --dark-tpl-dark-900: #0f0f0f;
 --dark-tpl-dark-800: #141414;
 --dark-tpl-dark-750: #1D1E20;
 --dark-tpl-dark-700: #242528;
 --dark-tpl-dark-500: #2f3031;
 --dark-tpl-dark-450: #303134;
 --dark-tpl-dark-420: #3A3B3E;
 --dark-tpl-dark-410: #38393D;
 --dark-tpl-dark-400: #414244;
 --dark-tpl-dark-370: #4c4e50;
 --dark-tpl-dark-360: #5a5c5f;
 --dark-tpl-dark-355: #68686B;
 --dark-tpl-dark-350: #797a7c;
 --dark-tpl-accent-blue-light: #353D52;
 --dark-tpl-light: #ffffff;
 --dark-tpl-panel-shadow: 0px 4px 14px 0px #00000021
 }

 :root[data-theme=light] {
 color-scheme: light
 }

 :root[data-theme=dark] {
 color-scheme: dark
 }

 :root[data-theme="light dark"] {
 color-scheme: light dark
 }

 @media (prefers-color-scheme:dark) {
 :root:where([data-theme=dark], [data-theme="light dark"]) {
 --tpl-ovelay: rgba(0, 0, 0, 0.6);
 --tpl-chevron-icon-data: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='%239A9DA7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41 0L6 4.94467L10.59 0L12 1.52227L6 8L0 1.52227L1.41 0Z' fill='%236A6E7B'/%3E%3C/svg%3E%0A")
 }

 :root:where([data-theme=dark], [data-theme="light dark"]) :is(.legend-icon, .topic-item-icon, .forum-additional-info img, .forum-cat-item-icon) {
 filter: contrast(0)
 }
 }

 body {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-800));
 color: light-dark(var(--tpl-dark-900), var(--tpl-dark-300));
 font: var(--tpl-font-text-r1)
 }

 a {
 color: var(--tpl-accent-blue);
 text-decoration: none
 }

 a:hover {
 color: var(--tpl-accent-blue-dark)
 }

 h1,
 h2 {
 margin-block: var(--tpl-spacing-l)
 }

 h1 {
 font: var(--tpl-font-header-1)
 }

 h2 {
 font: var(--tpl-font-header-2)
 }

 h3 {
 font: var(--tpl-font-header-3)
 }

 h4 {
 font: var(--tpl-font-header-4)
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
 color: light-dark(var(--tpl-dark-900), var(--tpl-accent-white))
 }

 .hidden {
 display: none
 }

 .freeze {
 overflow: hidden !important
 }

 ul {
 padding: 0;
 margin: 0;
 list-style: none
 }

 .svg-icon {
 width: 18px;
 height: 18px;
 pointer-events: none
 }

 .svg-icon-24 {
 width: 24px;
 height: 24px;
 pointer-events: none
 }

 .entry-download-item:before,
 .order-digital-links a:before,
 :is(.e-author-email, .e-author-site, .e-category, .e-reads, .e-author, .e-tags, .e-rating, .e-comments, .e-add, .e-loads, .e-redirects, .e-placed, .e-author-phone, .e-counters):before,
 :is(.mcBBcodesBtn, .mcManageBtn, .mcReloadBtn, .mcSmilesBtn):before {
 font-family: 'Material Symbols Outlined', sans-serif;
 font-weight: 400;
 font-style: normal;
 font-size: 24px;
 line-height: 1;
 letter-spacing: normal;
 text-transform: none;
 display: inline-block;
 white-space: nowrap;
 word-wrap: normal;
 direction: ltr;
 -webkit-font-feature-settings: 'liga';
 -webkit-font-smoothing: antialiased
 }

 html,
 select[multiple],
 .quoteMessage,
 .cart-scroll-container,
 .searchForumsFl,
 #goods-options-list,
 #transactions_cont,
 #message.manFl,
 .uploaderPhotosContainer,
 .compare-layout .tabs,
 .scrollable-table-container,
 .module-search .results-layout #sFltLst .xw-mc {
 scrollbar-width: thin;
 scrollbar-color: light-dark(var(--tpl-dark-300), var(--dark-tpl-dark-700)) light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-900))
 }

 .highlight-green,
 .statusOnline {
 color: var(--tpl-accent-green)
 }

 .highlight-red,
 .commError,
 .manTdError,
 .statusOffline,
 .gTableError {
 color: var(--tpl-accent-red)
 }

 #transactions_cont,
 .scrollable-table-container {
 overflow-x: auto
 }

 .stock-sets-table,
 .gTable {
 border-spacing: 0;
 border-collapse: collapse;
 background: 0
 }

 @keyframes scale-in-center {
 0% {
 transform: scale(0);
 opacity: 1
 }

 100% {
 transform: scale(1);
 opacity: 1
 }
 }
}

@layer components {
 @layer defaults, state;

 @layer defaults {

 input:where(:not([type=image]):not([type=reset]):not([type=submit]):not([type=button])),
 select,
 textarea {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-700));
 border: var(--tpl-border-line-100);
 border-radius: 6px;
 color: light-dark(var(--tpl-dark-800), var(--dark-tpl-light));
 padding: 9px 10px;
 font-weight: 500
 }

 :where(.invoices-filters-list, .filter-category, .order-summary, #addPhtFrm .xPhtBlock:nth-child(odd), .sidebar-block) :is(input:where(:not([type=checkbox]):not([type=radio]):not([type=image]):not([type=reset]):not([type=submit]):not([type=button])), select, textarea) {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-500))
 }

 input::placeholder,
 textarea::placeholder {
 color: light-dark(var(--tpl-dark-500), var(--tpl-dark-300))
 }

 input:where(:not([type=reset]):not([type=submit]):not([type=button])):focus,
 select:focus,
 textarea:focus {
 border-color: var(--tpl-accent-blue);
 outline: .5px solid var(--tpl-accent-blue)
 }

 [type=radio],
 [type=checkbox] {
 --box-size: 20px;
 --point-color: var(--tpl-accent-white);
 width: var(--box-size);
 height: var(--box-size);
 border: 2px solid light-dark(var(--tpl-dark-600), var(--dark-tpl-dark-400));
 appearance: none;
 padding: 0;
 cursor: pointer;
 position: relative;
 vertical-align: middle
 }

 .shop-options :is([type=radio], [type=checkbox]) {
 margin: 0
 }

 .myWinCont [type=radio],
 .myWinCont [type=checkbox] {
 --box-size: 16px;
 border-width: 1px;
 color-scheme: light
 }

 [type=radio]:focus,
 [type=checkbox]:focus {
 border-color: light-dark(var(--tpl-dark-600), var(--dark-tpl-dark-400));
 outline: 0
 }

 [type=checkbox] {
 border-radius: calc(var(--box-size) * .2)
 }

 [type=radio] {
 border-radius: var(--box-size)
 }

 [type=radio]:checked,
 [type=checkbox]:checked {
 background-color: var(--tpl-accent-blue);
 border-color: var(--tpl-accent-blue)
 }

 [type=radio]:before,
 [type=checkbox]:after,
 [type=checkbox]:before {
 content: '';
 display: block;
 background: var(--point-color);
 border-radius: var(--box-size);
 position: absolute;
 left: 50%;
 top: 50%;
 width: 0;
 height: 0;
 transition: width var(--tpl-transition)
 }

 [type=radio]:before {
 transition: transform var(--tpl-transition);
 transform: translate(-50%, -50%) scale(0)
 }

 [type=radio]:checked:before {
 width: calc(var(--box-size) * .4);
 height: calc(var(--box-size) * .4);
 transform: translate(-50%, -50%) scale(1)
 }

 [type=checkbox]:checked:before {
 width: calc(var(--box-size) * .3);
 height: calc(var(--box-size)/ 10);
 transform: translate(-50%) rotate(230deg);
 transform-origin: 30% 100%
 }

 [type=checkbox]:checked:after {
 width: calc(var(--box-size)/ 2);
 height: calc(var(--box-size)/ 10);
 transform: translate(-50%, -50%) rotate(130deg);
 transform-origin: 56% 70%
 }

 .button-link {
 display: inline-block
 }

 .buy-box [id$=buynow],
 .button-link,
 .basketorder,
 .advanced-search-link,
 .add-to-cart-link,
 button,
 [type=button],
 [type=reset],
 [type=submit] {
 padding: 10px 14px;
 border: 0;
 font: var(--tpl-font-text-sb1);
 border-radius: 8px;
 cursor: pointer;
 transition: background-color var(--tpl-transition)
 }

 button,
 .button-link,
 .basketorder,
 .add-to-cart-link,
 .buy-box [id$=buynow],
 [type=button],
 [type=submit] {
 background-color: var(--tpl-accent-blue);
 color: var(--tpl-accent-white)
 }

 .basketorder:hover,
 .button-link:hover,
 .add-to-cart-link:hover,
 button:hover,
 [type=button]:hover,
 [type=submit]:hover {
 background-color: var(--tpl-accent-blue-dark)
 }

 .u-gray-btn,
 .qty-btn,
 .stock-reset-btn,
 .notify-stock-btn,
 .advanced-search-link,
 [type=reset] {
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-360));
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-200))
 }

 .u-gray-btn:hover,
 .qty-btn:hover,
 .stock-reset-btn:hover,
 .notify-stock-btn:hover,
 .advanced-search-link:hover,
 [type=reset]:hover {
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-350));
 color: light-dark(var(--tpl-dark-700), var(--tpl-dark-100))
 }

 select {
 max-width: 350px;
 appearance: none
 }

 select:where(:not([multiple])) {
 padding-right: 30px;
 background-image: var(--tpl-chevron-icon-data);
 background-repeat: no-repeat;
 background-position: calc(100% - 10px) 50%
 }

 .notice-block {
 container: notice-block/inline-size
 }

 .notice-block-inner {
 background-color: var(--notice-bg-color);
 border-radius: 16px;
 border: 1px solid var(--notice-border-color, currentColor);
 color: var(--notice-color);
 display: grid;
 gap: 12px;
 grid-template-columns: var(--notice-icon-size, 24px) minmax(0, 1fr);
 padding: var(--notice-padding-block, 23px) var(--notice-padding-inline, 23px)
 }

 .notice-block-inner:before {
 content: "";
 width: var(--notice-icon-size, 24px);
 height: var(--notice-icon-size, 24px);
 display: block;
 background-color: var(--notice-icon-color, #000)
 }

 .notice-block-title {
 font: var(--tpl-font-text-sb1);
 color: var(--notice-title-color)
 }

 .notice-warn {
 --notice-bg-color: light-dark(var(--tpl-accent-yellow-50), var(--tpl-accent-yellow-500));
 --notice-icon-color: light-dark(var(--tpl-dark-650), var(--tpl-accent-yellow-300));
 --notice-title-color: light-dark(var(--tpl-dark-900), var(--tpl-dark-300));
 --notice-color: light-dark(var(--tpl-dark-650), var(--tpl-dark-500));
 --notice-border-color: light-dark(var(--tpl-accent-yellow-50), var(--tpl-accent-yellow-400))
 }

 :where(.notice-warn) .notice-block-inner:before {
 -webkit-mask: url("/.s/t/2301/icons/info.svg") center/contain no-repeat;
 mask: url("/.s/t/2301/icons/info.svg") center/contain no-repeat
 }

 @container notice-block (width <=480px) {
 .notice-block-inner {
 --notice-padding-block: 16px;
 --notice-padding-inline: 16px
 }
 }

 .counter-icon {
 align-items: center;
 display: flex;
 justify-content: center;
 position: relative
 }

 .counter-icon,
 .counter-icon svg {
 width: var(--ci-size, 24px);
 height: var(--ci-size, 24px);
 pointer-events: none
 }

 .counter-icon .counter {
 border-radius: 24px;
 border: 2px solid var(--ci-counter-boder-color, light-dark(var(--tpl-dark-100), var(--ci-counter-bg-color, var(--tpl-dark-500))));
 display: block;
 font-size: 8px;
 font-weight: 700;
 line-height: 12px;
 min-width: 16px;
 padding-inline: 2px;
 position: absolute;
 text-align: center;
 translate: 50% -50%;
 background-color: var(--ci-counter-bg-color, var(--tpl-dark-500));
 color: var(--ci-counter-color, var(--tpl-accent-white));
 transition: var(--tpl-transition)
 }
 }

 @layer state {

 .button-link.disabled,
 #uf-submit.disabled,
 #add-video-btn.inactive,
 :disabled:where(:not(.btn-disabled-fade)) {
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-420));
 border-color: light-dark(var(--tpl-dark-300), var(--dark-tpl-dark-420));
 color: light-dark(var(--tpl-dark-500), var(--dark-tpl-dark-355));
 pointer-events: none;
 outline: 0
 }

 .btn-disabled-fade:disabled {
 opacity: .5;
 pointer-events: none;
 outline: 0;
 user-select: none
 }

 [type=radio]:disabled,
 [type=checkbox]:disabled {
 --point-color: light-dark(var(--tpl-dark-500), var(--dark-tpl-dark-360));
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-410));
 border-color: light-dark(var(--tpl-dark-500), var(--dark-tpl-dark-360))
 }
 }
}

.layout {
 display: flex;
 flex-direction: column;
 min-height: 100vh
}

.layout select option[selected] {
 background-color: light-dark(#eee, #545454) !important
}

.main {
 flex: 1 1 auto;
 margin-block: var(--tpl-spacing-2xl) calc(var(--tpl-spacing-2xl) * 2)
}

.container {
 margin: 0 auto;
 max-width: calc(var(--tpl-max-layout-width) + (var(--tpl-spacing-l) * 2));
 padding: 0 var(--tpl-spacing-l);
 width: 100%
}

.main-container {
 --gap-size: 48px;
 --sidebar-size: 293px;
 display: flex;
 gap: var(--gap-size)
}

.main-container>.tpl-content {
 flex: 1;
 min-width: 0
}

.main-container>.sidebar {
 flex: 0 0 var(--sidebar-size);
 width: var(--sidebar-size)
}

.header {
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700));
 position: sticky;
 top: 0;
 width: 100%;
 z-index: 999;
 border-bottom: 1px solid light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-500))
}

.uadm--fixed-body-top .header {
 top: 30px
}

#uAdminBar.uadm:where(:not(.uadm--bottom):not(.uadm--fixed)),
#uAdminBar.uadm:where(:not(.uadm--bottom):not(.uadm--fixed)) .uadm-collapse {
 top: 70px
}

.footer {
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700));
 width: 100%
}

.footer-container {
 align-items: center;
 display: flex;
 justify-content: space-between;
 padding-block: var(--tpl-spacing-m)
}

:where(.auth-links, .main-menu-nav) a {
 color: light-dark(var(--tpl-dark-900), var(--tpl-dark-100))
}

:where(.header) .logo-link {
 align-items: center;
 color: light-dark(var(--tpl-dark-700), var(--dark-tpl-light));
 display: flex;
 flex-shrink: 0;
 font: var(--tpl-font-header-4);
 gap: var(--tpl-spacing-s)
}

:where(.header) .logo-icon {
 flex: 0 0 36px;
 height: 36px;
 width: 36px
}

:where(.header) .logo-slogan {
 max-width: 224px
}

.header-container {
 align-items: stretch;
 display: flex;
 gap: var(--tpl-spacing-l);
 justify-content: space-between
}

.header-left {
 display: flex;
 gap: var(--tpl-spacing-2xl);
 justify-content: start;
 max-width: calc(100% - var(--subtract-size, 327px));
 min-width: 0
}

.header-right {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-xl);
 justify-content: flex-end
}

:where(.header .cart-text),
.header-auth-block {
 display: none
}

.header-cart {
 position: relative
}

:where(.header-cart, #shop-basket) {
 height: 100%
}

:where(.header-cart) .header-cart-btn {
 --ci-counter-bg-color: var(--tpl-accent-red);
 align-items: center;
 appearance: none;
 background-color: transparent;
 border: 0;
 color: light-dark(var(--tpl-dark-900), var(--dark-tpl-light));
 display: flex;
 gap: var(--tpl-spacing-s);
 height: 100%;
 padding: 0
}

:where(.header-cart) .cart-panel {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-450));
 border-radius: 8px;
 box-shadow: var(--tpl-panel-shadow);
 max-width: calc(100vw - (var(--tpl-spacing-xl) * 2));
 padding: var(--tpl-spacing-xl);
 pointer-events: none;
 position: absolute;
 right: 0;
 top: calc(50% + (1em * 1.4)/ 2);
 transition: top var(--tpl-transition);
 visibility: hidden;
 width: 320px;
 z-index: 100
}

:where(.header-cart.open) .cart-panel {
 pointer-events: auto;
 top: calc(50% + (1em * 1.4)/ 2 + 10px);
 transition: top var(--tpl-transition);
 visibility: visible
}

:where(.header-cart) .cart-panel-inner {
 color: light-dark(var(--tpl-dark-700), var(--tpl-dark-200));
 display: flex;
 flex-direction: column;
 font-weight: 500;
 gap: var(--tpl-spacing-l);
 justify-content: start;
 max-height: min(472px, calc(100vh - 65px - 48px))
}

:where(.header-cart) .cart-scroll-container {
 margin: 0 -20px 0;
 overflow: auto;
 scrollbar-width: thin
}

:where(.header-cart) .cart-items {
 display: flex;
 flex-direction: column;
 gap: var(--tpl-spacing-l);
 padding: 0 var(--tpl-spacing-m) var(--tpl-spacing-m)
}

:where(.header-cart .cart-items) li {
 align-items: flex-start;
 display: flex;
 justify-content: space-between
}

:where(.header-cart .cart-items) .basket-item-icon {
 flex: 0 0 46px
}

:where(.header-cart .basket-item-icon) img {
 display: block;
 height: 46px;
 object-fit: scale-down;
 object-position: top center;
 width: 46px
}

:where(.header-cart .cart-items) .basket-item-name {
 flex-grow: 2;
 margin-inline: var(--tpl-spacing-m) var(--tpl-spacing-s)
}

:where(.header-cart) .cost {
 color: var(--tpl-dark-500);
 font: var(--tpl-font-text-m1)
}

:where(.header-cart) :is(.cart-disc, .cart-disc-info) {
 color: var(--tpl-dark-500);
 font-size: .9em
}

:where(.header-cart) .cart-total {
 font-size: var(--tpl-font-size-medium);
 font-weight: 600
}

:where(.header-cart) :is(.cart-disc, .cart-total, .cart-disc-info) {
 text-align: right
}

:where(.header-cart) .cart-actions {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-m)
}

:where(.header-cart) .basketorder {
 flex: 1;
 text-align: center
}

:where(.header-cart) .cart-disc-info {
 border-top: var(--tpl-border-line-100);
 font-style: italic;
 margin-top: 6px;
 padding-top: 6px
}

:where(.header-cart) .empty-cart {
 align-items: center;
 color: var(--tpl-dark-500);
 display: flex;
 flex-direction: column;
 user-select: none;
 text-align: center
}

:where(.header-cart .empty-cart) .icon-wrapper {
 align-items: center;
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-360));
 border-radius: 54px;
 display: flex;
 height: 54px;
 justify-content: center;
 width: 54px
}

:where(.header-cart .empty-cart) .empty-cart-title {
 color: light-dark(var(--tpl-dark-700), var(--tpl-dark-200));
 font: var(--tpl-font-text-sb2);
 margin-block: var(--tpl-spacing-s)
}

:where(.header-cart .empty-cart) .empty-cart-link {
 margin-top: var(--tpl-spacing-xl)
}

.menu-icon {
 height: 18px;
 pointer-events: none;
 transition: all var(--tpl-transition);
 vertical-align: middle;
 width: 18px
}

.header-mobile-button {
 appearance: none;
 background-color: transparent;
 border: 0;
 color: light-dark(var(--tpl-dark-900), var(--dark-tpl-light));
 display: none;
 height: 24px;
 padding: 0;
 width: 24px
}

.header-mobile-icon {
 display: block;
 height: inherit;
 width: inherit
}

.header-mobile-close .header-mobile-icon {
 height: 18px;
 pointer-events: none;
 width: 18px
}

.menubar-block {
 display: none
}

.uMenuItemA {
 color: light-dark(var(--tpl-accent-blue), var(--dark-tpl-light));
 cursor: default
}

.header-search {
 display: none
}

.header-wishlist-btn {
 align-items: center;
 color: light-dark(var(--tpl-dark-900), var(--dark-tpl-light));
 display: flex;
 height: 100%
}

:where(.header-wishlist-btn) .wish-counter[data-count="0"] {
 transform: scale(0);
 visibility: hidden
}

.slider-section {
 margin-top: var(--tpl-spacing-l)
}

.slider-container {
 max-width: var(--tpl-max-layout-width);
 padding: 0
}

.promo-card-img {
 background-color: light-dark(var(--tpl-dark-100, gray), var(--dark-tpl-dark-450));
 border-radius: 16px;
 display: block;
 height: 100%;
 inset: 0;
 object-fit: cover;
 position: absolute;
 width: 100%
}

.promo-card-inner {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-750));
 border-radius: 12px;
 margin: var(--tpl-spacing-l);
 max-width: 398px;
 min-height: 381px;
 padding: var(--tpl-spacing-2xl) var(--tpl-spacing-xl) 80px;
 position: relative;
 z-index: 11
}

:where(.promo-card) .promo-btn {
 margin-top: 18px
}

.promo-card-content h2 {
 margin: 0 0 18px
}

.promo-slider .swiper-lazy-preloader {
 --swiper-preloader-color: var(--tpl-dark-500)
}

.promo-slider-controls {
 align-items: center;
 bottom: 40px;
 display: flex;
 gap: 10px;
 left: 40px;
 position: absolute;
 z-index: 9
}

.promo-slider-fraction {
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-360));
 border-radius: 100px;
 flex: 0;
 font: var(--tpl-font-text-r2);
 padding: 9px 19px;
 text-align: center;
 min-width: 60px;
 min-height: 40px
}

.swiper-btn {
 --swiper-btn-size: 40px;
 align-items: center;
 border-radius: var(--swiper-btn-size);
 cursor: pointer;
 display: flex;
 height: var(--swiper-btn-size);
 justify-content: center;
 outline: 0;
 padding: 0;
 transition: background-color var(--tpl-transition);
 width: var(--swiper-btn-size)
}

.swiper-btn svg {
 stroke-width: 2px
}

.swiper-btn-dark {
 background-color: light-dark(var(--tpl-dark-900), var(--dark-tpl-dark-360));
 color: light-dark(var(--tpl-accent-white), var(--tpl-dark-100))
}

.swiper-btn-white {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-360));
 box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
 color: light-dark(var(--tpl-dark-800), var(--tpl-dark-100))
}

.sidebar-container {
 display: flex;
 flex-direction: column;
 gap: var(--tpl-spacing-l)
}

.sidebar-block {
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700));
 border-radius: 16px
}

.sidebar-block .inner {
 border-radius: inherit;
 padding: var(--tpl-spacing-xl)
}

.sidebar-block-title {
 margin-bottom: var(--tpl-spacing-l)
}

.sidebar-block-content {
 font-weight: 500
}

.pollTot,
.rate-list {
 color: var(--tpl-dark-600)
}

:where(.sidebar-block) div:has(> .tOnline) {
 text-align: left;
 color: light-dark(var(--tpl-dark-800), var(--tpl-dark-500))
}

.user-box,
.archUl,
.friends-links {
 display: flex;
 flex-direction: column;
 gap: var(--tpl-spacing-s)
}

.pollAns {
 display: flex;
 flex-direction: column;
 gap: var(--tpl-spacing-m);
 margin-block: var(--tpl-spacing-m) var(--tpl-spacing-l)
}

.pollBut {
 display: block
}

.pollLnk {
 margin-block: var(--tpl-spacing-l)
}

.pollLnk a {
 white-space: nowrap
}

.review-author-info,
.user-box-header {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-m)
}

:where(.info-box-user) .user-name,
.user-box-name {
 font: var(--tpl-font-text-sb2);
 word-break: break-all;
 color: light-dark(var(--tpl-dark-700), var(--dark-tpl-light))
}

.comm-avatar-img,
.comm-form-avatar,
.comm-card-avatar,
.review-avatar,
.user-box-avatar {
 --size: 48px;
 align-items: center;
 background-color: light-dark(var(--tpl-dark-300), var(--dark-tpl-dark-450));
 border-radius: var(--size);
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 display: flex;
 flex: 0 0 var(--size);
 height: var(--size);
 justify-content: center;
 width: var(--size)
}

:is(.review-avatar, .user-box-avatar) img {
 border-radius: inherit;
 display: block;
 height: inherit;
 object-fit: cover;
 width: inherit
}

.review-avatar-icon,
.user-box-avatar-icon {
 height: calc(var(--size) * .375);
 width: calc(var(--size) * .375)
}

.user-box-links {
 align-items: center;
 display: flex;
 gap: inherit;
 justify-content: flex-start
}

.sidebar-search-content {
 position: relative
}

.search-form-icon,
.searchForm .schBtn {
 position: absolute;
 right: 10px;
 top: 10px
}

.searchForm .queryField {
 padding-right: 40px;
 width: 100%
}

.searchForm .searchSbmFl,
.search-form-icon {
 height: 20px;
 width: 20px
}

.searchForm .searchSbmFl {
 appearance: none;
 background-color: transparent;
 border: 0;
 border-radius: 0;
 display: block;
 font-size: 0;
 outline: 0;
 padding: 0
}

#shop-currency+hr {
 display: none
}

.basket-item-del {
 appearance: none;
 background: 0 0;
 border-radius: 0;
 cursor: pointer;
 display: block;
 height: 18px;
 padding: 0;
 position: relative;
 width: 18px
}

.basket-item-del.fa-spinner {
 animation: spinner 1s linear infinite;
 pointer-events: none
}

.basket-item-del.fa-spinner:before {
 background-color: transparent;
 border: 2px solid;
 border-color: transparent transparent light-dark(var(--tpl-dark-500), var(--tpl-dark-300)) light-dark(var(--tpl-dark-500), var(--tpl-dark-300));
 width: 13px
}

.basket-item-del.fa-spinner:after {
 visibility: hidden
}

.shop-more-scroll-close:before,
.shop-more-scroll-close:after,
.basket-item-del:before,
.basket-item-del:after {
 background-color: light-dark(var(--tpl-dark-500), var(--tpl-dark-300));
 border-radius: 10px;
 content: '';
 font-size: 0;
 height: 13px;
 left: 50%;
 position: absolute;
 top: 50%;
 transform: translate(-50%, -50%);
 transition: transform var(--tpl-transition);
 width: 2px;
 will-change: transform
}

.shop-more-scroll-close:before,
.shop-more-scroll-close:after {
 height: 14px
}

.shop-more-scroll-close:before,
.basket-item-del::before {
 transform: translate(-50%, -50%) rotate(45deg)
}

.shop-more-scroll-close:after,
.basket-item-del::after {
 transform: translate(-50%, -50%) rotate(-45deg)
}

#shop-currency-select {
 width: 100%;
 max-width: 100%
}

.rate-list {
 margin-top: var(--tpl-spacing-s)
}

.sidebar-block .catsTable:where(:not(table)) {
 gap: var(--tpl-spacing-s)
}

.sidebar-block .catsTable tr+tr .catsTd {
 padding-top: var(--tpl-spacing-s)
}

.sidebar-block .catsTable .catNumData,
.sidebar-block .catsTable .catDescr {
 color: var(--tpl-dark-500);
 font-size: .9em
}

.module-shop .cat-blocks {
 padding: 0
}

.module-shop .cat-blocks div {
 color: light-dark(var(--tpl-dark-800), var(--dark-tpl-light));
 font-size: var(--tpl-font-size) !important;
 margin-bottom: var(--tpl-spacing-s);
 padding: 0 !important;
 position: relative
}

.module-shop .cat-blocks .forumDescr {
 color: var(--tpl-dark-500)
}

.module-shop .cat-blocks div[onclick*=shopCatBlocks] {
 padding-right: 14px !important
}

.module-shop .cat-blocks [onclick*=shopCatBlocks]:after,
.module-shop .cat-blocks [onclick*=shopCatBlocks]:before {
 background-color: var(--tpl-dark-500);
 border-radius: 2px;
 content: '';
 height: 2px;
 position: absolute;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
 transition: transform var(--tpl-transition);
 width: 14px;
 will-change: transform
}

.module-shop .cat-blocks [onclick*=shopCatBlocks]:where(:not(.gTableSubTop)):after {
 transform: translateY(-50%) rotate(90deg)
}

.module-shop .cat-blocks li {
 margin-bottom: var(--tpl-spacing-s);
 padding-inline: var(--tpl-spacing-l) 0
}

.module-shop .cat-blocks li>a {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500))
}

.social-list {
 --item-color: gray;
 --item-size: 32px;
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-l)
}

.social-list-link {
 background-color: var(--item-color);
 border-radius: var(--item-size);
 color: var(--tpl-accent-white);
 display: block;
 height: var(--item-size);
 width: var(--item-size)
}

.vk-link {
 --item-color: #2d77f7
}

.fb-link {
 --item-color: #2c64f6
}

.ok-link {
 --item-color: #f68634
}

.tg-link {
 --item-color: #34aadf
}

.social-list-icon {
 border-radius: inherit;
 display: block;
 height: inherit;
 pointer-events: none;
 width: inherit
}

.calTable td:where(:not(.calMonth)) {
 border: 0;
 line-height: 20px;
 min-width: 35px;
 padding: 8px 2px
}

.calTable td:where(:not(.calMdayA)):nth-child(6),
.calTable td:where(:not(.calMdayA)):nth-child(7),
.calTable .calWdaySe,
.calTable .calWdaySu {
 color: var(--tpl-accent-red)
}

.calMdayA,
.calMdayIsA {
 background-color: var(--tpl-accent-blue);
 border-radius: 8px;
 color: var(--tpl-accent-white)
}

.calMdayIsA .calMdayLink {
 color: var(--tpl-accent-white)
}

.calMonth {
 line-height: 20px;
 padding: 0 0 8px;
 position: relative
}

.archiveCalendars .calMonth:before {
 content: '';
 display: inline-block;
 line-height: 20px
}

.calMonthLink {
 align-items: center;
 display: inline-flex;
 justify-content: center;
 min-height: 20px;
 min-width: 20px;
 position: absolute
}

.cal-month-link-prev {
 left: 0
}

.cal-month-link-next {
 right: 0
}

.cal-month-current {
 left: 50%;
 transform: translateX(-50%)
}

.cal-month-link-prev,
.cal-month-link-next {
 font-size: 0
}

.cal-month-link-prev:before,
.cal-month-link-next:before {
 border-bottom: 2px solid currentColor;
 border-left: 2px solid currentColor;
 content: '';
 display: block;
 height: 8px;
 width: 8px
}

.cal-month-link-prev:before {
 transform: rotate(45deg)
}

.cal-month-link-next:before {
 transform: rotate(225deg)
}

.tpl-content .login-form-wrapper {
 padding: 0
}

.login-form .login-form-label {
 padding-bottom: var(--tpl-spacing-s);
 padding-right: var(--tpl-spacing-s)
}

.login-form .login-form-val,
.login-form .login-form-label {
 padding-bottom: var(--tpl-spacing-s)
}

.login-form input[type=checkbox] {
 margin-left: 0
}

.login-form .login-form-links {
 padding-top: var(--tpl-spacing-s)
}

.login-form-wrapper td:has(> #remlogin) {
 text-align: left
}

.login-form-wrapper .login-form {
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700));
 border-radius: 16px;
 font: var(--tpl-font-text-m1);
 margin: 0 auto !important;
 padding: var(--tpl-spacing-xl);
 text-align: left;
 width: fit-content
}

.login-form-wrapper button.tgme_widget_login_button {
 align-items: center;
 color: var(--tpl-accent-white);
 display: flex;
 font: var(--tpl-font-text-sb1);
 gap: 5px;
 margin-top: var(--tpl-spacing-m);
 padding: 10px 14px
}

.login-form-wrapper button.tgme_widget_login_button .tgme_widget_login_button_icon {
 background-position: center center;
 background-size: contain;
 display: block;
 height: 18px;
 margin: 0;
 width: 18px
}

#mchatIfm2 {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-500));
 border: var(--tpl-border-line-100);
 border-radius: 6px;
 display: block
}

#MCaddFrm table {
 border-spacing: 0
}

#MCaddFrm {
 display: flex;
 flex-direction: column;
 gap: var(--tpl-spacing-m);
 margin-top: var(--tpl-spacing-m)
}

#mchatRSel {
 font-size: inherit !important
}

:is(.loginformMobile, .mcBBcodesBtn, .mcManageBtn, .mcReloadBtn, .mcSmilesBtn) img {
 display: none
}

.loginformMobile,
.mcBBcodesBtn,
.mcManageBtn,
.mcReloadBtn,
.mcSmilesBtn {
 display: inline-block
}

.mcReloadBtn::before {
 content: '\e923'
}

.mcSmilesBtn::before {
 content: '\e1d3'
}

.mcBBcodesBtn::before {
 content: '\E86F'
}

.mcManageBtn::before {
 content: '\E254'
}

#mchatMsgF {
 min-height: 100px
}

.mchat-body div[class^=cBlock] {
 display: grid;
 grid-template-columns: 1fr auto;
 margin: 0 !important;
 padding: var(--tpl-spacing-m) !important
}

.mchat-body div[class^=cBlock]+div[class^=cBlock] {
 border-top: var(--tpl-border-line-100)
}

.mchat-body .mcm-time {
 align-self: center;
 grid-column: -1;
 grid-row: 1
}

.mchat-body .mcm-user {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-s);
 grid-column: 1/2;
 grid-row: 1
}

.mchat-body .cMessage {
 grid-column: 1/-1;
 grid-row: 2
}

#mcnomess92 {
 padding: var(--tpl-spacing-m)
}

:where(.entry-card):has(.entry-card-cover) {
 display: flex;
 align-items: start;
 gap: calc(var(--tpl-spacing-l) * 2)
}

.entry-card-cover {
 flex: 0 0 320px
}

:where(.entry-card) .cover-img {
 width: 100%;
 object-fit: cover;
 height: auto;
 aspect-ratio: 4/3;
 border-radius: 16px
}

.channel-card-link,
.entry-card .entry-img-link,
:is(.module-video, .module-photo) #uEntriesList .entryBlock {
 display: block
}

.video-card,
.stuff-entry-card,
.photo-entry-card,
.channel-card {
 font-weight: 500;
 text-align: left
}

.entry-card:where(:not(.photo-entry-card):not(.gb-entry-card)) .entry-card-inner {
 display: flex;
 flex-direction: column;
 gap: var(--tpl-spacing-l)
}

.entry-card:where(:not(.photo-entry-card)) .entry-card-header {
 display: flex;
 gap: inherit;
 justify-content: space-between
}

.entry-card .entry-card-header {
 position: relative
}

.entry-title {
 margin: 0;
 transition: color var(--tpl-transition)
}

.entry-title-link {
 color: inherit
}

.entry-moder-container {
 position: absolute;
 right: var(--tpl-spacing-l);
 top: calc(50% - 12.5px)
}

.entry-moder-container :is(.u-mpanel, #f) {
 margin: 0
}

.entry-card:where(:not(.photo-entry-card)) .entry-card-main {
 display: flex;
 flex-direction: column;
 font: var(--tpl-font-text-r2);
 gap: var(--tpl-spacing-m)
}

.entry-message p+p {
 margin-top: var(--tpl-spacing-l)
}

:where(.empty-card:where(:not(.gb-entry-card))) .entry-message img {
 border-radius: 16px;
 display: block;
 min-height: 220px;
 object-fit: cover;
 width: 100%
}

.entry-detail-link,
.entry-detail.phd-rating,
.entry-detail {
 align-items: center;
 background: 0;
 display: flex;
 gap: 4px;
 justify-content: flex-start;
 padding: 0;
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500))
}

.video-card-details,
.channel-card-details,
.entry-card-footer {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-l);
 justify-content: start
}

.entry-detail-rating {
 margin-left: auto
}

.module-photo #uEntriesList:where(:not(.u-ecc--1):not(.u-ecc-0)) .uEntryWrap {
 --item-size: calc((100% - (var(--pht-cols) - 1) * var(--tpl-spacing-l)) / var(--pht-cols));
 width: var(--item-size);
 flex: 0 1 var(--item-size)
}

.module-photo #uEntriesList:where(.u-ecc--1, .u-ecc-0) {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(calc(var(--pht-img-width)), 1fr))
}

.module-photo .photo-entry-card {
 display: block;
 margin: 0 auto;
 max-width: var(--pht-img-width);
 text-align: left;
 width: auto
}

.video-card-title,
.photo-card-title {
 display: block;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap
}

.module-photo .photo-entry-card :is(.entry-img-link, .ulightbox.ph-link) img {
 border-radius: 16px;
 display: block;
 height: var(--pht-img-height, auto);
 margin: 0 auto;
 object-fit: cover;
 width: var(--pht-img-width, auto)
}

.module-photo .photo-entry-card .entry-card-main {
 margin-block: var(--tpl-spacing-m) var(--tpl-spacing-s)
}

.module-photo .entry-card-footer:where(:not(.phr-opened)) .entry-detail-rating {
 display: none
}

.module-photo .phr-opened .entry-detail-rating {
 margin: 0 auto
}

.module-photo .phr-opened .entry-detail:where(:not(.entry-detail-rating)) {
 display: none
}

.module-photo .entry-moder-container {
 top: var(--tpl-spacing-l)
}

.module-stuff .entry-card-inner {
 align-items: center;
 gap: var(--tpl-spacing-s)
}

.module-stuff #uEntriesList .entryBlock {
 margin-inline: var(--tpl-spacing-m)
}

.faq-entry-card .entry-card-main {
 gap: 0
}

.faq-entry-card .entry-message {
 font-weight: 500;
 margin-block: 0 var(--tpl-spacing-l)
}

.faq-entry-card .entry-answer {
 color: light-dark(var(--tpl-dark-400), var(--tpl-dark-300));
 font-style: italic
}

.faq-entry-card .entry-no-answer {
 color: var(--tpl-dark-500);
 font-style: italic
}

:where(.faq-entry-card) .entry-detail-content:has(.faq-usrnm-add) {
 display: flex;
 align-items: center;
 gap: 4px
}

.module-video .uEntryWrap:empty {
 display: none
}

.video-card-details,
.channel-card-details {
 margin-top: var(--tpl-spacing-s)
}

.channel-card {
 margin: 0 8px;
 position: relative;
 text-align: left
}

.channel-card .channel-card-img {
 aspect-ratio: 4/3;
 border-radius: 16px;
 display: block;
 margin-bottom: var(--tpl-spacing-m);
 object-fit: cover;
 width: 100%
}

.video-card {
 margin: 0 auto;
 max-width: var(--vi-img-width);
 position: relative
}

.video-card .entry-moder-container {
 left: var(--tpl-spacing-l);
 right: auto;
 top: var(--tpl-spacing-l)
}

.video-card-preview {
 height: var(--vi-img-height);
 margin: 0 auto var(--tpl-spacing-m);
 overflow: hidden;
 position: relative;
 width: var(--vi-img-width)
}

.video-card .video-card-preview-img {
 aspect-ratio: 4/3;
 border-radius: 16px;
 display: block;
 height: var(--vi-img-height);
 object-fit: cover;
 width: var(--vi-img-width)
}

.video-card .video-card-preview-link {
 display: block;
 position: relative
}

.video-card .preview-detail {
 background: var(--tpl-ovelay);
 border-radius: 5px;
 color: var(--tpl-accent-white);
 display: block;
 font-size: 12px;
 font-weight: 400;
 padding: 2px 5px;
 pointer-events: none;
 position: absolute;
 right: var(--tpl-spacing-m);
 transition: all var(--tpl-transition)
}

.video-card .preview-detail-add-date {
 top: var(--tpl-spacing-m)
}

.video-card .video-card-preview:hover .preview-detail-add-date {
 opacity: 0;
 transform: translateY(-100%)
}

.video-card .preview-detail-length {
 bottom: var(--tpl-spacing-m)
}

.video-card .video-card-preview:hover .preview-detail-length {
 opacity: 0;
 transform: translateY(100%)
}

.video_page-layout .vep-playvideo:before,
.video-card .video-card-preview:hover:before {
 background: var(--tpl-ovelay);
 border-radius: 16px;
 content: "";
 inset: 0;
 pointer-events: none;
 position: absolute;
 transition: background-color var(--tpl-transition);
 z-index: 1
}

.video-card-preview-link::after,
.video-card-preview-link:before {
 content: '';
 display: block;
 left: 50%;
 opacity: 0;
 position: absolute;
 top: 50%;
 transform: translate(-50%, -50%);
 transition: all var(--tpl-transition);
 z-index: 2
}

.video_page-layout .vep-playbutton,
.video-card-preview-link:before {
 background-color: var(--tpl-accent-blue);
 border-radius: 10px;
 height: 50px;
 width: 70px
}

.video_page-layout .vep-playbutton:after,
.video-card-preview-link:after {
 background-color: var(--tpl-accent-white);
 clip-path: polygon(0 0, 100% 50%, 0 100%);
 height: 20px;
 width: 20px
}

.video-card .video-card-preview:hover .video-card-preview-link:before,
.video-card .video-card-preview:hover .video-card-preview-link:after {
 opacity: 1
}

.module-tests .eTitle {
 font: var(--tpl-font-header-2);
 margin-bottom: var(--tpl-spacing-l)
}

.module-tests .tsMain-layout .eTitle {
 font: var(--tpl-font-header-3);
 margin-bottom: var(--tpl-spacing-l)
}

.module-tests .eTitle a {
 color: light-dark(var(--tpl-dark-900), var(--dark-tpl-light))
}

.module-tests .eMessage {
 font: var(--tpl-font-text-r2)
}

:where(:is(.entry-layout, .vichnl_page-layout, .video_page-layout) .entry-comments) .comEnt br,
:is(.module-search, .module-gb) .tpl-content>br {
 display: none
}

.module-search .results-layout .eBlock {
 margin-bottom: var(--tpl-spacing-2xl)
}

.module-search .results-layout .eTitle {
 font: var(--tpl-font-text-r2);
 margin-bottom: var(--tpl-spacing-m)
}

.module-search .results-layout .eMessage {
 padding: 0 !important
}

.module-search .results-layout .eDetails {
 gap: 5px;
 margin-top: var(--tpl-spacing-m)
}

.gb-entry-card .entry-card-header {
 margin-bottom: 4px
}

.gb-entry-card .entry-card-footer {
 margin-top: var(--tpl-spacing-l)
}

.gb-entry-card :is(.u-rate-link .svg-icon, .u-rate-link) {
 display: block
}

.gb-entry-card .u-rate-wrapper {
 align-items: center;
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 display: flex;
 gap: var(--tpl-spacing-s)
}

.gb-entry-card .user-detail-date {
 color: light-dark(var(--tpl-dark-400), var(--tpl-dark-500));
 font-size: var(--tpl-font-size-small)
}

.gb-entry-card .user-detail-name {
 font: var(--tpl-font-text-sb1);
 color: light-dark(var(--tpl-dark-900), var(--tpl-dark-100))
}

:where(#pager),
.entries-pagination,
.layout .paging-wrapper-top,
.pagesBlock1,
.pagesBlock2,
.pagesBlockuz1,
.pagesBlockuz2,
.pagesBlockuz,
.forumMemSwch,
.forum-pages,
.paging-wrapper-bottom,
#pagesBlock2,
#pagesBlock1 {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 justify-content: center
}

.forum-pages {
 gap: var(--tpl-spacing-s);
 justify-content: start
}

:where(#pager),
.shop-pagination {
 margin-top: var(--tpl-spacing-l)
}

.shop-pagination :is(.pprev, .pnext, .plist),
.shop-pagination {
 align-items: center;
 display: flex;
 gap: 5px;
 justify-content: center
}

:where(#pager > hr),
.shop-pagination :is(.pprev:empty, .pnext:empty) {
 display: none
}

.shop-pagination .plist {
 flex-wrap: wrap
}

.forumMemSwch,
.layout .paging-wrapper-top {
 gap: var(--tpl-spacing-s);
 justify-content: end
}

:where(.module-gb) .pages-label {
 margin-right: var(--tpl-spacing-s)
}

:where(body:not(.module-gb)) #pagesBlock1:is(:first-child) {
 margin-bottom: var(--tpl-spacing-xl)
}

.shop-pagination :is(.pgSwchA, .pgSwch),
.module-forum :is(.switchNext, .switchBack, .switchDigit, .switchActive),
.swchItemDots1,
.swchItemA1,
.swchItem1,
.swchItemDots,
.swchItemA,
.swchItem {
 align-items: center;
 border-radius: 8px;
 color: light-dark(var(--tpl-dark-700), var(--tpl-dark-300));
 display: flex;
 font-weight: 500;
 justify-content: center;
 line-height: 2.5;
 min-width: 35px;
 padding-inline: var(--tpl-spacing-m)
}

.shop-pagination .pgSwchA,
.module-forum .switchActive,
.swchItemA1,
.swchItemA {
 background-color: var(--tpl-accent-blue);
 color: var(--tpl-accent-white)
}

.shop-pagination :is(.pgNext, .pgPrev),
.module-forum :is(.switchNext, .switchBack),
.swchItem-prev,
.swchItem-next {
 min-height: calc(1em * 2.5)
}

:is(.pgNext, .pgPrev, .swchItem-prev, .swchItem-next, .switchBack, .switchNext) span {
 display: none
}

:is(.pgNext, .pgPrev, .swchItem-prev, .swchItem-next, .switchBack, .switchNext):before {
 --icon-size: .6em;
 --stroke-size: 2px;
 border-bottom: var(--stroke-size) solid currentColor;
 border-left: var(--stroke-size) solid currentColor;
 content: '';
 display: inline-block;
 height: var(--icon-size);
 width: var(--icon-size)
}

.pgPrev:before,
.switchBack:before,
.swchItem-prev:before {
 transform: rotate(45deg)
}

.pgNext:before,
.switchNext:before,
.swchItem-next:before {
 transform: rotate(225deg)
}

:where(.entry-layout .eBlock),
:where(.entry-layout :is(.eBlock > tbody, .eBlock > tbody > tr, .eBlock > tbody > tr > td)) {
 display: block;
 padding: 0
}

.module-video .vep-title,
.entry-layout .eTitle {
 align-items: start;
 color: light-dark(var(--tpl-dark-800), var(--dark-tpl-light));
 display: flex;
 font: var(--tpl-font-header-2);
 gap: var(--tpl-spacing-s);
 justify-content: space-between;
 margin-bottom: var(--tpl-spacing-l)
}

.entry-layout td:has(.eTitle) {
 width: 100%
}

.entry-layout .eTitle>div:first-child {
 order: 1;
 white-space: nowrap
}

.e-cover-image {
 aspect-ratio: 4/3;
 border-radius: 16px;
 float: left;
 margin: 0 32px 28px 0;
 object-fit: cover;
 vertical-align: middle;
 width: 320px
}

.product-page-desc,
.index-page-content,
.video_page-layout .vep-descr-block,
.entry-layout .eText,
.entry-layout .eMessage {
 color: light-dark(var(--tpl-dark-800), var(--tpl-dark-300));
 font: var(--tpl-font-text-r2)
}

:where(.entry-layout :where(.eText, .eMessage)) .ulightbox {
 display: block;
 margin-block: var(--tpl-spacing-m)
}

:where(.product-page-desc) p:has(+ p),
:where(.entry-layout :where(.eText, .eMessage)) p:has(+ p) {
 margin-bottom: var(--tpl-spacing-m)
}

:where(.index-page-content, .product-page-desc)>:is(h1, h2, h3, h4),
:where(.entry-layout :where(.eText, .eMessage)) :is(h1, h2, h3, h4) {
 margin-block: var(--tpl-spacing-xl) var(--tpl-spacing-m)
}

:where(.index-page-content, .product-page-desc)>:is(ol, ul),
:where(.entry-layout) :is(.eText, .eMessage) :is(ol, ul) {
 margin-block: var(--tpl-spacing-m);
 list-style-position: inside;
 padding-left: var(--tpl-spacing-s)
}

:where(.index-page-content, .product-page-desc)>ul,
:where(.entry-layout) :is(.eText, .eMessage) ul {
 list-style-type: '• '
}

:where(.index-page-content, .product-page-desc)>:is(hr, table, blockquote),
:where(.entry-layout) :is(.eText, .eMessage) :is(hr, table, blockquote) {
 margin-block: var(--tpl-spacing-xl)
}

:where(.index-page-content, .product-page-desc)>hr,
:where(.entry-layout) :is(.eText, .eMessage) hr {
 height: 1px;
 background-color: light-dark(var(--tpl-dark-300), var(--dark-tpl-dark-400))
}

:where(.index-page-content, .product-page-desc)>table,
:where(.entry-layout) :is(.eText, .eMessage)>table {
 border: var(--tpl-border-line-100);
 border-collapse: collapse;
 text-align: left
}

:where(.product-page-desc table) :is(td, th, caption),
:where(.index-page-content > table) :is(td, th, caption),
:where(.entry-layout :where(.eText, .eMessage) > table) :is(td, th, caption) {
 border: var(--tpl-border-line-100);
 font-weight: 400;
 padding: var(--tpl-spacing-s)
}

:where(.product-page-desc table) caption,
:where(.index-page-content > table) caption,
:where(.entry-layout :where(.eText, .eMessage) > table) caption {
 border-bottom: 0
}

:where(.product-page-desc table) th,
:where(.index-page-content > table) th,
:where(.entry-layout :where(.eText, .eMessage) > table) th {
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700))
}

:where(.product-page-desc):has([scope=row] thead) th,
:where(.index-page-content table):has([scope=row] thead) th,
:where(.entry-layout :where(.eText, .eMessage) > table:has([scope=row]) thead) th {
 background-color: light-dark(var(--tpl-dark-300), var(--dark-tpl-dark-750))
}

:where(.index-page-content, .product-page-desc) blockquote,
:where(.entry-layout :where(.eText, .eMessage)) blockquote {
 padding: var(--tpl-spacing-s) var(--tpl-spacing-xl);
 border-left: 2px solid light-dark(var(--tpl-dark-600), var(--tpl-dark-500))
}

:where(.index-page-content)>pre,
:where(.product-page-desc) pre,
:where(.entry-layout :where(.eText, .eMessage)) pre {
 white-space: pre-wrap
}

.entry-layout .eAttach {
 margin-block: var(--tpl-spacing-l)
}

.entry-layout :is(.eMessage, .eText) p {
 text-wrap: pretty
}

.entry-layout .eMessage h3 {
 margin-block: var(--tpl-spacing-xl) var(--tpl-spacing-l)
}

:is(.eDetails, .eDetails1, .eDetails2) {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-l);
 justify-content: start;
 margin-top: var(--tpl-spacing-xl)
}

:is(.eDetails, .eDetails1, .eDetails2),
:is(.eDetails, .eDetails1, .eDetails2) a {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500))
}

.module-photo .entry-layout .photo-edescr:empty,
:is(.eDetails, .eDetails1, .eDetails2) :is(.ed-sep, .ed-title) {
 display: none
}

:where(.module-board) .e-author>.ed-value,
:is(.eDetails, .eDetails1, .eDetails2)>span {
 align-items: center;
 display: inline-flex;
 gap: 4px
}

:is(.eDetails, .eDetails1, .eDetails2)>:is(.entPrevNext, .rate-stars-wrapper) {
 margin-left: auto;
 order: 1
}

:is(.eDetails, .eDetails1, .eDetails2) :is(.e-author-email, .e-author-site, .e-category, .e-reads, .e-author, .e-tags, .e-rating, .e-comments, .e-add, .e-loads, .e-redirects, .e-placed, .e-author-phone, .e-counters):before {
 color: currentColor;
 font-size: 18px;
 font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24
}

.entry-layout .e-category:before {
 content: "\e2c7"
}

.entry-layout :is(.e-reads, .e-counters):before {
 content: '\e8f4'
}

:is(.order-digital-links a, .entry-download-item, .entry-layout .e-loads):before {
 content: '\f090'
}

:is(.module-board, .module-publ) .entry-layout .e-add:before,
:where(body:not(.module-publ)) .entry-layout .e-author:before {
 content: '\e7fd'
}

:is(.module-board, .module-publ) .entry-layout .e-author:before {
 content: '\f4fa'
}

:where(.module-board) :where(.e-author-email, .e-author-site) {
 display: block;
 font-size: 0
}

:where(.module-board :where(.e-author, .e-author-phone)) u {
 text-decoration: none
}

:is(.module-board) .entry-layout .e-author-email:before {
 content: '\e158'
}

:is(.module-board) .entry-layout .e-author-site:before {
 content: '\e051'
}

.entry-layout .e-tags {
 flex: 1 1 250px
}

.entry-layout .e-tags:before {
 content: '\e892'
}

.entry-layout .e-rating:before {
 content: '\e838'
}

.entry-layout .e-comments:before {
 content: '\e0cb'
}

.entry-layout .e-redirects:before {
 content: '\e157'
}

.entry-layout .e-placed:before {
 content: '\e935'
}

.entry-layout .e-author-phone:before {
 content: '\e0b0'
}

.entry-layout .u-neighbor-link-wrapper {
 margin-top: var(--tpl-spacing-xl)
}

.entry-layout tr:has(>.entry-downloads, >.entry-site-direct, >.entry-added-date) {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-s);
 justify-content: space-between;
 margin-bottom: var(--tpl-spacing-l)
}

.entry-layout .entry-downloads {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-m)
}

.entry-layout .entry-download-decor {
 display: none
}

.entry-layout .entry-download-item {
 align-items: center;
 display: flex;
 font: var(--tpl-font-text-m2);
 gap: var(--tpl-spacing-s)
}

.entry-layout .entry-download-size {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500))
}

.entry-layout .entry-download-remote:before {
 content: '\e2c0'
}

.entry-layout .entry-download-screen:before {
 content: '\e3f4'
}

.entry-layout .entry-download-item:before {
 align-items: center;
 background-color: var(--tpl-accent-blue);
 border-radius: 32px;
 color: var(--tpl-accent-white);
 display: inline-flex;
 font-size: 18px;
 height: 32px;
 justify-content: center;
 padding: 7px;
 width: 32px
}

.entry-layout .entry-filter-sep:first-child {
 display: none
}

.module-photo .entry-layout .photo-edescr {
 font: var(--tpl-font-text-r2);
 margin-block: var(--tpl-spacing-l)
}

.module-photo .entry-layout .photo-etitle {
 margin: 0 0 var(--tpl-spacing-xl)
}

.module-stuff .entry-layout tr:has(.eText) {
 align-items: start;
 display: flex;
 flex-wrap: wrap-reverse;
 gap: var(--tpl-spacing-l)
}

.module-stuff .entry-layout .eText {
 flex: 1 1 60%
}

.module-faq .fastLinks {
 display: flex;
 flex-direction: column;
 gap: var(--tpl-spacing-s);
 margin-bottom: var(--tpl-spacing-3xl)
}

.module-faq .qNum {
 display: inline-block;
 margin-right: 4px;
 min-width: 12px
}

:where(.video_page-layout, .vichnl_page-layout) a.ve-comments.ve-comments,
:where(.video_page-layout, .vichnl_page-layout) :is(.vcp-details, .vep-details) span,
.video_page-layout :is(.vep-title, .vep-descr-block, .vep-tags-block, .vep-details, .vep-comments, .v-entry-page),
.vichnl_page-layout .v-channel-page {
 padding: 0
}

.video_page-layout .vep-comments .vep-separator {
 display: none
}

#layout.video_page-layout .vep-playbutton {
 margin: 0;
 opacity: 1;
 transform: translate(-50%, -50%);
 z-index: 2
}

.video_page-layout .vep-playvideo {
 position: relative;
 min-width: min(480px, 100%);
 aspect-ratio: 16/9
}

.video_page-layout .vep-playvideo:hover .vep-playbutton {
 background-color: var(--tpl-accent-blue-dark)
}

.video_page-layout .vep-playbutton:after {
 background-color: var(--tpl-accent-white);
 border: 0
}

.video_page-layout .vep-length {
 background-color: var(--tpl-ovelay);
 z-index: 2
}

.video_page-layout .vep-separator {
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-400));
 height: 2px;
 margin-block: var(--tpl-spacing-xl)
}

.video_page-layout .vep-details {
 margin-block: var(--tpl-spacing-l)
}

:where(.video_page-layout, .vichnl_page-layout) :is(.vep-views, .vcp-views, .vcp-rating, .ve-comments, .vep-channel, span.vep-channel, .vep-author) {
 background-image: none
}

:where(.video_page-layout, .vichnl_page-layout) :is(.vep-author, .vep-views, .vcp-views, .vcp-rating, .ve-comments, .vep-channel):before {
 content: "";
 width: 1em;
 height: 1em;
 display: inline-block;
 vertical-align: middle;
 background: currentColor;
 margin-right: 4px
}

:where(.video_page-layout, .vichnl_page-layout) :is(.vep-views, .vcp-views):before {
 -webkit-mask: url("/.s/t/2301/icons/eye.svg") center/contain no-repeat;
 mask: url("/.s/t/2301/icons/eye.svg") center/contain no-repeat
}

:where(.video_page-layout, .vichnl_page-layout) .vep-author:before {
 -webkit-mask: url("/.s/t/2301/icons/user.svg") center/contain no-repeat;
 mask: url("/.s/t/2301/icons/user.svg") center/contain no-repeat
}

:where(.video_page-layout, .vichnl_page-layout) .vcp-rating:before {
 -webkit-mask: url("/.s/t/2301/icons/bar-chart-fill.svg") center/contain no-repeat;
 mask: url("/.s/t/2301/icons/bar-chart-fill.svg") center/contain no-repeat
}

:where(.video_page-layout, .vichnl_page-layout) .vep-channel:before {
 -webkit-mask: url("/.s/t/2301/icons/broadcast.svg") center/contain no-repeat;
 mask: url("/.s/t/2301/icons/broadcast.svg") center/contain no-repeat
}

#videocontent_comm a.ve-comments {
 color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-300)) !important
}

:where(.video_page-layout, .vichnl_page-layout) .ve-comments:before {
 -webkit-mask: url("/.s/t/2301/icons/chat-right.svg") center/contain no-repeat;
 mask: url("/.s/t/2301/icons/chat-right.svg") center/contain no-repeat
}

.video_page-layout .vep-video-block img {
 border-radius: 16px
}

.tsRun-layout .eVariant {
 padding-bottom: var(--tpl-spacing-m)
}

.tsRun-layout .eVariant :is(input, label) {
 vertical-align: middle
}

.tsRun-layout #tstAddForm hr {
 display: none
}

.tsRun-layout .eVariant input {
 margin: 0 5px 0 0
}

.tsRun-layout :is(.tst-progress, .tst-actions) {
 padding-top: var(--tpl-spacing-l)
}

.module-search .results-layout :is(.search-form-wrapper, .search-results-info) {
 padding: 0 !important
}

.module-search .results-layout .search-results-info {
 color: light-dark(var(--tpl-dark-400), var(--tpl-dark-500));
 font-size: var(--tpl-font-size-small);
 margin-bottom: var(--tpl-spacing-xl)
}

.archiveNoEntry,
.module-search .results-layout .search-no-results {
 font: var(--tpl-font-text-r2);
 margin-top: 64px;
 padding: 40px 0 0 !important;
 pointer-events: none;
 position: relative;
 text-align: center;
 user-select: none;
 z-index: -1
}

:is(.archiveNoEntry, .module-search .results-layout .search-no-results):before {
 background-color: currentColor;
 content: '';
 display: block;
 height: 32px;
 left: 50%;
 -webkit-mask: url("/.s/t/2301/icons/search-fail.svg") center/contain no-repeat;
 mask: url("/.s/t/2301/icons/search-fail.svg") center/contain no-repeat;
 position: absolute;
 top: 0;
 transform: translateX(-50%);
 width: 32px
}

.module-search .results-layout .search-form-fields {
 gap: var(--tpl-spacing-m)
}

.module-search .results-layout .advanced-search-container {
 position: relative
}

.module-search .results-layout .advanced-search-container :is(.aSchBrc1, .aSchBrc2) {
 display: none
}

.module-search .results-layout .advanced-search-link {
 display: block;
 text-align: center
}

.module-search .results-layout .search-form-wrapper {
 container: search-form/inline-size;
 margin-bottom: var(--tpl-spacing-l)
}

.module-search .results-layout .advanced-search-container #sFltLst {
 left: auto !important;
 right: 0 !important;
 top: calc(100% + var(--tpl-spacing-s)) !important
}

.module-search .results-layout #sFltLst :is(.xw-tl, .xw-bl) {
 display: none
}

.module-search .results-layout #sFltLst :is(.xw-mr, .xw-ml, .xw-mc) {
 background: 0;
 border: 0;
 padding: 0
}

.module-search .results-layout #sFltLst .xw-mr {
 background: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-450));
 border-radius: 8px;
 box-shadow: var(--tpl-panel-shadow);
 padding: 8px 12px
}

.module-search .results-layout #sFltLst .myWinCont {
 color: light-dark(var(--tpl-dark-900), var(--tpl-dark-100));
 font: var(--tpl-font-text-r1)
}

.module-search .results-layout #sFltLst :is(.myWinCont > div, .myWinCont > div > div) {
 margin: 0 !important
}

.module-search .results-layout #sFltLst .myWinCont>div>div {
 align-items: center;
 display: flex;
 gap: 5px;
 justify-content: start;
 padding-block: 0 !important
}

.module-search .results-layout #sFltLst .myWinCont>div>div>input {
 font: var(--tpl-font-text-r1);
 margin: 0
}

.module-search .results-layout #sFltLst .myWinCont>div>div>label {
 color: light-dark(var(--tpl-dark-900), var(--tpl-dark-100));
 font: var(--tpl-font-text-r1);
 padding-block: var(--tpl-spacing-m)
}

@container search-form (width < 600px) {
 .module-search .results-layout .search-form-fields {
 display: grid;
 grid-auto-columns: 1fr auto
 }

 .module-search .results-layout .queryField {
 width: 100%
 }

 .module-search .results-layout .advanced-search-container #sFltLst {
 left: 0 !important
 }
}

:where(body:not(.module-shop) :is(.entry-layout, .vichnl_page-layout, .video_page-layout) .entry-comments) {
 border-top: var(--tpl-border-line);
 margin-top: var(--tpl-spacing-3xl);
 padding-top: var(--tpl-spacing-xl)
}

:where(:is(.entry-layout, .vichnl_page-layout, .video_page-layout) .entry-comments) .com-order-block {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 margin-bottom: var(--tpl-spacing-xl)
}

:where(:is(.entry-layout, .vichnl_page-layout, .video_page-layout) .entry-comments) tr:has(.pagesBlock1) td {
 padding-bottom: var(--tpl-spacing-xl)
}

:where(:is(.entry-layout, .vichnl_page-layout, .video_page-layout) .entry-comments) .pagesBlock1 {
 justify-content: end
}

.smiles img {
 max-width: 20px
}

.comm-card {
 display: grid;
 gap: var(--tpl-spacing-s) var(--tpl-spacing-m);
 grid-template-areas: "avatar header" "avatar body";
 grid-template-columns: 48px 1fr;
 margin-bottom: var(--tpl-spacing-xl)
}

:where(.comm-card) .comm-card-avatar {
 grid-area: avatar
}

:where(.comm-card) .comm-card-body {
 grid-area: body
}

:where(.comm-card) .comm-card-header {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-m);
 grid-area: header;
 justify-content: space-between
}

:where(.comm-card) .comm-rates {
 align-items: center;
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 display: flex;
 gap: var(--tpl-spacing-s);
 justify-content: center
}

:where(.comm-card) .comm-message {
 color: light-dark(var(--tpl-dark-700), var(--tpl-dark-100));
 font: var(--tpl-font-text-r2)
}

:where(.comm-card) .comm-actions {
 margin-top: var(--tpl-spacing-s);
 text-align: right
}

:where(.comm-card) .comm-rates :is(.svg-icon, .u-rate-btn) {
 display: block
}

:where(.comm-card) .comm-card-header-right {
 align-items: center;
 display: flex
}

:where(.comm-card) .comm-info {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 font: var(--tpl-font-text-m1)
}

:where(.comm-card) .comm-answer-link {
 font-size: var(--tpl-font-size-small)
}

.comm-form-box {
 container: comm-form-box/inline-size;
 margin-top: var(--tpl-spacing-3xl)
}

:where(.comm-form-box) :is(.comm-form-unsubscribe, .commError:where(:not(:empty))),
:where(.comm-form-box) .comm-form-field:has(+ .comm-form-field, + .comm-form-actions) {
 margin-bottom: var(--tpl-spacing-l)
}

:where(.comm-form-box) .comm-form-input {
 width: 100%
}

:where(.comm-form-box) .comm-form-inner {
 display: grid;
 gap: var(--tpl-spacing-l);
 grid-template-columns: 48px 1fr
}

:where(.comm-form-box) .comm-form-options {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-s)
}

:where(.comm-form-box) .comm-form-message {
 align-items: start;
 display: flex;
 gap: var(--tpl-spacing-m)
}

:where(.comm-form-box) .comm-form-message .wysibb {
 flex: 1
}

:where(.comm-form-box) .comm-option {
 --size: 32px;
 align-items: center;
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-450));
 border-radius: var(--size);
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 cursor: pointer;
 display: flex;
 height: var(--size);
 justify-content: center;
 width: var(--size)
}

:where(.comm-form-box) .comm-option-input {
 position: absolute;
 visibility: hidden
}

:where(.comm-form-box) .comm-form-actions {
 align-items: center;
 display: flex;
 justify-content: space-between
}

:where(.comm-form-box) .anonymous:has(:checked) {
 background-color: var(--tpl-dark-600);
 color: var(--tpl-accent-white)
}

:where(.comm-form-box) .subscribe:has(:checked) {
 background-color: #f57936;
 color: var(--tpl-accent-white)
}

:where(.comm-form-box) .additional:has(:checked) {
 background-color: #86a55b;
 color: var(--tpl-accent-white)
}

:where(.comm-form-box) .comm-form-body:where(:not(:has(#toggle_shop_fields:checked))) .comm-form-field:has(#pros, #cons) {
 display: none
}

:where(.comm-form-box) .auth-links {
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-m) var(--tpl-spacing-s);
 margin: 0 0 var(--tpl-spacing-xl) calc(48px + var(--tpl-spacing-l))
}

:where(.comm-form-box) .auth-social-list {
 gap: inherit
}

:where(.comm-form-box) .auth-links .login-with i {
 margin: 0
}

:where(.comm-form-box) .auth-links-label {
 color: light-dark(var(--tpl-dark-700), var(--tpl-dark-100));
 flex: 1 1 100%;
 font: var(--tpl-font-text-sb1)
}

:where(.comm-form-box) .comm-form-unsubscribe {
 display: block;
 margin-left: auto;
 width: fit-content
}

:where(.comm-form-box) .comm-form-label {
 color: light-dark(var(--tpl-dark-400), var(--tpl-dark-500));
 display: block;
 font: var(--tpl-font-text-m1);
 margin-bottom: 4px;
 width: fit-content
}

@container comm-form-box (width <=480px) {
 .comm-form-avatar {
 display: none
 }

 .comm-form-inner {
 grid-template-columns: 1fr
 }

 .comm-form-message {
 flex-direction: column
 }

 .auth-links {
 margin-left: 0
 }
}

:where(.add-layout, .edit-layout) .image-uploader-type-switcher {
 align-items: center;
 display: flex;
 gap: 4px;
 justify-content: end;
 margin-bottom: var(--tpl-spacing-l)
}

:where(.add-layout, .edit-layout) .image-uploader-type-switcher:before {
 content: "["
}

:where(.add-layout, .edit-layout) .image-uploader-type-switcher:after {
 content: "]"
}

:where(.add-layout, .edit-layout) :where(tr:has(.image-uploader-type-switcher) .manTd1, li:has(+li #imageUploaderWrapper)) {
 align-self: start
}

:where(.add-layout, .edit-layout) :where(#imageUploaderFields) [id^=imblock] {
 gap: var(--tpl-spacing-m)
}

:where(.add-layout, .edit-layout) :where(#imageUploaderFields) #iplus>button {
 min-height: 40px;
 min-width: 40px
}

:where(.add-layout, .edit-layout) :where(#imageUploaderFields) [id^=imblock]>span:first-child {
 flex: 0 0 40px;
 min-width: 40px
}

:where(.add-layout, .edit-layout) :where(#imageUploaderFields) [id^=imblock]>[type=file],
:is(#addPhtFrm, #addEntForm) .form-fields :where(#imageUploaderFields) [type=file] {
 flex: 1 1
}

:is(.add-layout, .edit-layout) .uHelp {
 background-color: currentColor;
 border: 0;
 display: inline-block;
 font-size: 0;
 height: 16px;
 color: light-dark(#2b2e32, var(--tpl-dark-300));
 -webkit-mask: url("/.s/t/2301/icons/question-circle.svg") center/contain no-repeat;
 mask: url("/.s/t/2301/icons/question-circle.svg") center/contain no-repeat;
 vertical-align: middle;
 width: 16px
}

:where(.add-layout, .edit-layout) :where(#txtPart555message)>div:first-child {
 margin-bottom: var(--tpl-spacing-m)
}

:where(.add-layout, .edit-layout) .edtTypeMenu {
 margin-bottom: var(--tpl-spacing-s)
}

:is(#addPhtFrm, #addEntForm) .form-fields li:has(> hr),
:is(#addPhtFrm, #addEntForm) .form-fields .notcolumn:empty {
 display: none
}

:is(#addPhtFrm, #addEntForm) .form-fields {
 align-items: center;
 gap: var(--tpl-spacing-l) var(--tpl-spacing-m)
}

:is(#addPhtFrm, #addEntForm) .form-buttons {
 gap: inherit
}

:is(#addPhtFrm, #addEntForm) .form-fields [type=file] {
 border: var(--tpl-border-line-100) !important;
 padding: 8px 10px !important
}

:is(#addPhtFrm, #addEntForm) .form-fields .localOrRemote {
 margin-top: var(--tpl-spacing-s)
}

:is(#addPhtFrm, #addEntForm) .u-combo,
:is(#addPhtFrm, #addEntForm) .u-combo :is(tbody, tr, td) {
 background-color: transparent;
 border: 0;
 display: block
}

:where(#addPhtFrm, #addEntForm) .x-unselectable {
 position: relative
}

:is(#addPhtFrm, #addEntForm) :is(.u-comboedit, .u-comboedit:hover) {
 appearance: none;
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-700));
 background-image: var(--tpl-chevron-icon-data);
 background-position: calc(100% - 10px) 50%;
 background-repeat: no-repeat;
 border: var(--tpl-border-line-100);
 border-radius: 6px;
 color: light-dark(var(--tpl-dark-800), var(--tpl-dark-100));
 font-weight: 500;
 max-width: 100%;
 padding: 9px 30px 9px 10px;
 text-align: left
}

:is(#addPhtFrm, #addEntForm) #uCatsMenu7 {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-700));
 border-radius: 6px;
 font-weight: 400;
 left: 0 !important;
 right: 0;
 top: calc(100% + 4px) !important
}

:is(#addPhtFrm, #addEntForm) #uCatsMenu7 .u-combolist {
 background-color: inherit;
 border: var(--tpl-border-line-100);
 border-radius: inherit;
 color: light-dark(var(--tpl-dark-800), var(--tpl-dark-100));
 font-weight: inherit;
 padding: 10px;
 scrollbar-width: thin
}

:is(#addPhtFrm, #addEntForm) #uCatsMenu7 .u-combolist>div {
 border-radius: 4px;
 margin: 5px 0 0;
 padding: 5px !important
}

:is(#addPhtFrm, #addEntForm) #uCatsMenu7 .u-combolist>:where(div:not(:has(> input)), div:has(> input:checked)) {
 background: 0 0;
 color: inherit
}

#addPhtFrm .navTabs {
 border-bottom: var(--tpl-border-line);
 display: grid;
 gap: var(--tpl-spacing-s);
 grid-template-columns: repeat(3, 1fr);
 margin-bottom: var(--tpl-spacing-l);
 overflow-x: auto
}

#addPhtFrm .navTabs>b {
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700));
 color: light-dark(var(--tpl-dark-800), var(--tpl-dark-100));
 font-weight: 600
}

#addPhtFrm .navTabs>* {
 color: var(--tpl-dark-500);
 font-weight: 500;
 line-height: 1.4;
 padding: 10px 12px;
 white-space: nowrap;
 width: auto
}

#addPhtFrm #newPhtBt {
 min-width: 40px;
 padding: 10px 14px
}

#addPhtFrm .xPhtBlock {
 border-radius: 12px;
 margin: 0;
 padding: var(--tpl-spacing-m)
}

#addPhtFrm .xPhtBlock:nth-child(odd) {
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700))
}

:where(.module-forum) .entry-add-edit-wmark,
#addPhtFrm .xPhtBlock+.xPhtBlock {
 margin-top: var(--tpl-spacing-l)
}

#addPhtFrm .xPhtBlock .xPhtAction>span {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-s);
 justify-content: end;
 position: static
}

#addPhtFrm .xPhtBlock .xPhtAction>span button {
 display: block;
 margin: 0;
 min-height: 40px;
 min-width: 40px;
 padding: 10px 14px !important;
 position: relative
}

#addPhtFrm .xPhtBlock .xPhtAction :is([data-toggle], [data-clear], [data-close]):after,
#addPhtFrm .xPhtBlock .xPhtAction :is([data-toggle], [data-clear], [data-close]):before {
 background-color: var(--tpl-accent-white);
 background-image: none;
 border-radius: 10px;
 content: '';
 height: 16px;
 left: 50%;
 position: absolute;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 3px
}

#addPhtFrm .xPhtBlock .xPhtAction :is([data-clear], [data-close]):before {
 transform: translate(-50%, -50%) rotate(45deg)
}

#addPhtFrm .xPhtBlock .xPhtAction :is([data-clear], [data-close]):after {
 transform: translate(-50%, -50%) rotate(-45deg)
}

#addPhtFrm .xPhtBlock .xPhtAction [data-toggle]:before,
#addPhtFrm .xPhtBlock .xPhtAction [data-toggle]:after {
 height: 12px
}

#addPhtFrm .xPhtBlock .xPhtAction [data-toggle]:before {
 transform: translate(calc(-50% + -1px), -60%) rotate(45deg);
 transform-origin: 50% 100%
}

#addPhtFrm .xPhtBlock.xOpened .xPhtAction [data-toggle]:before {
 transform: translate(calc(-50% + -1px), -50%) rotate(-45deg);
 transform-origin: 50% 0
}

#addPhtFrm .xPhtBlock .xPhtAction [data-toggle]:after {
 transform: translate(calc(-50% + 1px), -60%) rotate(-46deg);
 transform-origin: 50% 100%
}

#addPhtFrm .xPhtBlock.xOpened .xPhtAction [data-toggle]:after {
 transform: translate(calc(-50% + 1px), -50%) rotate(46deg);
 transform-origin: 50% 0
}

#addPhtFrm .xPhtBlock [type=file] {
 width: 100%
}

:where(.module-photo) .add-layout .uploaderPhotosContainer {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-700));
 border-color: light-dark(gainsboro, var(--dark-tpl-dark-400));
 border-radius: 6px;
 padding-top: 2px
}

:where(.module-photo) .add-layout .photoThumb {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-500));
 border-color: light-dark(gainsboro, var(--dark-tpl-dark-400));
 border-radius: 6px
}

:where(.module-photo) .add-layout .removePhotoBtn {
 filter: brightness(.7)
}

:where(.module-photo) .add-layout .emptyPlaceholder {
 color: light-dark(#000, var(--dark-tpl-dark-300));
 background-color: light-dark(rgba(0, 0, 0, .1), var(--dark-tpl-dark-500));
 border-color: light-dark(#000, var(--dark-tpl-dark-400))
}

#addPhtFrm .form-fields+center {
 margin-top: var(--tpl-spacing-l);
 display: flex;
 align-items: center;
 justify-content: center;
 gap: var(--tpl-spacing-s)
}

:where(.module-stuff, .module-faq) .manTable,
:where(.module-stuff, .module-faq) .manTable>tbody>tr>td {
 display: block;
 padding: 0;
 width: auto
}

:is(.module-stuff, .module-faq) .manTable tr:has(.manTdSep, #f) {
 display: none
}

:is(.module-stuff, .module-faq) .manTable>tbody {
 display: flex;
 flex-direction: column;
 gap: var(--tpl-spacing-l)
}

:is(.module-stuff, .module-faq) .manTable>tbody>tr:where(:not(.seo-mtf-hide), .seo-mtf-show) {
 align-items: center;
 display: grid;
 gap: inherit;
 grid-template-columns: 7fr 13fr
}

:is(.module-stuff, .module-faq) .manTable>tbody>tr:has(.manTdBut, td[colspan="2"]:where(:not(.manTdSep))) {
 grid-template-columns: 1fr
}

:is(.module-stuff, .module-faq) .manTable .seo-meta-field :is(.manTd1, .manTd2) {
 padding: 0 !important
}

:is(.module-stuff, .module-faq) .manTable .sizes-fl .manTd2 {
 align-items: center;
 display: flex;
 gap: 5px
}

:is(.module-stuff, .module-faq) .manTable .manTdBut {
 align-items: center;
 display: flex;
 gap: inherit;
 justify-content: center
}

.module-faq #fqM2 {
 width: auto !important
}

.module-video :is(.add-layout, .edit-layout) .vi-form-content2 {
 margin: 0;
 padding: 0
}

.module-video .ui-hint {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 font-size: .9em;
 margin-top: 8px
}

.module-video :is(.add-layout, .edit-layout) .u-form-ul>li {
 margin: 0 0 var(--tpl-spacing-l) 0
}

.module-video :is(.add-layout, .edit-layout) .ui-filedname {
 margin: 0 0 var(--tpl-spacing-s) 0;
 padding: 0
}

.module-video :is(.add-layout, .edit-layout) .channel-selector {
 display: flex;
 flex-direction: column
}

.module-video :is(.add-layout, .edit-layout) .channel-selector .ui-hint {
 color: light-dark(var(--tpl-dark-900), var(--tpl-dark-300));
 display: block;
 font-size: var(--tpl-font-size);
 font-weight: 700;
 margin: 0 0 var(--tpl-spacing-s) 0
}

.module-video :is(.add-layout, .edit-layout) .cats-select-btn {
 appearance: none;
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-700));
 border: var(--tpl-border-line-100);
 border-radius: 6px;
 color: light-dark(var(--tpl-dark-800), var(--dark-tpl-light));
 display: block;
 font-weight: 500;
 padding: 9px 30px 9px 10px;
 position: relative;
 width: 100% !important
}

:is(.add-layout, .edit-layout, .module-forum, #f) :is(form#addEntForm .iCode_main_inp, .image-content-code, #f),
.module-video :is(.add-layout, .edit-layout) .dropdown-cats .dropdown-cats-ul {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-700));
 color: light-dark(var(--tpl-dark-800), var(--dark-tpl-light));
 border: var(--tpl-border-line-100)
}

.module-video :is(.add-layout, .edit-layout) .dropdown-cats-ul a {
 color: light-dark(#333, var(--dark-tpl-light))
}

.module-video :is(.add-layout, .edit-layout) .open .cats-select-btn {
 border-color: var(--tpl-accent-blue);
 outline: .5px solid var(--tpl-accent-blue)
}

.module-video :is(.add-layout, .edit-layout) .btn-arrow {
 background: var(--tpl-chevron-icon-data) center center no-repeat;
 border: 0;
 height: 18px;
 margin: 0;
 opacity: 1;
 padding: 0;
 position: absolute;
 right: 10px;
 top: 50%;
 transform: translateY(-50%);
 width: 18px
}

.module-video :is(.add-layout, .edit-layout) #cats-select {
 display: block
}

.module-video :is(.add-layout, .edit-layout) .u-tabs-ul {
 border-bottom: var(--tpl-border-line);
 margin-bottom: var(--tpl-spacing-xl)
}

.module-video :is(.add-layout, .edit-layout) .utab-active {
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700));
 color: light-dark(var(--tpl-dark-800), var(--tpl-dark-100))
}

:is(.layout) .filepond--panel-root {
 background-color: light-dark(#f1f0ef, var(--dark-tpl-dark-700))
}

:is(.layout) .filepond--drop-label {
 color: light-dark(var(--tpl-dark-800), var(--tpl-dark-100))
}

:is(.layout) .filepond--drop-label .fHelp {
 color: light-dark(#0008, var(--tpl-dark-300))
}

:is(.add-layout, .edit-layout) .u-file-uploader {
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700));
 color: light-dark(var(--tpl-dark-800), var(--dark-tpl-light));
 border: var(--tpl-border-line-100)
}

:is(.add-layout, .edit-layout) .u-file-uploader-preview-wrapper figure {
 background-color: light-dark(var(--tpl-dark-300), var(--dark-tpl-dark-400))
}

:where(.module-gb) .csTop {
 align-items: center;
 display: flex;
 flex-direction: row-reverse;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-l);
 justify-content: space-between;
 margin-block: var(--tpl-spacing-xl);
 padding: 0 !important
}

:where(.module-gb) #acform~.csTop,
:where(.module-gb #allEntries)~#acform {
 margin-top: var(--tpl-spacing-2xl) !important
}

:where(.module-gb #numEntries) {
 color: light-dark(var(--tpl-dark-400), var(--tpl-dark-500));
 font-size: var(--tpl-font-size-small)
}

:where(.module-index .sitePage3-layout) :where(.feedback-form-table, :where(.feedback-form-table > tbody, .feedback-form-table > tbody > tr, .feedback-form-table > tbody > tr > td)),
:where(.module-gb) :where(.commTable, :where(.commTable > tbody, .commTable > tbody > tr, .commTable > tbody > tr > td)) {
 display: block;
 padding: 0;
 text-align: left;
 width: auto
}

:where(.module-index .sitePage3-layout .feedback-form-table)>tbody>tr,
:where(.module-gb .commTable)>tbody>tr {
 margin-bottom: var(--tpl-spacing-l)
}

:where(.module-index .sitePage3-layout .feedback-form-table)>tbody>tr:has([type=submit]),
:where(.module-gb .commTable)>tbody>tr:has(.commSbmFl) {
 margin-block: var(--tpl-spacing-xl) 0
}

:where(.module-index .sitePage3-layout) .feedback-form-table,
:where(.module-gb .commTable)>tbody>tr:where(:not(:has(.smiles))) {
 max-width: 480px
}

:where(.module-gb .commTable, .module-index .sitePage3-layout) .commFl {
 width: 100%;
 max-width: 480px
}

:where(.module-gb .commTable)>tbody>tr:where(:has(.smiles)) {
 max-width: calc(480px + 128px)
}

:where(.module-gb .commTable) table .smiles-grid {
 gap: var(--tpl-spacing-s);
 grid-template-columns: repeat(4, 1fr);
 margin-left: -3px;
 padding-left: 24px;
 width: auto
}

:where(.module-index .sitePage3-layout .feedback-form-table)>tbody>tr>td:where(:not([colspan="2"])):first-child,
:where(.module-gb .commTable) .commTd1 {
 color: light-dark(var(--tpl-dark-400), var(--tpl-dark-500));
 font: var(--tpl-font-text-m1);
 margin-bottom: 4px
}

:where(.module-index .sitePage3-layout .feedback-form-table) br {
 display: none
}

:where(.module-index .sitePage3-layout) h2 {
 margin-block: 0 var(--tpl-spacing-xl)
}

.module-forum {
 --tpl-forum-field-width: 270px
}

:where(.posts-replace-list) .replace-post-content hr,
.module-forum :is(.ThrTopButtonsCl22, .FrmTopButtonsCl22, .smilesPart),
:where(.module-forum .forum-search-table) .gTableBody1>br,
:where(.module-forum #frM53 :where(#frM8, #frM16))>br,
:where(.module-forum) :is(tbody, tr, td, table):empty,
.forumContent :where(.gTopCornerRight, .gDivBottomLeft, .gDivBottomCenter, .gDivBottomRight),
.forumsmembers-layout .gDivRight>hr,
.forumContent>br {
 display: none
}

.module-forum :is(.replace-post-content, .forum-menu, .forum-rules-table .forum-title) {
 margin-bottom: var(--tpl-spacing-xl)
}

.module-forum :where(.FrmBotInformation, .recent-navigation-top, .gTableBody-block, .forum-members-nav-table, .layout:where(:not(.search-layout)) .forum-breadcrumbs-table, .ThrForumBarRow1, .FrmTopButtonsRow2, .subscribe-forum, .ThrTopButtonsRow1, .ThrTopButtonsRow2, .forum-subs-nav-table, .forumContent > .funcBlock, .forum-cat-nav-table, .FrmForumBarTbl, .FrmTopButtonsTbl, .forum-rules-header, .forum-edit-page-breadcrumbs, .forumModerFuncsTbl, .ThrBotRow3, .ThrBotRow2, .recentposts-layout .forum-bar, #pollBlock2, #forum_filter, .threadpage-posts-table .gTableTop:has(.forum-title)) {
 margin-block: var(--tpl-spacing-xl)
}

:where(.module-forum :is(.ThrBotTbl, .thread-split-fields, .forum-breadcrumbs-table, .posts-replace-table, .forumModerFuncsTbl, .ThrTopButtonsTbl, .ThrForumBarTbl, .forum-edit-page-table, .forum-legends-table, .FrmBotInformation, .recent-navigation-top, .forum-cat-nav-table, .FrmTopButtonsTbl, .FrmForumBarTbl, .FrmBotTbl, .forum-rules-header, .forum-members-nav-table, .forum-subs-nav-table, .forum-menu, .gTable)),
:where(.module-forum :is(.ThrBotTbl, .thread-split-fields, .forum-breadcrumbs-table, .posts-replace-table, .forumModerFuncsTbl, .ThrTopButtonsTbl, .ThrForumBarTbl, .forum-edit-page-table, .forum-legends-table, .FrmBotInformation, .recent-navigation-top, .forum-cat-nav-table, .FrmTopButtonsTbl, .FrmForumBarTbl, .FrmBotTbl, .forum-rules-header, .forum-members-nav-table, .forum-subs-nav-table, .forum-menu, .gTable) :is(table, tbody, tr, td)) {
 display: block;
 height: auto;
 padding: 0;
 text-align: left;
 width: auto
}

.module-forum .pollResults :is(table, tbody, tr, td) {
 display: revert
}

.module-forum .forum-pages .pagesInfo,
.module-forum .forum-additional-info tr {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 font: var(--tpl-font-text-r2)
}

:where(.module-forum) .forum-menu {
 font: var(--tpl-font-text-r2)
}

.forum-menu :is(.forum-bracket-symbol, .forum-middot-symbol) {
 color: var(--tpl-accent-blue)
}

.forum-menu .fNavLink {
 text-decoration: underline
}

.module-forum .main-layout .forumContent>.gDivLeft {
 margin-top: var(--tpl-spacing-2xl)
}

:where(.module-forum :where(.thread-split-fields, .forum-search-table, .forum-section-table, .forum-topics-table, .forum-subs-topics-table))>tbody {
 display: grid
}

:where(.thread-split-fields) tbody {
 gap: var(--tpl-spacing-l);
 grid-template-columns: auto 1fr
}

:where(.module-forum .forum-search-table)>tbody {
 grid-template-columns: 1fr 1fr
}

:where(.module-forum .forum-section-table)>tbody {
 grid-template-columns: 2fr repeat(2, minmax(120px, 8%)) minmax(30%, 1fr)
}

:where(.module-forum .forum-topics-table)>tbody {
 grid-template-columns: 2fr repeat(3, minmax(100px, 8%)) minmax(20%, 1fr)
}

:where(.module-forum .forum-topics-table.no-views)>tbody {
 grid-template-columns: 2fr repeat(2, minmax(100px, 8%)) minmax(20%, 1fr)
}

:where(.module-forum .forum-subs-topics-table)>tbody {
 grid-template-columns: 2fr repeat(4, minmax(100px, 8%)) minmax(20%, 1fr)
}

:where(.module-forum .forum-subs-topics-table:has(:not(.topic-item-subscribe)))>tbody,
:where(.module-forum .forum-subs-topics-table.no-views)>tbody {
 grid-template-columns: 2fr repeat(3, minmax(100px, 8%)) minmax(20%, 1fr)
}

:where(.module-forum .forum-subs-topics-table:not(:has(.topic-item-subscribe)).no-views)>tbody {
 grid-template-columns: 2fr repeat(2, minmax(100px, 8%)) minmax(20%, 1fr)
}

:where(.module-forum :is(.thread-split-fields, .forum-topics-table, .forum-section-table, .forum-subs-topics-table, .forum-search-table))>tbody>tr {
 display: grid;
 gap: var(--tpl-spacing-xl);
 grid-column: 1/-1;
 grid-template-columns: subgrid;
 padding: var(--tpl-spacing-xl) 0
}

:where(.thread-split-fields)>tbody>tr {
 padding: 0
}

:where(.module-forum :is(.thread-split-fields, .forum-topics-table, .forum-section-table, .forum-subs-topics-table))>tbody>tr {
 align-items: center;
 gap: var(--tpl-spacing-l)
}

:where(.module-forum :is(.forum-topics-table, .forum-section-table, .forum-subs-topics-table))>tbody>tr {
 color: light-dark(var(--tpl-dark-700), var(--tpl-dark-300))
}

:where(.module-forum .forum-search-table) .forum-search-advanced td,
:where(.module-forum :is(.forum-topics-table, .forum-section-table, .forum-subs-topics-table, .forum-search-table)) tr:has(.forum-search-moder, .searchSubmitFl, .forum-title, .threadsType, .threadsDetails, .forumOnlineBar) td {
 grid-column: 1/-1
}

:where(.module-forum .forum-section-table) tr:has(.catLink) td {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-m)
}

:where(.module-forum .forum-section-table) tr:has(.catLink) td>img {
 border-radius: 10px;
 display: block;
 flex: 0 50px;
 height: 50px;
 object-fit: cover;
 width: 50px
}

:where(.forum-search-main) .gTableBody1:before,
:where(.module-forum :is(.forum-search-table, .forum-topics-table, .forum-section-table, .forum-subs-topics-table)) tr:has(.gTableSubTop) {
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700));
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 font: var(--tpl-font-text-m1);
 padding: var(--tpl-spacing-l)
}

:where(.module-forum :is(.forum-topics-table, .forum-section-table, .forum-subs-topics-table)) tr:has(.gTableSubTop) .gTableSubTop:first-child {
 display: none
}

:where(.module-forum) .forum-title {
 color: light-dark(var(--tpl-dark-900), var(--tpl-accent-white));
 display: inline-block;
 font: var(--tpl-font-header-2)
}

:where(.module-forum) :is(.forum-cat-item, tr:has(.topic-item-main)) {
 border-bottom: var(--tpl-border-line)
}

:where(.threadpage-posts-table tr:has(.postSeparator) + tr [class^=postRest]),
:where(.module-forum) :is(tr:has(.gTableSubTop, .threadsType) + :where(tr:has(.topic-item-main), .forum-cat-item)) {
 border-top: var(--tpl-border-line)
}

:where(.module-forum) :is(.topic-item-main, .forum-cat-item-main) {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 display: grid;
 gap: var(--tpl-spacing-l);
 grid-template-columns: auto 1fr
}

:where(.module-forum) :is(.topic-item-icon, .forum-cat-item-icon) img {
 max-width: 100%
}

:where(.module-forum :is(.forum-topics-table, .forum-cat-item, .forum-subs-topics-table)) :is(.topic-item-title, .forum-cat-item-title) {
 color: light-dark(var(--tpl-dark-800), var(--tpl-dark-100));
 display: inline-block;
 font: var(--tpl-font-header-3)
}

:where(.module-forum) .topic-item-updates,
:where(.module-forum) .forum-cat-item-updates {
 align-items: start;
 display: flex;
 flex-direction: column
}

:where(.module-forum) :is(.topic-item-author, .forum-cat-item-line, .topic-item-updates-line, .sub-forums, .forum-cat-item-moderators) a {
 text-decoration: underline
}

:where(.module-forum) a:has(.first-unread-icon) {
 vertical-align: middle
}

:where(.module-forum) .first-unread-icon {
 display: inline-block;
 height: 12px;
 width: 12px
}

.module-forum .forum-additional-info tr {
 align-items: center;
 display: flex
}

.module-forum .forum-additional-info tr:has(.gTableSubTop, .gTableTop) {
 margin-top: var(--tpl-spacing-xl)
}

.module-forum .forum-additional-info .gTableSubTop {
 color: light-dark(var(--tpl-dark-800), var(--tpl-dark-100));
 font: var(--tpl-font-text-sb2)
}

:where(.module-forum) :where(.replace-post-control, .forum-edit-page-navigation, .ThrTopButtonsRow1, .ThrTopButtonsRow2, .ThrForumBarRow1, .ThrBotRow2, .ThrBotRow3),
:where(.module-forum :where(.threadpage-posts-table, .forum-topics-table)) td:has(> .forum-title),
:where(.module-forum :is(.search-breadcrumbs-table, .forum-members-nav-table, .members-breadcrumbs-table, .FrmBotInformation, .forum-subs-nav-table, .forum-cat-nav-table, .recent-navigation-top))>tbody>tr,
:where(.module-forum .category-layout .FrmTopButtonsTbl, .FrmForumBarTbl)>tbody,
:where(.module-forum :is(.FrmBotTbl, .FrmTopButtonsTbl, .forum-rules-header)) :is(.FrmBotRow1, .FrmTopButtonsRow1, .forum-rules-header-row) {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-m);
 justify-content: space-between
}

:where(.module-forum :where(.threadpage-posts-table, .forum-topics-table)) td:has(> .forum-title) {
 flex-wrap: nowrap
}

:where(.module-forum .forum-private-login) .gTableBody,
:where(.module-forum .forum-cat-nav-table) .fFastNavTd,
.forum-additional-info .gTableBody1,
.module-forum :is(div:has(>.forum-members-nav-table), .postPoll, .ThrBotCl11, .fFastLogin, .forumNamesBar, .fFastSearchTd, .forum-rules-table .gTableBody) {
 padding: 0 !important
}

:where(.module-forum .forum-cat-nav-table) :is(tbody, tr, td, table) {
 white-space: normal !important;
 width: auto !important
}

:where(.module-forum .post-card) .post-buttons,
.module-forum #thread_search_form,
.module-forum #forum_filter,
.module-forum form:has(> .fastSearch),
.module-forum :where(.topic-item-icon, .forum-cat-item-icon, .fFastSearchTd, .fFastNavTd, .forum-search-advanced .gTableBody1, .forumModerFuncs) {
 align-items: center;
 display: flex;
 float: none;
 gap: var(--tpl-spacing-s)
}

.module-forum #thread_search_field,
:where(.module-forum :is(#forum_filter_select, #filter_word, .forumModerFuncs .moderOptions, select.fastNav)) {
 width: var(--tpl-forum-field-width)
}

.module-forum :is(.layout .forum-pages li, .fFastNavTd.navigationCl11, .forum-paging-wrapper, .forum-fast-navigation, .forum-fastsearch-wrapper),
.module-forum :is(#forum_filter #filter_by, .forumModerFuncs),
.module-forum {
 margin: 0;
 padding: 0
}

.module-forum #forum_filter {
 container: forum-filter/inline-size;
 flex-wrap: wrap;
 padding: 0
}

.module-forum #filter_by {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 white-space: nowrap
}

@container forum-filter (width < 590px) {
 .module-forum #forum_filter_select {
 flex: 1 1 100%;
 max-width: 100%
 }

 .module-forum #filter_word {
 flex: 1 1 calc(100% - 60px);
 max-width: 100%
 }
}

.module-forum #forum_filter form {
 align-items: center;
 display: flex;
 flex: 1 1 var(--tpl-forum-field-width);
 flex-wrap: wrap;
 gap: inherit;
 justify-content: start
}

:where(.module-forum .forum-topics-table) tr:has(.threadsType) td {
 color: light-dark(var(--tpl-dark-800), var(--tpl-dark-300));
 font: var(--tpl-font-text-m2)
}

:where(.module-forum :is(.forum-topics-table, .forum-section-table)) tr:has(.threadsDetails) {
 padding-bottom: 0
}

:where(.forum-legends-table)>tbody>tr,
:where(.module-forum .FrmBotTbl) .FrmBotRow2 {
 align-items: start;
 display: flex;
 flex-wrap: wrap-reverse;
 gap: var(--tpl-spacing-xl);
 justify-content: space-between;
 margin-top: var(--tpl-spacing-xl)
}

:where(.module-forum :where(.forum-legends-table)) td:has(> [name=navigation]),
:where(.module-forum :where(.forum-legends-table)) td:has(> .userRights),
:where(.module-forum .FrmBotTbl) .FrmBotCl22 {
 display: flex;
 flex-direction: column;
 gap: var(--tpl-spacing-s)
}

.module-forum :where(.FrmTopButtonsTbl, .userRights, .legendTable, .threadsDetails, .forumOnlineBar, .moders-wrapper, .curator-wrapper) {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500))
}

.module-forum .forum-rules-table .gTableBody {
 color: light-dark(var(--tpl-dark-700), var(--tpl-dark-300));
 font: var(--tpl-font-text-r2)
}

:where(.module-forum .forum-rules-table .gTableBody) p {
 margin-bottom: var(--tpl-spacing-m)
}

:where(.module-forum .forum-search-table .gTableBody1) :where(.searchQueryFl, .searchForumsFl) {
 max-width: 100%
}

:where(.module-forum #frM53) .pollHelp,
:where(.module-forum .forum-search-table .gTableBody1) .forum-search-hint {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 display: inline-block;
 font-size: var(--tpl-font-size-small)
}

:where(.module-forum #frM53) .pollHelp,
:where(.module-forum .forum-search-table tr:not(.forum-search-advanced) .searchQueryFl)~.forum-search-hint {
 margin-top: var(--tpl-spacing-s)
}

:where(.module-forum .forum-search-advanced) .forum-search-hint {
 flex: 1 1 100%
}

:where(.module-forum .forum-search-advanced) .gTableBody1 {
 flex-wrap: wrap
}

:where(.module-forum .forum-search-table) tr:has(.searchSubmitFl) {
 padding: 0
}

:where(.module-forum .forum-search-table) .gTableBody1 {
 height: auto !important;
 min-width: 0;
 padding: 0 !important
}

:where(.module-forum .forum-search-moder)>tbody {
 display: flex;
 flex-direction: column;
 gap: var(--tpl-spacing-m)
}

:where(.module-forum #frM53 > tbody) {
 display: flex;
 flex-direction: column;
 gap: var(--tpl-spacing-xl)
}

:where(.module-forum #frM53 > tbody)>tr:where(:not(#frM54):not(#frM59):not(#frM1)) {
 align-items: center;
 display: grid;
 gap: inherit;
 grid-template-columns: 1fr 4fr
}

:where(.module-forum #frM53)>tbody>tr:where(#frM56) {
 gap: var(--tpl-spacing-s);
 grid-template-columns: 1fr
}

:where(.module-forum #frM53)>tbody>tr:where(#frM59) #frM60 {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-l);
 justify-content: center
}

:where(.module-forum #frM53) div[id^=imblock] {
 flex-wrap: wrap
}

:where(.module-forum #frM53) div[id^=imblock]+div[id^=imblock] {
 margin-top: var(--tpl-spacing-m)
}

:where(.module-forum #frM53 :where(#frM8, #frM16)) {
 align-items: center;
 display: grid;
 gap: var(--tpl-spacing-m) var(--tpl-spacing-s);
 grid-template-columns: auto 1fr
}

.post-card .dPstBox,
.module-forum .pollAnswer>input,
.module-forum #thread_search_form>input,
:where(.module-forum #frM53 :where(#frM8, #frM16))>input {
 margin: 0
}

:where(.module-forum .threadpage-layout) #frM53 {
 margin-top: 56px
}

:where(.module-forum) .bbQuoteName {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 font-size: 12px !important;
 margin-block: 10px;
 padding: 0 !important
}

:where(.module-forum) .quoteMessage {
 border: 1px solid light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-400)) !important;
 border-radius: 8px;
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 margin-block: 10px;
 padding: 8px
}

:where(.module-forum .post-card) .postip,
#subscribe {
 white-space: nowrap
}

:where(.module-forum) .delPostsSubmit {
 font: inherit !important;
 margin-top: var(--tpl-spacing-xl)
}

:where(.module-forum #thread_search_form .fastNav) {
 order: 1
}

:where(.module-forum .forumModerFuncs) {
 justify-content: start
}

.module-forum .pollQuestion {
 color: light-dark(var(--tpl-dark-700), var(--tpl-dark-100));
 font: var(--tpl-font-header-4)
}

.module-forum .pollAnswer {
 align-items: center;
 display: grid;
 gap: var(--tpl-spacing-s);
 grid-template-columns: auto 1fr;
 margin-block: var(--tpl-spacing-m)
}

.module-forum .pollButtons {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-s);
 justify-content: start;
 margin-block: var(--tpl-spacing-l)
}

:where(.module-forum .recent-posts)>:is(.gTableTop, .post-card),
:where(.threadpage-posts-table) [class^=postRest] {
 border-bottom: var(--tpl-border-line)
}

:where(.recent-posts)>.post-card,
:where(.threadpage-posts-table) [class^=postRest] {
 padding-block: var(--tpl-spacing-xl)
}

:where(.module-forum) .post-card {
 --avatar-size: 110px;
 display: grid;
 gap: var(--tpl-spacing-xl);
 grid-template-columns: 246px auto
}

:where(.module-forum .post-card) .post-footer {
 align-items: center;
 border: 1px solid light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700));
 border-radius: 12px;
 display: flex;
 gap: var(--tpl-spacing-l);
 grid-column: 1/-1;
 justify-content: space-between;
 padding: var(--tpl-spacing-l) var(--tpl-spacing-xl)
}

:where(.module-forum .post-card) :is(.post-manage-bar, .post-footer) :where(img, > a) {
 display: block
}

:where(.posts-replace-list) .replace-post-control,
:where(.module-forum .post-card) :is(.post-content-header, .post-edited) {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 font-size: var(--tpl-font-size-small)
}

:where(.module-forum .post-card) .post-content-main {
 color: light-dark(var(--tpl-dark-700), var(--tpl-dark-300));
 font: var(--tpl-font-text-r2);
 margin-block: var(--tpl-spacing-m) var(--tpl-spacing-l)
}

:where(.module-forum .post-card) .post-content-footer {
 display: flex;
 flex-direction: column;
 gap: var(--tpl-spacing-xl)
}

:where(.module-forum .post-card) .post-attachment {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-700));
 border-radius: 12px;
 box-shadow: var(--tpl-panel-shadow);
 padding: var(--tpl-spacing-l)
}

:where(.module-forum .post-card) .post-signature {
 border-top: 1px solid light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700));
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 font-size: var(--tpl-font-size-small);
 font-style: italic;
 padding-top: var(--tpl-spacing-l)
}

:where(.module-forum .post-card) :where(.post-avatar, .post-avatar-icon) {
 background-color: light-dark(var(--tpl-dark-300), var(--dark-tpl-dark-450));
 border-radius: var(--avatar-size);
 display: block;
 height: var(--avatar-size);
 object-fit: cover;
 width: var(--avatar-size)
}

:where(.module-forum .post-card) .post-avatar-icon {
 padding: 16px
}

:where(.module-forum .post-card) .post-user-info {
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700));
 border-radius: 12px;
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 padding: 32px var(--tpl-spacing-l);
 text-align: center
}

:where(.module-forum .post-card) .post-manage-bar {
 display: none;
 grid-area: manage-bar
}

:where(.module-forum .post-card) .post-avatar-wrapper {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 display: flex;
 justify-content: center;
 margin-block: var(--tpl-spacing-l)
}

:where(.module-forum .post-card) .post-user-name {
 font: var(--tpl-font-header-4);
 grid-area: user-name;
 word-wrap: break-word
}

:where(.module-forum .post-card) .post-rank-wrapper {
 grid-area: user-rank
}

:where(.module-forum .post-card) .post-user-group {
 grid-area: user-group
}

:where(.module-forum .post-card) .post-curator {
 grid-area: user-curator
}

:where(.module-forum .post-card) .ucoz-forum-post-editor-actions {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-m);
 justify-content: center;
 margin-top: var(--tpl-spacing-m)
}

:where(.module-forum) .forum-private-login {
 margin: 0 auto;
 max-width: 400px;
 width: 100%
}

:where(.module-forum) .forum-private-login :where(tbody, tr, td) {
 text-align: center
}

:where(.module-forum) .forum-private-login tr {
 margin-block: var(--tpl-spacing-l)
}

.module-forum :is(.forum-top-wrapper, .forum-bottom-wrapper) {
 align-items: center;
 gap: var(--tpl-spacing-xl);
 margin-block: var(--tpl-spacing-xl)
}

:where(.module-forum .recent-posts)>.gTableTop {
 padding-bottom: var(--tpl-spacing-xl)
}

:where(.gTableBody-block) input[name=turl] {
 max-width: min(var(--tpl-forum-field-width), 100%)
}

:where(.gTableBody-block) .forum-input-hint {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 display: block;
 font-size: var(--tpl-font-size-small);
 margin-top: var(--tpl-spacing-s)
}

:where(.posts-replace-list) .replace-post-control {
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700));
 border: var(--tpl-border-line);
 border-bottom: 0;
 border-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700));
 border-radius: 12px 12px 0 0;
 padding: var(--tpl-spacing-m)
}

:where(.posts-replace-list) .replace-post-content {
 border: var(--tpl-border-line);
 border-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700));
 border-radius: 0 0 12px 12px;
 border-top: 0;
 color: light-dark(var(--tpl-dark-700), var(--tpl-dark-300));
 padding: var(--tpl-spacing-m)
}

:where(.thread-split-fields) :is(input, select) {
 max-width: var(--tpl-forum-field-width);
 width: 100% !important
}

.module-shop {
 --tpl-shop-field-width: 270px
}

:where(.module-shop .price-layout .shop-options) input {
 margin: 0
}

.module-shop .newprice {
 color: var(--tpl-accent-blue)
}

.layout .product-card .product-tail {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-700));
 box-shadow: 0 14px 14px 0 rgba(0, 0, 0, .13);
 top: calc(100% - var(--tpl-spacing-xl));
 transition: box-shadow var(--tpl-transition);
 border-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-500))
}

.layout .product-card {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-700));
 border: 1px solid light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-500));
 border-radius: 16px;
 padding: var(--tpl-spacing-xl);
 position: relative;
 transition: box-shadow var(--tpl-transition);
 font: var(--tpl-font-text-m1)
}

.layout .product-card .product-img-link {
 height: 296px
}

:where(.layout .product-card) .product-pictures {
 margin: -16px -16px 0
}

.layout .product-card .product-pictures img {
 border-radius: 12px;
 display: block;
 object-fit: scale-down
}

.layout .product-card .product-card-title {
 color: light-dark(var(--tpl-dark-700), var(--dark-tpl-light));
 font-weight: 500;
 transition: color var(--tpl-transition)
}

:where(body:not(.module-shop)) .layout .product-card .product-notify-box {
 align-items: end;
 display: flex;
 margin-top: 15px;
 min-height: 54px
}

:where(body:not(.module-shop)) .layout .product-card:has(.notify-stock-btn:where(:not(.notify-stock-placeholder))) .product-buy-box,
:where(body:not(.module-shop)) .layout .product-card .product-notify-box:has(.notify-stock-placeholder),
:where(body:not(.module-shop)) .layout .product-card .product-notify-box:empty {
 display: none
}

.layout .product-card .product-actions {
 position: absolute;
 right: 24px;
 top: 24px
}

:where(body:not(.module-shop)) .layout .product-card .product-actions .wish {
 margin-bottom: 10px
}

.layout .product-card :is(.notify-stock-btn, .shop-options-s) {
 width: 100%
}

:where(.product-card) :is(.product-fields, .product-field, .shop-options :is(label, li, .val)) {
 display: flex
}

:where(.product-card) .product-fields {
 flex-flow: column;
 gap: var(--tpl-spacing-s)
}

:where(.product-card) .product-field {
 align-items: center;
 flex-flow: row wrap;
 gap: 4px
}

.product-card .shop-options {
 margin-top: var(--tpl-spacing-m)
}

:where(.product-card) .shop-options li {
 flex-flow: column;
 font-size: 0
}

:where(.product-card) .shop-options li>:is(.opt, .val) {
 font: var(--tpl-font-text-r1)
}

:where(.product-card) .shop-options .val {
 flex-flow: column;
 gap: 4px
}

:where(.product-card) .shop-options label {
 align-items: center;
 gap: inherit
}

:where(.product-card) .shop-options [type=radio] {
 flex: 0 0 var(--box-size, 20px);
 margin: 0
}

:where(.product-card) .shop-options .opt {
 color: light-dark(var(--tpl-dark-400), var(--tpl-dark-500));
 margin-bottom: 4px
}

:where(.product-card) .shop-options li:has(+ li) {
 margin-bottom: var(--tpl-spacing-l)
}

:where(.list-item):has(.shop-fade) :where(.product-card, .product-tail):before,
:where(.product-card, .product-tail):has(.shop-fade):before {
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700));
 border-radius: inherit;
 content: "";
 display: block;
 inset: 0;
 opacity: .7;
 pointer-events: none;
 position: absolute;
 z-index: 6
}

:where(.goods-list) .shop-fade {
 display: none !important
}

.layout .goods-list :is(.basket-link, .basket) {
 background-color: var(--tpl-accent-blue);
 transition: background-color var(--tpl-transition)
}

.layout .goods-list :is(.wish, .compare-widget, .compare-widget-remove + a) {
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-450))
}

.layout .goods-list :is(.compare-widget, .compare-widget-remove + a, .wish, #f) {
 background-image: none
}

.layout .goods-list :is(.compare-widget-add, .compare-widget-remove + a, .wish) {
 align-items: center;
 border-radius: 54px;
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 cursor: pointer;
 display: flex;
 height: 54px;
 justify-content: center;
 transition: all var(--tpl-transition);
 width: 54px
}

:where(.product-page .product-header) :is(.wish, .compare-widget-add, .compare-widget-wait, .compare-widget-remove+a):before,
.layout .goods-list :is(.compare-widget, .compare-widget-remove + a, .wish):before {
 background-color: currentColor;
 content: "";
 display: block;
 height: 24px;
 position: relative;
 width: 24px;
 z-index: 2;
 flex-shrink: 0
}

:where(.product-page .product-header-compare) .compare-widget-add:before,
:where(.layout .goods-list) .compare-widget-add:before {
 -webkit-mask: url("/.s/t/2301/icons/compare_add.svg") center/contain no-repeat;
 mask: url("/.s/t/2301/icons/compare_add.svg") center/contain no-repeat
}

:where(.product-page .product-header-compare) .compare-widget-remove+a:before,
.layout .goods-list .compare-widget-remove+a:before {
 color: var(--tpl-accent-green);
 -webkit-mask: url("/.s/t/2301/icons/compare_go.svg") center/contain no-repeat;
 mask: url("/.s/t/2301/icons/compare_go.svg") center/contain no-repeat
}

.layout .goods-list .compare-widget-remove+a:after {
 background: var(--tpl-accent-white);
 border-radius: 8px;
 content: '';
 display: block;
 height: 16px;
 position: absolute;
 width: 16px;
 z-index: 1
}

:where(.product-page .product-header) .wish:before,
.layout .goods-list .wish:before {
 -webkit-mask: url("/.s/img/sh/wish_add.svg") center/contain no-repeat;
 mask: url("/.s/img/sh/wish_add.svg") center/contain no-repeat
}

:where(.product-page .product-header, .product-card) :is(.compare-widget-wait, .wait):before,
.layout .goods-list :is(.wish.wait):before {
 -webkit-mask: url("/.s/img/wait.svg") center/contain no-repeat;
 mask: url("/.s/img/wait.svg") center/contain no-repeat
}

:where(.product-page .product-header) .wish.wdel:before,
.layout .goods-list .wish.wdel:before {
 color: var(--tpl-accent-red);
 -webkit-mask: url("/.s/img/sh/wish_remove.svg") center/contain no-repeat;
 mask: url("/.s/img/sh/wish_remove.svg") center/contain no-repeat
}

.layout .goods-list .wish.werr:before {
 color: var(--tpl-accent-red);
 -webkit-mask: url("/.s/img/sh/wish_error.svg") center/contain no-repeat;
 mask: url("/.s/img/sh/wish_error.svg") center/contain no-repeat
}

.goods-list:has(+.goods-list) {
 margin-bottom: 10px
}

:where(.module-shop) :where(.flist) select {
 width: var(--tpl-shop-field-width)
}

.module-shop .spec-filter {
 margin: 0;
 padding: 0
}

:where(.module-shop .tpl-content)>.flist,
:where(.module-shop) :is(h1, h2, .shop-cat-descr, .shop-sort-block) {
 margin-block: var(--tpl-spacing-xl)
}

:where(.module-shop) .shop-spec-filter-wrapper {
 position: relative
}

.module-shop .spec-filter {
 border: 0
}

.module-shop .spec-filter:has(~ .spec-filter) {
 margin-bottom: var(--tpl-spacing-s)
}

.module-shop :where(#last-add-more) {
 padding: var(--tpl-spacing-xl) 0 !important
}

:where(.module-shop .catalog) {
 background: 0;
 border-collapse: collapse;
 border-spacing: 0;
 margin-bottom: var(--tpl-spacing-3xl)
}

:where(.module-shop .catalog),
:where(.module-shop .catalog) :is(tbody, tr, td) {
 display: flow-root
}

:where(.module-shop .catalog) img {
 height: 48px;
 object-fit: scale-down;
 width: 48px
}

:where(.module-shop) .large-catalog:not(.catalog-with-image) :is(h3, div) {
 margin: 0
}

:where(.module-shop .catalog:not(.large-catalog)) {
 --catalog-skeleton-height: 43px;
 --catalog-skeleton-width: 160px;
 overflow: hidden
}

:where(.module-shop .catalog:not(.large-catalog)) tbody {
 align-items: start;
 display: flex;
 gap: var(--tpl-spacing-s)
}

:where(.module-shop .catalog:not(.large-catalog)) tr>* {
 display: none
}

:where(.module-shop .catalog:not(.large-catalog)) tr:before,
:where(.module-shop .catalog:not(.large-catalog)) tr:after {
 animation: shine-lines 2s infinite linear;
 background: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700));
 background-image: linear-gradient(90deg, light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700)) 0, light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-400)) 40px, light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700)) 80px);
 background-size: 600px;
 pointer-events: none
}

:where(.module-shop .catalog:not(.large-catalog)) tr:before {
 border-radius: 16px;
 content: '';
 display: block;
 height: var(--catalog-skeleton-height);
 width: var(--catalog-skeleton-width)
}

:where(.module-shop .catalog-with-image:not(.large-catalog)) tr:before {
 height: var(--catalog-skeleton-width)
}

:where(.module-shop .catalog-with-image:not(.large-catalog)) tr:after {
 border-radius: 5px;
 content: '';
 display: block;
 height: 20px;
 margin-top: var(--tpl-spacing-s);
 width: var(--catalog-skeleton-width)
}

@keyframes shine-lines {
 0% {
 background-position: -100px
 }

 40%,
 100% {
 background-position: 140px
 }
}

.catalog-slider-container {
 --swiper-theme-color: var(--tpl-accent-blue);
 margin-bottom: var(--tpl-spacing-3xl);
 position: relative
}

:where(.module-shop .category-layout) .catalog-slider-container {
 margin-top: var(--tpl-spacing-3xl)
}

:is(.gallery-thumbs-slider-container, .catalog-slider-container) .swiper-btn {
 --btn-pos: calc((var(--swiper-btn-size) / 2) * -1);
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 z-index: 10
}

.catalog-slider-container:has(.catalog-item-img) .swiper-btn {
 top: 80px
}

:is(.gallery-thumbs-slider-container, .catalog-slider-container) .swiper-button-disabled {
 display: none
}

:is(.gallery-thumbs-slider-container, .catalog-slider-container) .swiper-btn-prev {
 left: var(--btn-pos)
}

:is(.gallery-thumbs-slider-container, .catalog-slider-container) .swiper-btn-next {
 right: var(--btn-pos)
}

.catalog-slider-container .swiper-slide {
 width: auto
}

.catalog-slider-container .swiper-slide h3 {
 font: var(--tpl-font-text-m1);
 text-align: center
}

:where(.module-shop) .catalog-card {
 --card-size: 160px;
 width: var(--card-size)
}

:where(.module-shop) :is(.catalog-card, .catalog-chip) a {
 color: inherit;
 display: block
}

:where(.module-shop .catalog-card) .catalog-item-img-link {
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700));
 border-radius: 16px;
 height: var(--card-size);
 margin-bottom: var(--tpl-spacing-s);
 padding: var(--tpl-spacing-m);
 position: relative;
 width: var(--card-size)
}

:where(.module-shop .catalog-card) .catalog-item-img {
 display: block;
 height: calc(var(--card-size) - (var(--tpl-spacing-m) * 2));
 object-fit: scale-down;
 width: calc(var(--card-size) - (var(--tpl-spacing-m) * 2))
}

.catalog-chip {
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700));
 border-radius: var(--tpl-spacing-m);
 padding: var(--tpl-spacing-m);
 transition: background-color var(--tpl-transition)
}

.catalog-slider-img-preloader {
 animation: shine-lines 2s infinite linear !important;
 background: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700));
 background-image: linear-gradient(90deg, light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700)) 0, light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-400)) 40px, light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700)) 80px);
 background-size: 600px;
 border: 0;
 border-radius: 16px;
 color: var(--tpl-dark-500);
 height: auto;
 inset: 0;
 margin: 0;
 pointer-events: none;
 width: auto
}

.module-shop .shop-cat-descr {
 display: flow-root
}

:where(.module-shop .shop-cat-descr) img {
 max-width: min(160px, 100%)
}

:where(.module-shop) .flist {
 display: flex;
 flex-direction: column;
 gap: var(--tpl-spacing-l)
}

:where(.module-shop) #shop-page-more.wait.wait {
 background: 0;
 min-height: 62px;
 position: relative
}

:where(.module-shop) #shop-page-more.wait::after {
 animation: loading-more 2s linear infinite;
 border: 2px solid light-dark(var(--tpl-dark-300), var(--dark-tpl-dark-400));
 border-radius: 50px;
 border-top-color: var(--tpl-accent-blue);
 content: "";
 height: 30px;
 left: 50%;
 position: absolute;
 top: 50%;
 width: 30px
}

@keyframes loading-more {
 0% {
 transform: translate(-50%, -50%) rotate(0)
 }

 100% {
 transform: translate(-50%, -50%) rotate(360deg)
 }
}

.shop-pros,
.shop-cons {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 display: block;
 font: var(--tpl-font-text-r1);
 margin-bottom: var(--tpl-spacing-m)
}

:where(.module-shop .entry-layout) .shop_spec .fstMultipleMode .fstControls,
:where(.module-shop .entry-layout .shop_spec),
:where(.module-shop .entry-layout) .shop_spec :is(tbody, tr, td, .spec-values),
:where(.module-shop .entry-layout) .item-action {
 display: block;
 padding: 0
}

:where(.module-shop .entry-layout) .shop_spec>tbody>tr:has(.item-action) {
 margin-block: var(--tpl-spacing-xl)
}

:where(.module-shop .entry-layout) .shop_spec>tbody>tr:has(.item-action) td+td {
 margin-top: var(--tpl-spacing-m)
}

:where(.module-shop .entry-layout) .shop_spec .fHelp {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 margin-top: var(--tpl-spacing-s)
}

:where(.module-shop .entry-layout) .shop_spec .shop_spec_grp:has(.shop_spec_val),
:where(.module-shop .entry-layout) .shop_spec .shop_spec_grp td {
 border-top: 1px solid light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-400));
 padding-top: var(--tpl-spacing-s)
}

:where(.module-shop .entry-layout) .shop_spec .shop_spec_grp:has(.shop_spec_val) td {
 border: 0;
 font-weight: 400;
 padding: 0
}

:where(.module-shop .entry-layout) .shop_spec .shop_spec_grp:first-child td {
 border: 0;
 padding: 0
}

:where(.module-shop .entry-layout) .shop_spec :is(.shop_spec_bg1, .shop_spec_bg2, :where(.shop_spec_grp:has(.shop_spec_val))) {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-l);
 justify-content: space-between;
 margin-block: var(--tpl-spacing-l)
}

:where(.module-shop .entry-layout) .shop_spec .shop_spec_grp {
 margin-block: var(--tpl-spacing-xl) var(--tpl-spacing-l)
}

:where(.module-shop .entry-layout) .shop_spec .fstElement {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-700));
 border: var(--tpl-border-line-100);
 border-radius: 6px;
 color: light-dark(var(--tpl-dark-800), var(--tpl-dark-100));
 display: block;
 padding: 9px 10px
}

:where(.module-shop .entry-layout) .shop_spec .fstChoiceItem {
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-500));
 border: 0;
 border-radius: 8px;
 color: light-dark(var(--tpl-dark-700), var(--tpl-dark-300));
 font-size: var(--tpl-font-size-small);
 font-weight: 500;
 padding: 4px 8px 4px 20px;
 margin: 0
}

:where(.module-shop .entry-layout) .shop_spec .fstChoiceItem .fstChoiceRemove {
 color: var(--tpl-dark-500);
 height: 18px !important;
 left: 2px !important;
 top: 50% !important;
 transform: translateY(-50%);
 width: 18px !important
}

:where(.module-shop .entry-layout) .shop_spec .fstMultipleMode .fstQueryInput {
 font-size: var(--tpl-font-size);
 margin: 0;
 padding: 0
}

:where(.module-shop .entry-layout) .shop_spec .fstResultItem {
 font-size: var(--tpl-font-size);
 border-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-400))
}

:where(.module-shop .entry-layout) .shop_spec .fstMultipleMode.fstActive .fstResults {
 border-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-400));
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-500));
 scrollbar-width: thin;
 top: calc(100% - 3px);
 border-top: 0;
 border-radius: 0 0 6px 6px
}

:where(.module-shop .entry-layout) .shop_spec .fstMultipleMode .fstControls {
 display: flex;
 flex-wrap: wrap;
 gap: .41667em
}

:where(.module-shop .entry-layout) .shop_spec :is(.fstResultItem.fstSelected, .fstResultItem.fstFocused) {
 background-color: var(--tpl-accent-blue);
 border-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-400))
}

:where(.module-shop .price-layout) .price-item-name-td>.shop-options li:has(+li) {
 margin-bottom: var(--tpl-spacing-m)
}

:where(.module-shop .price-layout) .val {
 align-items: center;
 display: inline-flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-m);
 vertical-align: middle
}

:where(.module-shop .price-layout) label {
 align-items: center;
 display: inline-flex;
 gap: var(--tpl-spacing-s)
}

:where(.module-shop .price-layout) .shop-options-s {
 max-width: var(--tpl-shop-field-width)
}

:where(.product-page) .product-page-head {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-l);
 justify-content: space-between;
 margin-bottom: var(--tpl-spacing-xl)
}

:where(.product-page) .admin-action {
 text-align: center
}

:where(.product-page) .product-header {
 border-bottom: var(--tpl-border-line-100);
 container: product-header/inline-size;
 padding-bottom: var(--tpl-spacing-l);
 grid-area: h
}

:where(.product-page) .product-header-title {
 font: var(--tpl-font-header-2);
 margin-block: 0 var(--tpl-spacing-l)
}

:where(.product-page) .product-header-box {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-xl)
}

:where(.product-page) :is(.product-header-box, .product-header-box a) {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 font: var(--tpl-font-text-m1)
}

:where(.product-page) .product-header-rating {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-s)
}

:where(.product-page) :is(.product-page-desc, .rating-counters, .product-brief) {
 color: light-dark(var(--tpl-dark-700), var(--tpl-dark-300))
}

:where(.product-page) .product-header-art {
 color: light-dark(var(--tpl-dark-500), var(--tpl-dark-300));
 margin-left: auto
}

:where(.product-page .product-header):has(.compare-widget-wait, .wait) {
 pointer-events: none
}

:where(.product-page .product-header-compare .compare-widget + a) {
 display: none
}

:where(.product-page .product-header) :is(.wish, .compare-widget-add, .compare-widget-wait, .compare-widget-remove + a) {
 align-items: center;
 cursor: pointer;
 display: flex;
 gap: 4px
}

:where(.product-page .product-header) :is(.wish, .compare-widget-add, .compare-widget-wait):after {
 content: attr(title)
}

@container product-header (width < 800px) {
 .product-header-title {
 font: var(--tpl-font-header-3)
 }

 .product-header-rating {
 order: 1;
 flex: 1 1 calc(100% - 80px)
 }

 .product-header-compare {
 order: 2
 }

 .product-header-wish {
 order: 3
 }

 .product-header-art {
 order: 5
 }

 .product-header-comm {
 order: 5
 }

 .product-header-box {
 flex-wrap: wrap;
 gap: var(--tpl-spacing-l);
 justify-content: space-between
 }

 :is(.wish, .compare-widget-add, .compare-widget-wait):after {
 display: none
 }

 .product-header-title .u-mpanel.up-right {
 display: block;
 margin-bottom: var(--tpl-spacing-l)
 }
}

:where(.product-page .price-box) .price-box-old {
 font: var(--tpl-font-text-m1);
 text-decoration: line-through
}

:where(.product-page .price-box) .price-box-curr {
 color: light-dark(var(--tpl-dark-900), var(--tpl-dark-100));
 font: var(--tpl-font-header-2)
}

:where(.product-page) .product-main {
 display: grid;
 grid-template-columns: min(400px, 100%) 1fr;
 grid-template-areas: "h h" "g a";
 gap: 32px var(--tpl-spacing-3xl);
 align-items: start;
 margin-bottom: 64px
}

:where(.product-page) .product-gallery {
 --swiper-preloader-color: light-dark(var(--tpl-accent-blue-light), var(--dark-tpl-accent-blue-light));
 grid-area: g;
 position: sticky;
 top: calc(64px + 16px);
 min-width: 0
}

:where(.product-page) .product-about {
 container: product-about/inline-size;
 grid-area: a
}

:where(.product-page) .product-about-block:has(+.product-about-block) {
 margin-bottom: var(--tpl-spacing-xl)
}

:where(.product-page) :is(.product-page-desc, .product-brief) {
 font: var(--tpl-font-text-r2)
}

:where(.product-page :where(.shop-options, .product-props)) :is(.prop-label, .opt) {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500))
}

:where(.product-page) :is(.shop-options, .props-list)>li+li {
 margin-top: var(--tpl-spacing-m)
}

:where(.product-page) :is(.uv-block, .props-list) {
 margin-block: var(--tpl-spacing-m)
}

.product-page :is(.shop-options, .product-variations) {
 margin-block: var(--tpl-spacing-l)
}

:where(.product-page .shop-options > li) {
 display: flex;
 flex-direction: column;
 gap: var(--tpl-spacing-s)
}

:where(.product-page .shop-options) .val {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-s)
}

:where(.product-page) .shop-options .val label {
 align-items: center;
 display: flex;
 gap: 8px;
 font: var(--tpl-font-text-m1) !important;
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500))
}

:where(.product-page .shop-options) .val label:has([type=radio]) {
 padding: 8px 12px;
 border: var(--tpl-border-line-100);
 border-radius: 8px;
 transition: all var(--tpl-transition)
}

:where(.product-page .shop-options) [type=radio] {
 -webkit-appearance: none;
 appearance: none;
 clip: rect(0 0 0 0);
 height: 1px;
 overflow: hidden;
 position: absolute;
 width: 1px
}

:where(.product-page .shop-options) .val:has([type=checkbox]:checked) label,
:where(.product-page .shop-options) .val label:has([type=radio]:checked, [type=checkbox]:checked) {
 color: light-dark(var(--tpl-dark-700), var(--tpl-dark-300))
}

:where(.product-page .shop-options) .val label:has([type=radio]:checked) {
 border-color: var(--tpl-accent-blue);
 box-shadow: inset 0 0 1px 1px var(--tpl-accent-blue)
}

:where(.product-page .shop-options) .shop-options-s {
 width: 100%;
 max-width: 100%
}

:where(.product-page) .buy-box {
 display: flex;
 align-items: center;
 gap: var(--tpl-spacing-m);
 margin-top: var(--tpl-spacing-xl)
}

:where(.product-page) .product-purchase:where(:not(:has(.notify-stock-placeholder))) :is(.price-box, .buy-box) {
 display: none
}

:where(.product-page .buy-box) .quantity {
 align-items: center;
 border: var(--tpl-border-line-100);
 border-radius: 8px;
 display: flex;
 padding: 7px;
 width: fit-content;
 background-color: light-dark(transparent, var(--dark-tpl-dark-700))
}

:where(.product-page .buy-box .quantity) .qty-btn {
 align-items: center;
 border-radius: 4px;
 display: flex;
 height: 38px;
 justify-content: center;
 padding: 0;
 width: 38px
}

:where(.product-page .buy-box .quantity) .qty-input {
 border: 0;
 width: 58px;
 appearance: textfield;
 text-align: center;
 outline-width: 0
}

:where(.product-page .buy-box .quantity) :is(.qty-input::-webkit-outer-spin-button, .qty-input::-webkit-inner-spin-button) {
 -webkit-appearance: none;
 margin: 0
}

:where(.product-page .buy-box .quantity) .svg-icon {
 height: 14px;
 width: 14px
}

:where(.product-page .product-purchase) :is(.add-to-cart, [id$=buynow], .notify-stock-btn) {
 font: var(--tpl-font-text-m2);
 line-height: 22px
}

:where(.product-page .buy-box) [id$=buynow] {
 padding: 15px;
 width: fit-content
}

:where(.product-page .buy-box) [id$=buynow].wait {
 pointer-events: none
}

:where(.product-page .product-purchase) :is(.notify-stock-btn, .add-to-cart) {
 padding: var(--tpl-spacing-l) var(--tpl-spacing-xl)
}

:where(.product-page .buy-box) [id$=buynow]:before {
 background-color: currentColor;
 content: '';
 display: block;
 height: 24px;
 width: 24px
}

:where(.product-page .buy-box) [id$=buynow].now:before {
 -webkit-mask: url("/.s/img/sh/basket_now2.svg") center/contain no-repeat;
 mask: url("/.s/img/sh/basket_now2.svg") center/contain no-repeat
}

:where(.product-page .buy-box) [id$=buynow].wait:before {
 -webkit-mask: url("/.s/img/light_wait.svg") center/contain no-repeat;
 mask: url("/.s/img/light_wait.svg") center/contain no-repeat
}

@container product-about (width < 450px) {
 .buy-box {
 flex-direction: column;
 align-items: start
 }

 .add-to-cart,
 [id$=buynow],
 .notify-stock-btn {
 width: 100%
 }

 :is([id$=buynow]:hover, #f),
 [id$=buynow] {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 background-color: light-dark(var(--tpl-accent-blue-light), var(--dark-tpl-accent-blue-light));
 color: var(--tpl-accent-blue)
 }

 [id$=buynow]:after {
 content: attr(title)
 }
}

:where(.product-page) :is(.gallery-thumbs-slider, .gallery-main-slider) img {
 aspect-ratio: 1/1;
 border: 1px solid light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700));
 cursor: pointer;
 display: block;
 height: 100%;
 object-fit: cover;
 width: 100%;
 border-radius: 8px
}

:where(.product-page) .gallery-main-slider img {
 border-radius: 16px
}

:where(.product-page) .gallery-thumbs-slider-container {
 margin-top: 10px;
 position: relative
}

:where(.product-page .gallery-thumbs-slider) .swiper-lazy-preloader {
 height: 24px;
 margin-left: -12px;
 margin-top: -12px;
 width: 24px
}

:where(.product-page .gallery-thumbs-slider-container) .swiper-btn {
 --swiper-btn-size: 32px
}

:where(.product-page) .gallery-thumbs-slider:where(:not(.swiper-initialized)) .swiper-slide {
 margin-right: 10px;
 max-height: 72px;
 max-width: 72px
}

:where(.product-page .gallery-thumbs-slider) .swiper-slide-thumb-active img {
 border: 2px solid var(--tpl-accent-blue);
 cursor: default
}

:where(.product-page) .tabs-link {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 display: block;
 font: var(--tpl-font-text-sb2);
 padding-block: var(--tpl-spacing-l);
 width: fit-content;
 transition: color var(--tpl-transition);
 white-space: nowrap;
 border-bottom: 3px solid transparent
}

:where(.product-page) .tabs-link.active {
 pointer-events: none;
 cursor: default;
 border-bottom-color: light-dark(var(--tpl-dark-900), var(--tpl-dark-100));
 color: light-dark(var(--tpl-dark-900), var(--tpl-dark-100))
}

:where(.product-page) .tabs-head {
 display: flex;
 gap: var(--tpl-spacing-xl)
}

:where(.product-page) .tabs-scrollable {
 border-bottom: 1px solid light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-400));
 overflow-x: auto;
 scrollbar-width: none;
 position: relative;
 margin-bottom: var(--tpl-spacing-xl)
}

:where(.product-page) .commReg {
 background: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700));
 border-radius: 16px;
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 margin-inline: auto;
 margin-top: var(--tpl-spacing-xl);
 padding: var(--tpl-spacing-l);
 text-align: center
}

:where(.product-page) .product-images {
 display: grid;
 gap: var(--tpl-spacing-l);
 grid-template-columns: repeat(auto-fill, minmax(150px, 1fr))
}

:where(.product-page) .product-image-item {
 border: var(--tpl-border-line-100);
 border-radius: 8px;
 cursor: pointer;
 height: 100%;
 object-fit: scale-down;
 width: 100%
}

:where(.module-shop) .products-box {
 margin-top: 64px
}

:where(.module-shop .price-layout) .shop-pagination-top {
 justify-content: end;
 padding: 0 !important
}

:where(.module-shop .price-layout) .price-item {
 border-bottom: var(--tpl-border-line)
}

:where(.module-shop .price-layout) :is(#shop-price-form, #shop-price-list) {
 margin-block: var(--tpl-spacing-xl)
}

:where(.module-shop) .price-layout :is(.shop-page-wrap:not(.gTableTop), #shop-page-more) {
 padding: 0
}

:where(.module-shop .price-layout) #shop-price-buttons {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-m);
 justify-content: end
}

:where(.module-shop .price-layout) #shop-price-buttons.gTableTop {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-450));
 box-shadow: var(--tpl-panel-shadow);
 padding: var(--tpl-spacing-xl)
}

:where(.module-shop .price-layout) #shop-price-buttons .shop-more-scroll-close {
 background: 0 0;
 height: 18px;
 width: 18px
}

:where(.module-shop .price-layout) #shop-price-list {
 border-spacing: 0;
 max-width: none
}

:where(.module-shop .usertrans-layout #transaction-table) .gTableSubTop,
:where(.module-shop .price-layout #shop-price-list) .gTableTop {
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700));
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 font: var(--tpl-font-text-m1);
 padding: var(--tpl-spacing-m)
}

:where(.module-shop .usertrans-layout #transaction-table) .gTableSubTop:first-child,
:where(.module-shop .price-layout #shop-price-list) .gTableTop:first-child {
 padding-left: var(--tpl-spacing-l)
}

:where(.module-shop .usertrans-layout #transaction-table) .gTableSubTop:last-child,
:where(.module-shop .price-layout #shop-price-list) .gTableTop:last-child {
 padding-right: var(--tpl-spacing-l)
}

:where(.module-shop .usertrans-layout #transaction-table) td,
:where(.module-shop .price-layout #shop-price-list) td {
 padding: var(--tpl-spacing-l) var(--tpl-spacing-m)
}

:where(.module-shop .price-layout #shop-price-list) .price-cat:where(:not(:nth-child(2))) td {
 padding-top: calc(var(--tpl-spacing-xl) * 2)
}

:where(.module-shop .price-layout #shop-price-list) td:first-child {
 padding-left: 0
}

:where(.module-shop .price-layout #shop-price-list) td:last-child {
 padding-right: 0
}

:where(.module-shop .price-layout #shop-price-list) .price-subtitle {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 font: var(--tpl-font-text-m2)
}

:where(.module-shop .price-layout #shop-price-list)>tbody>tr:first-child,
:where(.module-shop .price-layout #shop-price-list) .price-sub-cat:has(+.price-sub-cat) {
 display: none
}

:where(.module-shop .price-layout #shop-price-list) .price-item-name {
 display: inline-block;
 font: var(--tpl-font-text-r2);
 text-decoration: underline
}

:where(.module-shop .price-layout #shop-price-list) .buttons-wrapper {
 text-align: right
}

:where(.module-shop .price-layout #shop-price-list) :is(.price-item-cost, .price-item-count) {
 min-width: 120px
}

:where(.module-shop .manTable) {
 border-spacing: 0 8px
}

:where(.module-shop .manTable)>tbody>tr>td {
 height: auto;
 padding: 0
}

:where(.module-shop :where(.add-layout, .edit-layout) #tb_category) tr:has(.manTdSep) {
 display: none
}

:where(.module-shop :where(.add-layout, .edit-layout)) .manTdSep hr {
 margin-block: 0
}

:where(.module-shop :where(.add-layout, .edit-layout) #tb_addcat) .forumDescr {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 font-size: var(--tpl-font-size-small);
 max-width: 90%
}

:where(.module-shop :where(.add-layout, .edit-layout)) #image-list#image-list img {
 border: var(--tpl-border-line);
 border-radius: 10px;
 height: 150px;
 min-height: 150px;
 min-width: 150px;
 object-fit: cover;
 width: 150px
}

:where(.module-shop :where(.add-layout, .edit-layout)) #image-list#image-list .sel-gimage img {
 border-color: var(--tpl-accent-blue-dark)
}

:where(.module-shop :where(.add-layout, .edit-layout)) #goods-options-list {
 overflow-x: auto
}

:where(.module-shop :where(.add-layout, .edit-layout)) #goods-options-list .opt_label {
 min-width: 150px;
 padding: 5px
}

:where(.module-shop :where(.add-layout, .edit-layout) .opt_vals) td:nth-child(2) {
 min-width: 150px
}

:where(.module-shop :where(.add-layout, .edit-layout) .opt_vals) td {
 text-align: left
}

:where(.module-shop :where(.add-layout, .edit-layout)) .goodsform-actions {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-m);
 justify-content: center
}

:where(.module-shop :where(.add-layout, .edit-layout)) .tb-variations hr {
 background: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700));
 height: 1px;
 margin-block: 32px
}

:where(.module-shop :where(.add-layout, .edit-layout)) .variations-desc {
 margin-block: 8px 16px
}

:is(.module-shop :where(.add-layout, .edit-layout)) .v-table {
 --v-table-header-bg-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-800));
 --v-table-header-color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 --v-table-color: light-dark(var(--tpl-dark-700), var(--tpl-dark-300));
 --v-table-border: 1px solid light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700));
 --v-table-cell-bg-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-800));
 --v-table-cell-hover-bg-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-450));
 --v-table-btn-color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 --v-table-old-color: light-dark(var(--tpl-dark-500), var(--tpl-dark-500));
 --v-thumb-bg: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-450));
 --v-thumb-select-bg: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-370));
 --v-thumb-counter-bg: light-dark(#F5F5F6CC, #303134cc)
}

:where(.module-shop :where(.add-layout, .edit-layout) .tb-variations) .v-table__cell--default {
 color: var(--tpl-dark-500)
}

:is(.module-shop :where(.add-layout, .edit-layout)) ol.recommended-products-list {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-700))
}

:is(.module-shop :where(.add-layout, .edit-layout)) div.recommended-products {
 border-color: light-dark(var(--tpl-dark-300), var(--dark-tpl-dark-400))
}

:is(.module-shop :where(.add-layout, .edit-layout)) span.recommended-products-name {
 background: light-dark(#f0f0f0, var(--dark-tpl-dark-500));
 border: var(--tpl-border-line-100);
 color: light-dark(#333, var(--tpl-dark-300))
}

:is(.module-shop :where(.add-layout, .edit-layout)) .opt-img-btn {
 color: var(--tpl-accent-blue);
 background: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-360));
 border: 1px solid light-dark(#ddd, var(--dark-tpl-dark-360))
}

:is(.module-shop :where(.add-layout, .edit-layout)) .opt-img-btn[data-count]:before {
 color: light-dark(#999797, var(--dark-tpl-light));
 background: light-dark(#f0f0f0, var(--dark-tpl-dark-500));
 border: 1px solid light-dark(#ddd, var(--dark-tpl-dark-360));
 display: flex;
 align-items: center;
 justify-content: center
}

.module-shop :where(.add-layout, .edit-layout) :is(#options-vals, #goods-options-list :is(th, td).opt_sel, td.opt_items, div#goods-options-list > table > tbody > tr:last-child td) {
 border-color: light-dark(var(--tpl-dark-500), var(--dark-tpl-dark-400)) !important
}

:where(.module-shop :where(.usertrans-layout, .userarea-layout)) :where(.profile-table, #transactions_filters, .user-balance-table, :where(#transactions_filters, .user-balance-table, .profile-table) :is(tbody, tr, td)) {
 display: block
}

:where(.module-shop :where(.usertrans-layout, .userarea-layout)) .profile-avatar {
 padding: 0 !important;
 width: auto !important
}

:where(.module-shop :where(.wishlist-layout, .usergoods-layout)) .shop-cat-descr img,
:where(.module-shop :where(.usertrans-layout, .userarea-layout)) #user-avatar {
 border-radius: 110px;
 height: 110px;
 overflow: hidden;
 width: 110px
}

:where(.module-shop :where(.usertrans-layout, .userarea-layout)) :where(#transactions_filters, .user-balance-table, .profile-table) tr {
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-l)
}

:where(.module-shop :where(.usertrans-layout, .userarea-layout)) :where(#transactions_filters, .user-balance-table) tr {
 align-items: center;
 justify-content: space-between
}

:where(.module-shop :where(.usertrans-layout, .userarea-layout)) .profile-info .shop-options {
 margin-top: var(--tpl-spacing-l)
}

:where(.module-shop :where(.userarea-layout)) .profile-info .shop-options li:has(+li) {
 margin-bottom: var(--tpl-spacing-m)
}

:where(.module-shop :where(.userarea-layout)) .postFirst {
 margin-block: var(--tpl-spacing-xl) var(--tpl-spacing-m)
}

:where(.module-shop :where(.userarea-layout)) .user-balance-table .eTitle {
 font: var(--tpl-font-header-4)
}

:where(.module-shop) :where(#transactions_filters) td:has(#date1),
:where(.module-shop :where(.userarea-layout)) :is(#add-funds-form, #add-funds-param) {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-m)
}

:where(.module-shop) :where(#transactions_filters) td:has(#date1) {
 flex-wrap: wrap
}

:where(.module-shop) #transactions_filters {
 margin-block: var(--tpl-spacing-xl)
}

:where(.module-shop :where(.checkout-layout, .order-layout)) :is(.order-block:where(:not(.order-detail)), .u-delivery-wrapper) {
 margin-block: var(--tpl-spacing-xl)
}

:where(.module-shop :where(.checkout-layout, .order-layout)) .order-print-actions {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-m)
}

:where(.module-shop) .checkout-layout .order_notice {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 margin-block: var(--tpl-spacing-l)
}

:where(.module-shop) .checkout-layout .order_notice_info {
 font-style: italic;
 font-weight: 500
}

:where(.module-shop) .checkout-layout .order_notice_info:has(+ .order_notice_error:empty) {
 padding: 0
}

:where(.module-shop .order-layout .order-digital-links) br,
:where(.module-shop) .checkout-layout :is(.order_notice_error, .order_notice_info):empty {
 display: none
}

:where(.module-shop .checkout-layout) .methods-list,
:where(.module-shop :where(.checkout-layout, .order-layout)) #order-table#order-table table {
 border-collapse: collapse;
 border-spacing: 0;
 padding: 0
}

:where(.module-shop .stock-sets-table td),
:where(.module-shop .invoices-layout) #invoice-table :is(td:where(:not(td table td)), #f),
:where(.module-shop :where(.checkout-layout, .order-layout)) #order-table#order-table :is(td, th) {
 padding: var(--tpl-spacing-m)
}

:where(.module-shop .invoices-layout) #invoice-table tr:not(:last-child)>td:not(td table td),
:where(.module-shop :where(.checkout-layout, .order-layout)) #order-table#order-table .order-item td {
 border-bottom: var(--tpl-border-line)
}

:where(.module-shop .stock-sets-table) .gTableSubTop,
:where(.module-shop .invoices-layout #invoice-table) .gTableSubTop,
:where(.module-shop :where(.checkout-layout, .order-layout)) #order-table#order-table .order-head th {
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700));
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 border-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700));
 font-weight: 500
}

:where(.module-shop :where(.checkout-layout, .order-layout)) #order-table#order-table .order-item-name {
 min-width: var(--tpl-shop-field-width);
 text-wrap: balance
}

:where(.module-shop :where(.checkout-layout, .order-layout)) #order-table#order-table .order-item-name a {
 text-decoration: underline
}

:where(.module-shop .checkout-layout .methods-list) :is(.delivery-item, .payment-item) {
 margin: 0 var(--tpl-spacing-s) 0 0
}

:where(.module-shop .checkout-layout) .methods-list .delivery-param {
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-s);
 padding: var(--tpl-spacing-s) 0 0
}

:where(.module-shop .checkout-layout) #delivery-list.methods-list .delivery-param :is(input, select) {
 max-width: min(var(--tpl-shop-field-width), 100%)
}

:where(.module-shop .checkout-layout) .methods-list:has(+ .methods-list) {
 margin-bottom: var(--tpl-spacing-2xl)
}

:where(.module-shop .checkout-layout) :where(#sh_promo_wraper .promo-code-input, #sh_promo_wraper),
:where(.module-shop) .checkout-layout .methods-list :is(.fw, [type=file], select) {
 max-width: 100%;
 width: min(480px, 100%)
}

:where(.module-shop .checkout-layout) .methods-list :where([id^=payment-block], [id^=delivery-block]):has(+ [id^=payment-block], + [id^=delivery-block]) :is(th, td) {
 padding-bottom: var(--tpl-spacing-l)
}

:where(.module-shop .checkout-layout) #checkout-form .label {
 margin-bottom: 4px
}

:where(.module-shop .checkout-layout) #checkout-form :is(.label, label, .map-field-label) {
 color: light-dark(var(--tpl-dark-400), var(--tpl-dark-500));
 font: var(--tpl-font-text-m1)
}

:where(.module-shop .checkout-layout) #cont-shop-checkout .methods-list :where(div:not(.delivery-param, .map-field-inner)) {
 padding: 0
}

:where(.module-shop .checkout-layout) #checkout-form [id^=order-field] {
 margin-block: var(--tpl-spacing-l)
}

:where(.module-shop .checkout-layout) #checkout-form :is([id^=order-field]:has(.checkbox), .radio-item) {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-s);
 justify-content: start
}

:where(.module-shop .checkout-layout) #checkout-form :is(.radio, .checkbox) {
 flex-shrink: 0;
 margin: 0
}

:where(.module-shop .checkout-layout) #checkout-form .radio-item:has(+ .radio-item) {
 margin-bottom: var(--tpl-spacing-m)
}

:where(.module-shop .checkout-layout) :where(#sh_promo_wraper, #sh_promo_wraper :where(tbody, tr, td)) {
 border: 0;
 display: block;
 padding: 0
}

:where(.module-shop .checkout-layout #sh_promo_wraper) tr {
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-s);
 position: relative
}

:where(.module-shop .checkout-layout #sh_promo_wraper) td:first-child {
 flex: 1 1 100%
}

:where(.module-shop .checkout-layout #sh_promo_wraper) .promo-code-input {
 padding-right: 34px
}

:where(.module-shop .checkout-layout #sh_promo_wraper) [id^=res] {
 position: absolute;
 right: 10px;
 top: 11px
}

:where(.module-shop .checkout-layout) #total-sum#total-sum {
 margin-block: var(--tpl-spacing-xl)
}

:where(.module-shop) .checkout-layout :is(#order-submit, #order-button) {
 margin: 0;
 text-align: left
}

:where(.module-shop) .layout #total-sum td {
 border-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700))
}

:where(.module-shop .checkout-layout) .map-field-inner {
 align-items: center;
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700));
 border-radius: 16px;
 display: grid;
 gap: var(--tpl-spacing-s);
 grid-template-areas: 'label btn' 'info btn';
 grid-template-columns: 1fr auto;
 max-width: 480px;
 min-width: 0;
 padding: var(--tpl-spacing-l)
}

:where(.module-shop .checkout-layout) .map-field-btn {
 align-items: center;
 display: flex;
 font-size: 0;
 grid-area: btn;
 padding: 0;
 height: 40px;
 justify-content: center;
 width: 40px
}

:where(.module-shop .checkout-layout) .map-field-btn:before {
 -webkit-mask: url("/.s/t/2301/icons/plus.svg") center/contain no-repeat;
 background-color: currentColor;
 content: "";
 display: block;
 height: 18px;
 mask: url("/.s/t/2301/icons/plus.svg") center/contain no-repeat;
 width: 18px
}

:where(.module-shop .checkout-layout) .filled .map-field-btn {
 background: 0 0;
 color: var(--tpl-dark-500)
}

:where(.module-shop .checkout-layout) .filled .map-field-btn:before {
 -webkit-mask: url("/.s/t/2301/icons/edit.svg") center/contain no-repeat;
 mask: url("/.s/t/2301/icons/edit.svg") center/contain no-repeat
}

:where(.module-shop .checkout-layout) .map-field-info {
 color: light-dark(var(--tpl-dark-800), var(--tpl-dark-100));
 font: var(--tpl-font-text-m1);
 grid-area: info;
 min-width: 0
}

:where(.module-shop .checkout-layout) .map-field-label {
 grid-area: label
}

:where(.module-shop .checkout-layout) .map-field-note {
 opacity: .4
}

:where(.module-shop .checkout-layout) .map-field-coords {
 color: var(--tpl-accent-blue);
 margin-top: var(--tpl-spacing-s)
}

:where(.module-shop .order-layout) .order-header {
 margin-block: 0 var(--tpl-spacing-xl)
}

:where(.module-shop .order-layout) .order-page-title {
 margin-bottom: var(--tpl-spacing-s)
}

:where(.module-shop .invoices-layout #invoice-table) .col_status>a,
:where(.module-shop .order-layout) .order-status {
 border: 0;
 border-radius: 8px;
 display: inline-block;
 font: var(--tpl-font-text-m1);
 padding: 4px 12px;
 width: fit-content
}

:where(.module-shop .invoices-layout #invoice-table) :is(.inv_status_0, .inv_status_5, .inv_status_6) .col_status>a,
:where(.module-shop .order-layout) .order-status:is(.status-0, .status-5, .status-6) {
 background-color: var(--tpl-accent-blue-100);
 color: var(--tpl-accent-blue)
}

:where(.module-shop .invoices-layout #invoice-table) :is(.inv_status_2, .inv_status_4, .inv_status_7, .inv_status_8) .col_status>a,
:where(.module-shop .order-layout) .order-status:is(.status-2, .status-4, .status-7, .status-8) {
 background-color: var(--tpl-accent-green-200);
 color: var(--tpl-accent-green-100)
}

:where(.module-shop .invoices-layout #invoice-table) :is(.inv_status_1, .inv_status_10, .inv_status_3) .col_status>a,
:where(.module-shop .order-layout) .order-status:is(.status-1, .status-10, .status-3) {
 background-color: var(--tpl-accent-yellow-200);
 color: var(--tpl-accent-yellow-100)
}

:where(.module-shop .invoices-layout #invoice-table) :is(.inv_status_9) .col_status>a,
:where(.module-shop .order-layout) .order-status:is(.status-9) {
 background-color: var(--tpl-accent-red-200);
 color: var(--tpl-accent-red-100)
}

:where(.module-shop .order-layout) #order-table#order-table td:has(.order-add-item) {
 padding-inline: 0
}

:where(.module-shop .order-layout) .order-add-item {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-m)
}

:where(.module-shop .order-layout) .order-add-item {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-m)
}

:where(.module-shop .order-layout) .order-digital-links a {
 --icon-size: 32px;
 display: block;
 line-height: var(--icon-size);
 margin-block: var(--tpl-spacing-l);
 padding-left: calc(var(--icon-size) + var(--tpl-spacing-m));
 position: relative
}

:where(.module-shop .order-layout) .order-digital-links a:before {
 background-color: var(--tpl-accent-blue);
 border-radius: var(--icon-size);
 color: var(--tpl-accent-white);
 font-size: 18px;
 height: var(--icon-size);
 left: 0;
 line-height: var(--icon-size);
 position: absolute;
 text-align: center;
 top: 50%;
 transform: translateY(-50%);
 width: var(--icon-size)
}

:where(.module-shop .order-layout) .order-block {
 font: var(--tpl-font-text-r2)
}

:where(.module-shop .order-layout) .order-block .order-block-title {
 margin-block: 0 var(--tpl-spacing-l)
}

:where(.module-shop .order-layout) .order-detail {
 margin-block: 0 var(--tpl-spacing-2xl)
}

:where(.module-shop .order-layout) .order-detail-desc table {
 margin-block: var(--tpl-spacing-l)
}

:where(#setAdd),
:where(#setAdd) :where(tbody, tr, td),
:where(.module-shop .order-layout) .order-detail-desc :is(table, tbody, tr, td) {
 display: block;
 padding: 0;
 width: auto
}

:where(.module-shop .order-layout) .order-detail-desc tbody {
 display: grid;
 gap: var(--tpl-spacing-m);
 grid-template-columns: auto 1fr
}

:where(.module-shop .order-layout) .order-detail-desc tbody>tr {
 align-items: center;
 display: grid;
 gap: inherit;
 grid-column: 1/-1;
 grid-template-columns: subgrid
}

:where(.module-shop .order-layout) .order-detail-desc :is(select, input) {
 max-width: 100%;
 width: var(--tpl-shop-field-width)
}

:where(.module-shop .order-layout) .order-summary {
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700));
 border-radius: 16px;
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 font: var(--tpl-font-text-m2);
 padding: var(--tpl-spacing-xl)
}

:where(.module-shop .order-layout) .order-summary-item {
 align-items: end;
 display: flex;
 gap: var(--tpl-spacing-xl);
 justify-content: space-between;
 margin-bottom: var(--tpl-spacing-l)
}

:where(.module-shop .order-layout) .order-summary-item:has(form) {
 flex-wrap: wrap;
 gap: 5px
}

:where(.module-shop .order-layout .order-summary-item:not(.order-summary-payment)) .order-summary-val {
 font: var(--tpl-font-text-sb2)
}

:where(.module-shop .order-layout) :is(.order-summary-tax, .order-summary-discount):has(+.order-summary-price) {
 border-bottom: 2px dashed light-dark(var(--tpl-dark-300), var(--dark-tpl-dark-400));
 padding-bottom: var(--tpl-spacing-l)
}

:where(.module-shop .order-layout) .order-summary-discount .order-summary-val {
 color: var(--tpl-accent-red)
}

:where(.module-shop .order-layout) .order-summary-action {
 margin-top: var(--tpl-spacing-xl);
 text-align: right
}

:where(.module-shop .order-layout) .order-summary-price {
 color: light-dark(var(--tpl-dark-700), var(--tpl-dark-300));
 font: var(--tpl-font-text-sb2);
 margin-bottom: 0
}

:where(.module-shop .order-layout) :is(.order-summary-payment, .address-coordinates) {
 margin-top: 8px
}

:where(.module-shop .order-layout) .order-summary-price s {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500))
}

:where(.module-shop .order-layout) .order-detail-name {
 font: var(--tpl-font-text-sb2)
}

:where(.module-shop) .order-layout .order-hr {
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700));
 display: block;
 height: 2px;
 margin-block: 32px
}

:where(.module-shop .order-layout) .order-fields .order-block-body {
 display: grid;
 grid-template-columns: 1fr 1fr
}

:where(.module-shop .order-layout) .order-fname {
 font: var(--tpl-font-text-r2)
}

:where(.module-shop .order-layout) :is(.order-fname, .order-field) {
 padding: var(--tpl-spacing-l) 0
}

:where(.module-shop .order-layout) :is(.order-fname:where(:first-child), .order-field:where(:nth-child(2))) {
 padding-top: 0
}

:where(.module-shop .order-layout) :is(.order-fname:nth-last-child(2), .order-field:last-child) {
 padding-bottom: 0
}

:where(.module-shop .order-layout) :is(.order-fname:where(:not(:nth-last-child(2))), .order-field:where(:not(:last-child))) {
 border-bottom: 2px dashed light-dark(var(--tpl-dark-300), var(--dark-tpl-dark-400))
}

:where(.module-shop .order-layout) :is(.order-timestamp, .order-timestamp b, .coords-label) {
 font: var(--tpl-font-text-r1);
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 text-align: left
}

:where(.module-shop .order-layout) .coords-link {
 font: var(--tpl-font-text-r1);
 text-decoration: underline
}

:where(.module-shop .order-layout) .order-field-edit {
 position: relative
}

:where(.module-shop .order-layout) .order-field-edit>span:first-child {
 padding-right: 28px
}

:where(.module-shop .order-layout) .order-field-edit:after {
 background-color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 content: "";
 display: inline-block;
 height: 18px;
 -webkit-mask: url("/.s/t/2301/icons/edit.svg") center/contain no-repeat;
 mask: url("/.s/t/2301/icons/edit.svg") center/contain no-repeat;
 pointer-events: none;
 position: absolute;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
 width: 18px
}

:where(.module-shop .compare-layout) .tabs .shop-tabs {
 align-items: center;
 border: 0;
 display: flex;
 flex-wrap: wrap;
 gap: 4px;
 height: auto;
 justify-content: start;
 margin-bottom: var(--tpl-spacing-l)
}

:where(.module-shop .compare-layout) .tabs .shop-tabs :is(.postRest1, li) {
 align-items: center;
 border: var(--tpl-border-line);
 border-radius: 8px;
 color: var(--tpl-dark-500);
 display: flex;
 gap: 10px;
 height: auto;
 justify-content: end;
 line-height: 20px;
 padding: 6px 6px 6px 14px
}

:where(.module-shop) .compare-layout .tabs .shop-tabs a {
 text-decoration: none
}

:where(.module-shop) .compare-layout .tabs .postRest1 a {
 pointer-events: none;
 user-select: none
}

:where(.module-shop .compare-layout) .tabs .shop-tabs :is(.postRest1, .postRest1 a) {
 background-color: var(--tpl-accent-blue);
 border-color: var(--tpl-accent-blue);
 color: var(--tpl-accent-white)
}

:where(.module-shop .compare-layout) .tabs .shop-tabs li>.fa:before {
 display: none
}

:where(.module-shop .compare-layout) .tabs .shop-tabs li>.fa {
 background-color: currentColor;
 content: '';
 display: block;
 height: 18px;
 -webkit-mask: url("/.s/t/2301/icons/close.svg") center/contain no-repeat;
 mask: url("/.s/t/2301/icons/close.svg") center/contain no-repeat;
 width: 18px
}

:where(.module-shop .compare-layout) .compare-table {
 border-collapse: collapse;
 color: light-dark(var(--tpl-dark-700), var(--tpl-dark-300));
 width: 100%
}

:where(.module-shop .compare-layout) .no-param-message {
 font-style: italic;
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500))
}

:where(.module-shop .compare-layout .compare-table) .compare-product {
 display: grid;
 gap: var(--tpl-spacing-l);
 grid-template-rows: 32px 120px 1fr;
 justify-items: center
}

:where(.module-shop .compare-layout .compare-table) .compare-product-img {
 border-radius: 8px;
 height: 120px;
 object-fit: scale-down;
 width: 120px
}

:where(.module-shop .compare-layout .compare-table) .compare-product-link {
 font: var(--tpl-font-text-r1);
 text-decoration: underline
}

:where(.module-shop .compare-layout .compare-table) .compare-product-remove {
 align-items: center;
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-360));
 border-radius: 32px;
 color: light-dark(var(--tpl-dark-500), var(--tpl-dark-200));
 display: flex;
 height: 32px;
 justify-content: center;
 padding: 0;
 width: 32px
}

:where(.module-shop .compare-layout .compare-table) .compare-product-remove:hover {
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-350));
 color: light-dark(var(--tpl-accent-red), var(--tpl-dark-200))
}

:where(.module-shop .compare-layout .compare-table) .compare-product-price {
 bottom: 22px;
 font: var(--tpl-font-text-sb1);
 left: 0;
 position: absolute;
 right: 0;
 text-align: center;
 white-space: nowrap
}

:where(.module-shop .compare-layout .compare-table) th {
 border-block: var(--tpl-border-line);
 padding-block: var(--tpl-spacing-xl) calc(var(--tpl-spacing-l) + 17px + 22px);
 position: relative;
 vertical-align: top
}

:where(.module-shop) .compare-table>thead:where(:not(:has(.compare-product))) {
 display: none
}

:where(.module-shop .compare-layout .compare-table) td {
 border-bottom: var(--tpl-border-line);
 padding: 0;
 padding-block: 22px;
 vertical-align: top
}

:where(.module-shop .compare-layout) .compare-table td+td {
 padding-inline: var(--tpl-spacing-m) 0
}

:where(.module-shop .compare-layout .compare-table) .param-name {
 font: var(--tpl-font-text-m1)
}

:where(.module-shop .compare-layout .compare-table) .param-group-name {
 border: 0;
 color: light-dark(var(--tpl-dark-800), var(--tpl-dark-100));
 font: var(--tpl-font-text-sb2);
 padding-block: var(--tpl-spacing-xl) var(--tpl-spacing-m)
}

:where(.module-shop .compare-layout .compare-table) :is(th, .param-value) {
 min-width: 160px;
 text-align: center
}

:where(.module-shop .invoices-layout #invoice-table) .th_col_payment_id {
 min-width: 250px
}

:where(.module-shop .invoices-layout) .invoices-filters {
 container: invoices-filters/inline-size
}

:where(.module-shop .invoices-layout) .invoices-summary {
 color: light-dark(var(--tpl-dark-400), var(--tpl-dark-500));
 font-size: var(--tpl-font-size-small);
 line-height: 1.8
}

:where(.module-shop .invoices-layout) .invoices-actions {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-l);
 justify-content: space-between;
 margin-block: 32px
}

:where(.module-shop .invoices-layout) :where(.invoices-order-search, .invoices-tool-item, .invoices-tools-panel) {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-s)
}

:where(.module-shop .invoices-layout) #invoice-search-id {
 max-width: 240px
}

:where(.module-shop .invoices-layout) .invoices-order-search {
 flex: 1 1 220px
}

:where(.module-shop .invoices-layout) .invoices-tools-panel {
 flex-wrap: wrap
}

:where(.module-shop .stock-layout #setAdd) .optTitle,
:where(.module-shop .invoices-layout) :where(.invoices-filters-categories, .invoices-filters-list, .invoices-actions, #invoice-form) {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 font: var(--tpl-font-text-m1)
}

:where(.module-shop .invoices-layout) :is(.invoices-filters-list, .filter-category) {
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700));
 border-radius: 16px;
 padding: var(--tpl-spacing-xl)
}

:where(.module-shop .invoices-layout) .user-selector-filter {
 position: relative
}

:where(.module-shop .invoices-layout) .user-selector-btn {
 background-color: light-dark(var(--tpl-dark-600), var(--tpl-dark-300));
 font-size: 0;
 height: 40px;
 -webkit-mask: url("/.s/t/2301/icons/search.svg") center/18px no-repeat;
 mask: url("/.s/t/2301/icons/search.svg") center/18px no-repeat;
 padding: 0;
 position: absolute;
 right: 0;
 width: 40px
}

:where(.module-shop .invoices-layout) .user-selector-input {
 padding-right: 48px
}

:where(.module-shop .invoices-layout) .invoices-filters-list {
 display: grid;
 gap: var(--tpl-spacing-l);
 grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
 margin-bottom: var(--tpl-spacing-l)
}

:where(.module-shop .invoices-layout) .invoices-filter {
 align-items: start;
 display: grid;
 gap: var(--tpl-spacing-s);
 grid-column: span 1;
 grid-row: span 2;
 grid-template: subgrid/subgrid
}

:where(.module-shop .invoices-layout) .invoices-filters :where(select, input[type=text]) {
 max-width: 100%;
 width: 100%
}

:where(.module-shop .invoices-layout) .invoices-filters-categories {
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-l)
}

:where(.module-shop .invoices-layout) .filter-category {
 align-content: start;
 display: flex;
 flex: 1 1 310px;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-m) var(--tpl-spacing-s)
}

:where(.module-shop .invoices-layout) :where(.sum-selector-label, .date-selector-label, .delivdate-selector-label) {
 flex: 1 1 100%;
 order: 1
}

:where(.module-shop .invoices-layout) :where(.sum-selector-from, .date-selector-from, .delivdate-selector-from) {
 flex: 1 1;
 order: 3
}

:where(.module-shop .invoices-layout) :where(.sum-selector-to, .date-selector-to, .delivdate-selector-to) {
 flex: 1 1;
 order: 4
}

:where(.module-shop .invoices-layout) :where(.sum-selector-btn, .date-selector-btn, .delivdate-selector-btn) {
 flex: 0 0 auto;
 order: 5
}

:where(.module-shop .invoices-layout) :where(.date-selector-period, .delivdate-selector-period, .courier-selector) {
 flex: 1 1 100%;
 order: 2
}

:where(.module-shop .invoices-layout) .courier-selector:not(:has(select)) {
 display: none !important
}

:where(.module-shop .invoices-layout .delivdate-filter:has(.courier-selector > select)) :where(.courier-selector, .delivdate-selector-period) {
 flex: 1 1 calc(50% - (var(--tpl-spacing-s)/ 2))
}

:where(.module-shop .invoices-layout .invoices-filters-container) {
 margin-block: 32px
}

:where(.module-shop .invoices-layout .invoices-filters-container) .toggle-btn {
 display: none
}

@container invoices-filters (width < 480px) {

 .invoices-filters-container,
 .invoices-actions {
 margin-block: var(--tpl-spacing-l)
 }

 #invoice-search-id {
 max-width: 100%
 }

 .toggle-btn {
 --icon-size: 20px;
 appearance: none;
 align-items: center;
 background-color: rgba(80, 127, 255, .2);
 color: var(--tpl-accent-blue);
 display: flex;
 font: var(--tpl-font-text-m1);
 gap: 10px;
 outline: 0;
 padding: 10px;
 transition: margin-bottom var(--tpl-transition);
 width: 100%
 }

 .toggle-btn:before,
 .toggle-btn:after {
 background-color: currentColor;
 content: "";
 display: block;
 flex: 0 0 var(--icon-size, 20px);
 height: var(--icon-size, 20px);
 -webkit-mask: url("/.s/t/2301/icons/filter-icon.svg") center/16px no-repeat;
 mask: url("/.s/t/2301/icons/filter-icon.svg") center/16px no-repeat;
 transition: transform var(--tpl-transition);
 width: var(--icon-size, 20px)
 }

 .toggle-btn:after {
 -webkit-mask: url("/.s/t/2301/icons/arrow-down.svg") center/20px no-repeat;
 mask: url("/.s/t/2301/icons/arrow-down.svg") center/20px no-repeat;
 margin-left: auto
 }

 .toggle-btn-text:before {
 color: currentColor;
 content: attr(data-open-text)
 }

 .open .toggle-btn:after {
 transform: rotate(180deg)
 }

 .open .toggle-btn-text:before {
 content: attr(data-close-text)
 }

 .open .toggle-btn {
 margin-bottom: var(--tpl-spacing-l)
 }

 :where(.invoices-filters-container:not(.open)) :is(.invoices-filters-categories, .invoices-filters-list) {
 display: none
 }

 .invoices-filter :where(select, input[type=text]) {
 min-width: 124px
 }

 .invoices-filters-list {
 grid-template-columns: 1fr 1fr
 }

 .invoices-filter {
 grid-column: span 2;
 grid-row: span 1;
 align-items: center
 }

 .invoices-filters-list,
 .filter-category {
 padding: var(--tpl-spacing-l)
 }

 @container (width < 350px) {
 :where(.courier-selector, .delivdate-selector-period) {
 flex: 1 1 100%
 }
 }
}

:where(.module-shop .invoices-layout) #invoice-form#invoice-form {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 margin: calc(var(--tpl-spacing-m)/ 2 * -1) calc(var(--tpl-spacing-s)/ 2 * -1)
}

:where(.module-shop .invoices-layout #invoice-form > *) {
 margin: calc(var(--tpl-spacing-m)/ 2) calc(var(--tpl-spacing-s)/ 2)
}

:where(.module-shop .invoices-layout #invoice-form > select) {
 flex: 1 1;
 max-width: 100%;
 min-width: 0
}

:where(.module-shop .invoices-layout #invoice-form) :where(.invoice-form-nbsp, .invoice-form-loader) {
 height: 0;
 margin: 0 !important;
 overflow: hidden;
 padding: 0;
 visibility: visible !important;
 width: 0
}

:where(.module-shop .invoices-layout #invoice-form #invoice-form-export) {
 margin-left: auto
}

:where(.module-shop .invoices-layout #invoice-form) .invoice-form-loader:has(+ #invoice-form-export) {
 flex-basis: 100%
}

:where(.module-shop .invoices-layout #invoice-table) .forumNameTd:has([id^=map-]) {
 min-width: 277px
}

:where(#cont-shop-stock)>hr {
 display: none
}

:where(#setAdd) tr:has(+ tr) {
 margin-bottom: var(--tpl-spacing-l)
}

:where(#setAdd) .gTableSubTop {
 font: var(--tpl-font-header-4)
}

:where(#setAdd) tr:has(.optTitle) {
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-m)
}

:where(#setAdd) .optTitle {
 margin-bottom: var(--tpl-spacing-s)
}

:where(#setAdd) select {
 max-width: var(--tpl-shop-field-width)
}

:where(.stock-layout :where(.set-add-actions, .stock-sets-table-actions)) {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-m)
}

:where(.stock-layout) .set-add-actions {
 margin-block: var(--tpl-spacing-m) var(--tpl-spacing-2xl)
}

:where(.stock-layout) .stock-sets-table-actions {
 justify-content: end;
 margin-block: var(--tpl-spacing-xl) var(--tpl-spacing-m)
}

:where(.stock-sets-table) {
 text-align: center
}

:where(.stock-sets-table td:first-child, .setItem td:nth-child(2)) {
 text-align: left
}

:where(.stock-sets-table) .setItem-remove-btn {
 background-color: currentColor;
 background-image: none;
 color: var(--tpl-dark-500);
 display: block;
 height: 18px;
 margin: 0 auto;
 -webkit-mask: url("/.s/t/2301/icons/close.svg") center/contain no-repeat;
 mask: url("/.s/t/2301/icons/close.svg") center/contain no-repeat;
 width: 18px
}

:where(.stock-sets-table) .setItem-remove-btn>img {
 display: none
}

:where(.stock-sets-table) .postRest2:first-child {
 padding-right: 0
}

:where(.stock-sets-table) .postRest2:nth-child(2) {
 min-width: 200px
}

:where(.stock-sets-table) .setChk {
 margin: 0
}

:where(.stock-layout) .stock-save-btn {
 margin-top: var(--tpl-spacing-xl)
}

:where(.module-index .register-layout) h2,
:where(.module-index) h1 {
 margin-block: 0 var(--tpl-spacing-xl)
}

.userSchFrm,
:where(.module-index) :is(.user-search-block) {
 margin-top: var(--tpl-spacing-xl)
}

:where(.module-index) .userdetails-layout .profile {
 margin: 0
}

:where(.module-index) :is(.user-profile-popup-wrapper, .user-profile-edit-wrapper, .register-form-wrapper) {
 container: user-profile/inline-size;
 display: flow-root
}

:where(.module-index) .register-layout .register-form-wrapper {
 text-align: left
}

:where(.module-index) .register-layout .register-form-wrapper .manFlPassw {
 margin-bottom: var(--tpl-spacing-m)
}

:where(.module-index .userpm-layout) :where(.userpm-add-table td),
:where(.module-index :where(.register-form-wrapper, .useredit-layout) .manTable) :is(div:where(:has(> #pmGrLnk)), td),
:where(.module-index .user-profile-popup-wrapper) :is(.user-pm, .udtb) {
 padding: 0
}

:where(.module-index .useredit-layout .manTable) div:where(:has(> #pmGrLnk)),
:where(.module-index) .user-profile-popup-wrapper :is(hr, .udtb:not(:nth-of-type(2))) {
 margin-block: var(--tpl-spacing-m)
}

:where(.module-index .user-profile-popup-wrapper) .user-pm {
 margin-top: var(--tpl-spacing-s)
}

:where(.module-index .userpm-layout) tr:has(> .userpm-message-sep),
:where(.module-index .userpm-layout .userpm-add-table)>tbody>tr:has(> td > hr),
:where(.module-index .user-profile-popup-wrapper) :is(.user-activity-sep, .user-avatar-box br) {
 display: none
}

:where(.module-index .user-profile-popup-wrapper) .user_avatar img {
 border-radius: 180px;
 display: block;
 margin: 0 auto;
 max-width: 180px;
 object-fit: scale-down
}

:where(.module-index .user-profile-popup-wrapper) :is(.user-avatar-box, .user_avatar) {
 display: block;
 margin-bottom: var(--tpl-spacing-m)
}

:where(.module-index) :is(.userdetails-layout .profile-labels, .user-activity-list) {
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-s)
}

:where(.module-index .userdetails-layout) .profile-labels .profile-label,
:where(.module-index .user-activity-list) :is(.user-activity-link) {
 background-color: transparent;
 border: var(--tpl-border-line);
 border-radius: 8px;
 color: var(--tpl-accent-blue);
 display: block;
 font: var(--tpl-font-text-r1);
 margin: 0;
 padding: 4px 8px
}

:where(.module-index :is(.userdetails-layout, .user-activity-list)) :is(.profile-labels .profile-label, .user-activity-link):focus,
:where(.module-index :is(.userdetails-layout, .user-activity-list)) :is(.profile-labels .profile-label, .user-activity-link):hover {
 background-color: transparent;
 border-color: var(--tpl-accent-blue-dark);
 color: var(--tpl-accent-blue-dark)
}

:where(.module-index .userpm-layout) :where(.userpm-messages-table, .userpm-add-table, .userpm-message-table),
:where(.module-index :where(.register-form-wrapper, .useredit-layout)) .manTable {
 border-collapse: collapse
}

:where(.module-index .useredit-layout) .manHr {
 margin-block: calc(var(--tpl-spacing-l)/ 2)
}

:where(.module-index :where(.useredit-layout, .register-layout)) .regHelp {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 font: var(--tpl-font-text-r1)
}

:where(.module-index .useredit-layout .manTable) label:has(> input[type=checkbox])+label {
 margin-top: var(--tpl-spacing-m)
}

:where(.module-index .useredit-layout #pmgrs) :is(label:first-child, label:nth-child(3n + 4)) {
 margin-bottom: var(--tpl-spacing-l)
}

@container user-profile (width < 600px) {
 .user-avatar-box {
 float: none
 }

 .manTd1,
 .udtlb {
 width: 100%;
 float: none;
 margin-bottom: var(--tpl-spacing-s);
 color: light-dark(var(--tpl-dark-400), var(--dark-tpl-dark-350));
 font: var(--tpl-font-text-m1)
 }

 .udtb:has(.udtlb) {
 border-bottom: var(--tpl-border-line);
 padding-bottom: var(--tpl-spacing-m)
 }

 :is(.manTable, .manTable > tbody, .manTable > tbody > tr, .manTdBut, .manTd1, .manTd2:not([flex-column])) {
 display: block;
 width: auto;
 text-align: left
 }
}

.userSchFrm>form {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-s);
 justify-content: center
}

:where(.userSchFrm [name=user]) {
 min-width: 185px
}

.userSchFrm {
 container: userSchFrm/inline-size
}

@container userSchFrm (width < 480px) {
 form {
 flex-direction: column
 }

 form>:is(input[type=submit], input[type=text], select) {
 min-width: 100%
 }
}

:where(.module-index .userpm-layout) .tpl-content hr:where(:not(:has(+[name=fuser]))) {
 display: block;
 margin-block: var(--tpl-spacing-m)
}

:where(.module-index .userpm-layout) :where(.userpm-messages-table > tbody > tr > td) {
 padding: var(--tpl-spacing-m) calc(var(--tpl-spacing-m)/ 2)
}

:where(.module-index .userpm-layout) :where(.userpm-add-table tr:where(:not(:last-child)) > td:not(:has(#eMessage))) {
 padding: 0 0 var(--tpl-spacing-l) 0
}

:where(.module-index .userpm-layout .userpm-add-label) {
 padding-right: var(--tpl-spacing-m)
}

:where(.module-index .userpm-layout) .userpm-add-actions input {
 min-width: 130px
}

:where(.module-index .userpm-layout) :is(.userpm-add-actions, .userpm-editor-wrapper) {
 margin-block: var(--tpl-spacing-l)
}

:where(.module-index .userpm-layout) .userpm-editor-wrapper {
 gap: 0
}

:where(.module-index .userpm-layout) .userpm-add-actions {
 gap: var(--tpl-spacing-s);
 display: flex;
 align-items: center;
 justify-content: center;
 flex-wrap: wrap
}

:where(.module-index .userpm-layout) .userpm-messages-table td:where(:not(:has(#dpms))) {
 border-bottom: var(--tpl-border-line)
}

:where(.module-index .userpm-layout) .pbarContainer.pm-informer {
 top: 0
}

:where(.module-index .userpm-layout) #PMtoUser {
 width: 100%
}

:where(.module-index .userpm-layout) :is(.userpm-message-reply, .userpm-message-text) {
 padding-top: var(--tpl-spacing-l)
}

:where(.module-index .register-layout) .uf-soc-icons ul {
 display: flow-root
}

:where(.module-index .userpm-layout) .userpm-menu {
 font: var(--tpl-font-text-r2);
 color: var(--tpl-accent-blue)
}

:where(.module-index .userpm-layout) .pmCatLinkActive {
 text-decoration: underline;
 text-underline-position: from-font
}

:where(.module-index .userpm-layout) #pmdform#pmdform [data-deleteitem] {
 -webkit-mask: url("/.s/t/2301/icons/close.svg") center/contain no-repeat;
 mask: url("/.s/t/2301/icons/close.svg") center/contain no-repeat;
 width: 18px;
 height: 18px;
 background-color: var(--tpl-dark-500);
 background-image: none
}

:where(.module-index .userpm-layout) #pmdform#pmdform [data-deleteitem]:hover {
 background-color: var(--tpl-accent-red)
}

:where(.module-index .userpm-layout) .userpm-add-groups {
 gap: var(--tpl-spacing-m)
}

:where(.module-index .userpm-layout) .userpm-add-groups [type=checkbox] {
 margin: 0
}

.subs-success-card,
.subs-entry-card {
 --card-border-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700));
 --card-title-color: light-dark(var(--tpl-dark-700), var(--dark-tpl-light));
 --card-desc-color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 --card-price-color: light-dark(var(--tpl-dark-800), var(--dark-tpl-light));
 --card-fl-border-color: var(--tpl-accent-blue);
 --card-fl-bg-color: var(--tpl-accent-blue-light)
}

.my-subs-card {
 --card-border-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700));
 --card-title-color: light-dark(var(--tpl-dark-800), var(--tpl-dark-100));
 --card-text-color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500))
}

:where(.subs-entry-card .subs-entry-price-box) .price-value {
 font: normal 600 var(--tpl-font-size-extra-large)/var(--tpl-font-size-extra-large) var(--tpl-font-system);
 letter-spacing: -1px;
 word-break: break-all
}

:where(.subs-entry-card .subs-entry-price-box) .old-price {
 font: normal 500 var(--tpl-font-size-plus)/22px var(--tpl-font-system);
 word-break: break-all
}

:where(.subs-entry-card .subs-entry-price-box) .currency-sign {
 font: normal 600 var(--tpl-font-size-medium-plus)/1.2 var(--tpl-font-system)
}

:where(.subs-entry-card) .flagged-label {
 font: var(--tpl-font-text-m05)
}

:where(.module-subscriptions .subs-payments-history) .payment-item,
:where(.module-subscriptions .checkout-layout) .checkout-entries {
 border-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700))
}

:where(.module-subscriptions .subs-success-card) .subs-entry-picture img,
:where(.module-subscriptions .checkout-layout) .checkout-entry-picture img {
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700))
}

:where(.subs-no-entries, .subs-page-header) p,
:where(.module-subscriptions .checkout-layout) :is(.pay-method-desc, .checkout-entry-detail, .checkout-summary-detail, .subs-checkout-note) {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500))
}

:where(.module-subscriptions .checkout-layout) :is(.checkout-entry-name, .checkout-entry-price) {
 color: light-dark(var(--tpl-dark-700), var(--dark-tpl-light));
 font: var(--tpl-font-text-sb2)
}

:where(.module-subscriptions .subs-payments-list) .pay-method-name {
 color: light-dark(var(--tpl-dark-700), var(--dark-tpl-light));
 font: var(--tpl-font-text-m1)
}

:where(.module-subscriptions) .field-input {
 scroll-margin: 100px
}

:where(.module-subscriptions) .subs-checkout-summary {
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-700))
}

:where(.module-subscriptions) .summary-accent {
 color: light-dark(var(--tpl-dark-700), var(--dark-tpl-light));
 font: var(--tpl-font-text-sb2)
}

:where(.module-subscriptions) .subs-checkout-success {
 color: light-dark(var(--tpl-dark-650), var(--tpl-dark-500));
 font: var(--tpl-font-text-r2)
}

:where(.module-subscriptions) .subs-checkout-success:before {
 animation: scale-in-center .5s cubic-bezier(.25, .46, .45, .94) both;
 background: var(--tpl-accent-green) url("/.s/t/2301/icons/check.svg") center/contain no-repeat;
 border-radius: 40px;
 content: "";
 display: block;
 height: 40px;
 width: 40px
}

:where(.module-subscriptions) .subs-my-item {
 border-color: light-dark(var(--tpl-dark-300), var(--dark-tpl-dark-700))
}

:where(.module-subscriptions) .subs-payments-history {
 --hint-color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 color: light-dark(var(--tpl-dark-700), var(--dark-tpl-light))
}

:where(.module-subscriptions .subs-payments-history) .payments-header {
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700))
}

.info-box {
 margin-block: 64px
}

:where(.sitePage1-layout) .info-box {
 margin-block: calc(var(--tpl-spacing-2xl) * 2)
}

:where(.tpl-content:not(:has(#allEntries)) .info-box).goods-box:not(:has(.product-card))~.team-box,
.contact-box,
.info-box.goods-box {
 margin-top: 0
}

.info-box:last-child {
 margin-bottom: 0
}

:where(.info-box) h2 {
 margin-block: 0 calc(var(--tpl-spacing-l) * 2)
}

.info-box-slider-container {
 --swiper-theme-color: var(--tpl-accent-blue);
 position: relative
}

.info-box-slider-container .swiper-btn {
 --btn-pos: calc((var(--swiper-btn-size) / 2) * -1);
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 z-index: 10
}

.info-box-slider-container .swiper-btn-prev {
 left: var(--btn-pos)
}

.info-box-slider-container .swiper-btn-next {
 right: var(--btn-pos)
}

:where(.info-box) .user-sub {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500))
}

:where(.info-box) :is(.team-member-info, .review-author-info, .user-social) {
 margin-top: var(--tpl-spacing-xl)
}

:where(.info-box) :is(.summary-title, .review-message, .text) {
 color: light-dark(var(--tpl-dark-700), var(--tpl-dark-100));
 line-height: 20px
}

:where(.info-box) :is(.review-card, details, .team-member) {
 background-color: light-dark(transparent, var(--dark-tpl-dark-700));
 border: 1px solid light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700));
 border-radius: 16px
}

:where(.info-box).goods-box:not(:has(.product-card)),
:where(.info-box).reviews-box:not(:has(.swiper-slide)) {
 display: none
}

:where(.info-box) .info-cards-grid {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(min(293px, 100%), 1fr));
 gap: 10px
}

:where(.info-box) .info-card {
 background-color: light-dark(transparent, var(--dark-tpl-dark-700));
 padding: var(--tpl-spacing-xl);
 border: 1px solid light-dark(var(--tpl-dark-300), var(--dark-tpl-dark-700));
 border-radius: 16px;
 display: grid;
 grid-row: auto/span 4;
 grid-template-rows: subgrid;
 gap: 0
}

:where(.info-box) .info-card:where(:not(:has(.info-card-action))) {
 grid-row: auto/span 3
}

:where(.info-box) .info-card-label {
 width: 54px;
 height: 54px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 54px;
 background-color: light-dark(var(--tpl-accent-blue-light), var(--dark-tpl-accent-blue-light));
 color: var(--tpl-accent-blue)
}

:where(.info-box) .info-card-icon {
 width: 24px;
 height: 24px;
 display: block
}

:where(.info-box) .info-card-title {
 padding-block: var(--tpl-spacing-xl) var(--tpl-spacing-m)
}

:where(.info-box) .info-card-desc {
 color: light-dark(var(--tpl-dark-700), var(--tpl-dark-100))
}

:where(.info-box) .info-card-desc:has(+ .info-card-action) {
 padding-bottom: var(--tpl-spacing-xl)
}

:where(.faq-box) details {
 --faq-box-in: 20px;
 contain: paint
}

:where(.faq-box) details:has(+details) {
 margin-bottom: var(--tpl-spacing-s)
}

:where(.faq-box) .details-inner {
 font: var(--tpl-font-text-r2);
 padding: 0 var(--tpl-spacing-xl) var(--faq-box-in)
}

:where(.faq-box) .summary-title {
 font: var(--tpl-font-text-sb2)
}

:where(.faq-box) summary {
 align-items: center;
 cursor: pointer;
 display: flex;
 gap: var(--tpl-spacing-xl);
 justify-content: space-between;
 margin-bottom: calc(var(--faq-box-in) * -1);
 outline: 0;
 padding: var(--faq-box-in) 24px calc(var(--faq-box-in) * 2);
 transition: margin var(--tpl-transition);
 user-select: none
}

:where(.faq-box) summary::-webkit-details-marker {
 display: none
}

:where(.faq-box) details[open] summary {
 margin-bottom: 0;
 padding-bottom: var(--faq-box-in)
}

:where(.faq-box) summary:after {
 background-color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 content: '';
 flex: 0 0 24px;
 height: 24px;
 -webkit-mask: url("/.s/t/2301/icons/plus.svg") center/contain no-repeat;
 mask: url("/.s/t/2301/icons/plus.svg") center/contain no-repeat;
 transition: transform var(--tpl-transition);
 width: 24px
}

:where(.faq-box) details[open] summary:after {
 transform: rotate(45deg)
}

:where(.goods-box) .goods-list {
 display: grid;
 gap: var(--tpl-spacing-m);
 grid-template-columns: repeat(auto-fill, minmax(236px, 1fr))
}

:where(.goods-box) .goods-list :is(.basket, .basket-link) {
 background-position: center;
 background-repeat: no-repeat;
 border-radius: 54px;
 cursor: pointer;
 display: block;
 height: 54px;
 width: 54px
}

:where(.goods-box) .goods-list :is(.basket-link, .add) {
 background-image: url(/.s/img/sh/basket_add.svg)
}

:where(.goods-box) .goods-list .done {
 background-image: url(/.s/img/sh/basket_done.svg)
}

:where(.goods-box) .goods-list .err {
 background-image: url(/.s/img/sh/basket_error.svg)
}

:where(.goods-box) .goods-list .wait {
 background-image: url(/.s/img/light_wait.svg);
 background-size: 50%
}

:where(.goods-box) .product-card {
 font: var(--tpl-font-text-m1);
 padding: var(--tpl-spacing-xl)
}

:where(.goods-box) .product-card .product-img-link {
 display: flex;
 justify-content: center;
 margin-bottom: var(--tpl-spacing-xl)
}

:where(.goods-box) .product-card .product-card-title {
 -moz-box-orient: vertical;
 -webkit-box-orient: vertical;
 display: -moz-box;
 display: -webkit-box;
 height: 2.6em;
 -webkit-line-clamp: 2;
 line-clamp: 2;
 overflow: hidden
}

:where(.goods-box) .product-card .product-buy-box {
 align-items: center;
 display: flex;
 justify-content: space-between;
 margin-top: var(--tpl-spacing-l)
}

:where(.goods-box) .catalog-link {
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-360));
 border-radius: 8px;
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-200));
 display: block;
 font: var(--tpl-font-text-sb1);
 margin-top: 10px;
 padding: 10px;
 text-align: center
}

:where(.goods-box) .catalog-link:hover {
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-350));
 transition: background-color var(--tpl-transition)
}

.reviews-box {
 --swiper-pagination-bottom: calc(var(--pagi-size) * -1);
 --pagi-size: 32px
}

.reviews-box:has(.swiper-pagination:where(:not(:empty))) {
 padding-bottom: var(--pagi-size)
}

:where(.reviews-box) .review-card {
 padding: var(--tpl-spacing-xl)
}

:where(.reviews-box .review-card) .review-message br {
 display: none
}

:where(.reviews-slider:not(.swiper-initialized)) .swiper-wrapper {
 gap: 10px
}

@media screen and (min-width:850px) {
 :where(.reviews-slider:not(.swiper-initialized)) .swiper-slide {
 max-width: 50%
 }

 :where(.reviews-box) .reviews-slider .swiper-slide {
 height: auto
 }

 :where(.reviews-box) .review-card {
 height: 100%;
 display: flex;
 justify-content: space-between;
 flex-direction: column
 }
}

:where(.team-box) .teams-slider {
 --swiper-preloader-color: light-dark(var(--tpl-dark-600, #6a6e7b), var(--tpl-dark-500))
}

:where(.team-box) .team-member {
 padding: var(--tpl-spacing-s)
}

:where(.team-box) .team-member-photo:has(.swiper-lazy-preloader) {
 background: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-400));
 border-radius: 10px;
 max-width: 275px;
 overflow: hidden;
 position: relative
}

:where(.team-box) .team-member-img {
 display: block;
 width: 100%;
 height: auto
}

:where(.team-box) .teams-slider-container .swiper-button-lock {
 display: none
}

:where(.team-box) .user-social {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-s);
 justify-content: start
}

:where(.team-box) .team-member-info {
 padding: 0 var(--tpl-spacing-l) var(--tpl-spacing-xl)
}

:where(.teams-slider:not(.swiper-initialized)) .team-member {
 max-width: 275px
}

:where(.teams-slider:not(.swiper-initialized)) .swiper-wrapper {
 gap: 10px
}

:where(.advantages-box) .advantages {
 display: grid;
 gap: var(--tpl-spacing-xl);
 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
 grid-template-rows: 162px 1fr auto;
 text-align: center
}

:where(.advantages-box) .advantage-card {
 background-color: light-dark(transparent, var(--dark-tpl-dark-700));
 border-radius: 16px;
 display: grid;
 gap: 0;
 grid-row: span 3;
 grid-template-rows: subgrid;
 justify-items: center;
 padding: var(--tpl-spacing-xl) var(--tpl-spacing-l)
}

:where(.advantages-box) .title {
 padding-block: var(--tpl-spacing-xl) var(--tpl-spacing-m);
 text-wrap: balance
}

:where(.advantages-box) .advantage-img {
 height: 100%;
 object-fit: cover
}

:where(.land-box) .land-box-block {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-xl);
 justify-content: space-between
}

:where(.land-box) .land-box-block+.land-box-block {
 flex-wrap: wrap-reverse;
 margin-top: var(--tpl-spacing-2xl)
}

:where(.land-box) .land-box-text {
 flex: 1 1 250px;
 max-width: min(455px, 100%)
}

:where(.land-box) .land-box-text p {
 color: light-dark(var(--tpl-dark-800), var(--tpl-dark-300));
 font: var(--tpl-font-text-r2);
 margin-block: var(--tpl-spacing-s) 0;
 text-wrap: pretty
}

:where(.land-box) .land-box-text h2 {
 margin: 0;
 text-wrap: pretty
}

:where(.land-box) .land-box-photo {
 display: flex;
 flex: 0 1 min(380px, 100%);
 height: 380px;
 width: min(380px, 100%)
}

:where(.land-box) .land-box-photo img {
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-450));
 border-radius: 16px;
 height: 100%;
 object-fit: cover;
 width: 100%
}

:where(.land-box) .land-box-actions {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-m);
 justify-content: start;
 margin-top: var(--tpl-spacing-xl)
}

.stats-box {
 container: stats-box/inline-size;
 color: light-dark(var(--tpl-dark-700), var(--tpl-dark-300))
}

:where(.stats-box) .stat-card-counter {
 font: var(--tpl-font-header-1)
}

:where(.stats-box) .stat-card {
 padding: var(--tpl-spacing-xl);
 display: grid;
 grid-row: auto/span 2;
 grid-template-rows: subgrid;
 gap: var(--tpl-spacing-m)
}

:where(.stats-box) .stats-container {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 border: var(--tpl-border-line-100);
 border-radius: 16px
}

:where(.stats-box) .stat-card:has(+ .stat-card) {
 border-right: var(--tpl-border-line-100)
}

@container stats-box (width < 600px) {
 .stats-container {
 grid-template-columns: 1fr
 }

 .stat-card:has(+ .stat-card) {
 border-right: 0;
 border-bottom: var(--tpl-border-line-100)
 }
}

:where(.u-rate-btn, .u-rate-link).highlight-green:hover {
 color: var(--tpl-accent-green-100)
}

:where(.u-rate-btn, .u-rate-link).highlight-red:hover {
 color: var(--tpl-accent-red-100)
}

.uTable {
 border-spacing: 0;
 max-width: none;
 text-align: left
}

.uTable :is(.uTd, .uTopTd) {
 padding: var(--tpl-spacing-m);
 white-space: nowrap
}

.uTable :is(.uTd, .uTopTd):first-child {
 padding-left: var(--tpl-spacing-l)
}

.uTable :is(.uTd, #f) {
 border-bottom: var(--tpl-border-line);
 text-align: left
}

.uTable .uTd img {
 max-width: none
}

.uTable .uTopTd {
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700));
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 font-weight: 500
}

.layout .breadcrumbs-wrapper {
 gap: var(--tpl-spacing-l);
 margin-bottom: var(--tpl-spacing-xl)
}

.layout .category_rules_link,
.layout .breadcrumbs a,
.layout .breadcrumbs .breadcrumb-sep:before,
.layout .breadcrumbs {
 color: light-dark(var(--tpl-dark-400), var(--tpl-dark-500));
 font-size: var(--tpl-font-size-small)
}

.layout .breadcrumbs .current,
.layout .breadcrumbs .breadcrumb-item:last-child,
.layout .breadcrumbs .breadcrumb-curr {
 opacity: .4
}

.layout .breadcrumbs .breadcrumb-sep {
 font-size: 0
}

.layout .breadcrumbs .breadcrumb-sep:before {
 content: '/'
}

.layout .breadcrumbs-wrapper:has(.breadcrumbs:last-child:empty) {
 display: none
}

.layout .myWinError {
 color: var(--tpl-accent-red) !important;
 font: var(--tpl-font-text-r1)
}

.module-photo .section-description {
 text-align: left
}

.module-photo .section-description,
.module-publ .breadcrumbs-wrapper,
.entry-layout .breadcrumbs-wrapper {
 margin-bottom: var(--tpl-spacing-xl)
}

.layout .breadcrumbs-wrapper,
.layout .breadcrumbs,
.layout .items-stat-wrapper,
.layout .items-stat {
 padding: 0
}

.layout:where(:not(:has(.entries-grid, .ss-entries-grid))) [id^=entryID]+[id^=entryID] {
 margin-block: var(--tpl-spacing-3xl)
}

.module-gb .layout [id^=entryID]+[id^=entryID] {
 margin-block: 0
}

:where(.module-gb #newEntryB:has([id^=entryID])),
.module-gb .layout [id^=entryID]:where(:not(:first-child)) {
 padding-top: var(--tpl-spacing-xl)
}

.layout #uEntriesList {
 margin-bottom: var(--tpl-spacing-2xl)
}

.module-photo #uEntriesList {
 gap: var(--tpl-spacing-2xl) var(--tpl-spacing-l)
}

:is(.module-stuff, .module-video) #uEntriesList {
 row-gap: var(--tpl-spacing-2xl)
}

.tpl-content>.catsTable tr:where(:not(:first-child)) .catsTd {
 padding-top: var(--tpl-spacing-m)
}

.catAllEntries,
.catAllEntries :is(tbody, tr, td) {
 display: block
}

.module-blog #allEntries {
 margin-top: var(--tpl-spacing-3xl)
}

.chcat_page-layout #allEntries {
 margin-inline: calc(var(--tpl-spacing-l)/ 2 * -1)
}

.layout .breadcrumbs-wrapper:has(.breadcrumbs:last-child:empty)~#allEntries {
 margin-top: 0
}

.layout .items-stat-wrapper {
 gap: var(--tpl-spacing-l);
 margin-bottom: var(--tpl-spacing-xl)
}

.search-layout .items-stat-wrapper {
 margin-bottom: var(--tpl-spacing-3xl)
}

.layout :is(.filters-wrapper, .shop-stock-actions) {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-m)
}

.tpl-content>:is(.faq-categories, .catsTable),
.layout .filters-wrapper,
.layout .sorting-wrapper {
 margin-block: var(--tpl-spacing-xl)
}

.tpl-content>:is(.faq-categories, .catsTable) .catDescr {
 color: var(--tpl-dark-500);
 font-size: .8em;
 margin-left: 5px
}

.tpl-content>:is(.faq-categories, .catsTable) .catNumData {
 color: var(--tpl-dark-500)
}

.layout .filters-wrapper select {
 max-width: 200px;
 width: 100%
}

.ucoz-copy,
.copy {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500))
}

hr {
 border: 0;
 height: 0;
 margin: 10px 0;
 padding: 0
}

:where(.tpl-content)>hr {
 display: none
}

ul.uz {
 margin: 4px 0
}

#ui-datepicker-div .ui-widget-header {
 background: var(--tpl-accent-blue);
 border-color: var(--tpl-accent-blue)
}

#ui-datepicker-div .ui-state-default,
#ui-datepicker-div :is(.ui-widget-content, .ui-widget-header) .ui-state-default {
 color: var(--tpl-accent-blue)
}

#ui-datepicker-div :is(.ui-state-highlight, .ui-state-hover),
#ui-datepicker-div :is(.ui-widget-content, .ui-widget-header) .ui-state-highlight {
 background: var(--tpl-accent-blue-light);
 border-color: var(--tpl-dark-500)
}

:is(div, .ucf-bb):has(> span > .codeButtons) {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 font-size: 12px;
 gap: 5px;
 justify-content: start;
 margin-block: 0 var(--tpl-spacing-s)
}

:is(input[type=button], select).codeButtons {
 font-size: 12px;
 line-height: normal;
 min-width: 50px
}

input[type=button].codeButtons {
 border-radius: 5px;
 padding: 5px
}

select.codeButtons {
 border-radius: 5px;
 min-width: 50px;
 padding-block: 5px
}

.moder-block {
 --mb-bg: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-700));
 --mb-blue: #507fff;
 --mb-btn-bg: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-360));
 --mb-btn-color: light-dark(var(--tpl-dark-800), var(--tpl-dark-200));
 --mb-btn-size: 32px;
 --mb-btn-wait: light-dark(var(--tpl-dark-500), var(--tpl-dark-200))
}

@keyframes spinner {
 0% {
 transform: rotate(0)
 }

 100% {
 transform: rotate(360deg)
 }
}

@media (hover:hover) {

 .basket-item-del:hover::after,
 .basket-item-del:hover::before {
 background-color: var(--tpl-accent-red)
 }

 .setItem-remove-btn:hover,
 :where(.module-shop .entry-layout) .shop_spec .fstChoiceItem .fstChoiceRemove:hover {
 color: var(--tpl-accent-red)
 }

 .swiper-btn:hover {
 background-color: light-dark(var(--tpl-accent-blue), var(--dark-tpl-dark-350));
 color: var(--tpl-accent-white)
 }

 .catalog-chip:hover {
 background-color: light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-500))
 }

 :where(.faq-box) summary:hover:after {
 background-color: light-dark(var(--tpl-accent-blue), var(--tpl-dark-500))
 }

 .layout :is(.basket, .basket-link):hover {
 background-color: var(--tpl-accent-blue-dark)
 }

 .product-header-comm a:hover,
 :where(.module-shop) .wish:hover,
 .compare-widget-add:hover {
 color: light-dark(var(--tpl-dark-800), var(--tpl-dark-100))
 }

 .header-wishlist-btn:hover,
 .layout .product-card:hover .product-card-title,
 .module-tests .eTitle a:hover,
 .entry-title:hover {
 color: var(--tpl-accent-blue)
 }

 .layout .product-card:hover {
 box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .13)
 }

 :where(.product-page) .tabs-link:where(:not(.active)):hover {
 color: light-dark(var(--tpl-dark-900), var(--tpl-dark-100))
 }
}

@media (prefers-color-scheme:dark) {
 :root:where([data-theme=dark], [data-theme="light dark"]) .module-shop :where(.add-layout, .edit-layout) :where(.v-table:has(.column-actions.stuck)) :where(.column-actions, .v-table__cell:last-child):before {
 opacity: .5
 }

 :root:is([data-theme=dark], [data-theme="light dark"]) .xw-plain {
 box-shadow: 0 4px 14px 0 #000000ab
 }
}

@media screen and (min-width:1025px) {
 :where(.entry-layout) .tpl-content {
 max-width: calc(var(--tpl-max-layout-width) - (var(--sidebar-size) + var(--gap-size)))
 }

 .header-auth-block {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-s);
 height: 100%
 }

 :where(.header) :is(.cart-text, .auth-links) {
 display: contents;
 font: var(--tpl-font-text-r2);
 white-space: nowrap
 }

 :where(.header .auth-links) a {
 align-items: center;
 display: flex;
 height: 100%
 }

 :where(.header) :where(.logo-link) {
 padding-block: 14px 13px
 }

 :where(.header .cart-text) {
 display: inline
 }

 :where(.menubar, .main-menu-nav, .main-menu-container, .main-menu-scroll-area) {
 display: contents
 }

 :where(#uNMenuDiv1) {
 height: 100%
 }

 .main-menu {
 min-width: 110px
 }

 :is(.main-menu.menu-evolving, #f#f#f) li>ul {
 display: none
 }

 :is(.main-menu.menu-evolving, #f#f#f) [id^=uNMenuDiv] {
 overflow: hidden
 }

 .main-menu ul {
 white-space: nowrap
 }

 .main-menu .uMenuRoot {
 display: flex;
 gap: 24px;
 justify-content: flex-start;
 font: var(--tpl-font-text-r2);
 height: 100%
 }

 .main-menu.menu-evolving {
 opacity: 0
 }

 .main-menu .uMenuRoot>li:where(:not(.hidden)) {
 display: flex;
 gap: 2px
 }

 .uWithSubmenu,
 .menu-item-more,
 .main-menu .uMenuRoot>li:has(> .uMenuItemA) {
 position: relative
 }

 .main-menu .uMenuRoot>li>.uMenuItemA:after {
 background-color: var(--tpl-accent-blue);
 content: '';
 display: block;
 height: 2px;
 left: 0;
 position: absolute;
 right: 0;
 top: calc(50% + (1em * 1.4)/ 2 + 3px);
 width: 100%;
 transform: translateY(-50%)
 }

 .main-menu .uMenuRoot>li>.menu-submenu-btn {
 align-self: center
 }

 .main-menu .uMenuRoot>li>:where(a, .menu-item-more-text) {
 transition: color var(--tpl-transition);
 display: flex;
 align-items: center
 }

 .menu-item-more-text {
 cursor: default
 }

 .main-menu .uMenuRoot>li:hover>.menu-submenu-btn .menu-icon {
 transform: rotate(180deg)
 }

 .auth-links a:hover,
 .main-menu .uMenuRoot li:has(> .uMenuItemA)>.menu-submenu-btn,
 .main-menu li:hover>.menu-submenu-btn,
 .main-menu li:hover>.menu-item-more-text,
 .main-menu a:where(:not(.uMenuItemA)):hover {
 color: var(--tpl-accent-blue)
 }

 .main-menu li ul {
 background-color: transparent;
 border-radius: 8px;
 box-shadow: var(--tpl-panel-shadow);
 display: flex;
 flex-direction: column;
 min-width: 150px;
 opacity: 0;
 position: absolute;
 right: 0;
 top: calc(50% + (1em * 1.4)/ 2 + 10px);
 transition: .5s ease-in-out 0s;
 visibility: hidden;
 z-index: 22000
 }

 .main-menu ul ul ul {
 right: calc(100% + 4px);
 top: 0
 }

 .main-menu li:hover>ul {
 opacity: 1;
 transition: .25s ease-in-out 0s;
 visibility: visible
 }

 .main-menu li ul a {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-450));
 display: block;
 padding: var(--tpl-spacing-m) var(--tpl-spacing-l)
 }

 .main-menu li:hover>ul:before {
 content: "";
 display: block;
 height: calc(100% + 16px);
 inset: -8px;
 position: absolute;
 width: calc(100% + 16px);
 z-index: -1
 }

 .main-menu li ul li:first-child>a {
 border-top-left-radius: 8px;
 border-top-right-radius: 8px
 }

 .main-menu li ul li:last-child>a {
 border-bottom-left-radius: 8px;
 border-bottom-right-radius: 8px
 }

 .main-menu li ul li.uWithSubmenu>a {
 padding-left: 36px
 }

 .main-menu li ul .uMenuItemA,
 .main-menu li ul a:hover {
 background-color: light-dark(var(--tpl-accent-blue-light), var(--dark-tpl-accent-blue-light))
 }

 .main-menu li ul .menu-submenu-btn {
 left: var(--tpl-spacing-s);
 pointer-events: none;
 position: absolute;
 top: 50%;
 transform: translateY(-50%)
 }

 .main-menu li ul .menu-submenu-btn .menu-icon {
 transform: rotate(90deg)
 }

 .module-gb .layout [id^=entryID]:where(:not(:last-child)) {
 border-bottom: 2px solid var(--tpl-dark-300);
 padding-bottom: var(--tpl-spacing-xl)
 }

 :where(.module-gb #newEntryB:has([id^=entryID])) {
 border-top: 2px solid var(--tpl-dark-300);
 padding-top: var(--tpl-spacing-xl);
 margin-top: var(--tpl-spacing-xl)
 }

 :where(body:not(.module-shop)) .product-card .product-actions {
 opacity: 0;
 transform: translateX(20px);
 transition: all .2s ease-in
 }

 :where(body:not(.module-shop)) .product-card:hover .product-actions {
 opacity: 1;
 transform: translateX(0)
 }
}

@media screen and (max-width:1024px) {
 .catalog-slider-container .swiper-btn {
 display: none
 }

 .main-container {
 --gap-size: 80px;
 --sidebar-size: 100%;
 flex-direction: column
 }

 .header-container {
 padding-block: var(--tpl-spacing-m)
 }

 .header-right {
 gap: var(--tpl-spacing-l)
 }

 .header-left {
 max-width: initial
 }

 .menubar-block {
 display: block
 }

 .header-mobile-button {
 align-items: center;
 display: flex;
 justify-content: center;
 outline: 0
 }

 .header-mobile-close {
 --size: 40px;
 background: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-700));
 border-radius: var(--size);
 height: var(--size);
 position: fixed;
 right: 5px;
 top: 5px;
 transform: scale(0);
 transition: transform var(--tpl-transition);
 width: var(--size);
 z-index: 22001;
 box-shadow: var(--tpl-btn-shadow)
 }

 :is(.open) .header-mobile-close {
 transform: scale(1)
 }

 .main-menu {
 --menu-w: 280px;
 background: var(--tpl-ovelay);
 bottom: 0;
 left: 0;
 opacity: 0;
 pointer-events: none;
 position: fixed;
 right: 0;
 top: 0;
 z-index: 22000;
 transition: opacity var(--tpl-transition) .3s
 }

 .main-menu.open {
 opacity: 1;
 pointer-events: all;
 transition: opacity var(--tpl-transition)
 }

 .menubar {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-700));
 display: flex;
 flex-direction: column;
 height: 100%;
 justify-content: space-between;
 left: -100%;
 position: relative;
 transition: left .5s ease;
 width: var(--menu-w)
 }

 :is(.main-menu.open) .menubar {
 left: 0
 }

 .main-menu-nav {
 overflow-anchor: none;
 overflow-x: hidden;
 overflow-y: auto;
 position: relative;
 scrollbar-width: none
 }

 .main-menu-nav::-webkit-scrollbar {
 display: none
 }

 .main-menu-nav .menu-item-more {
 display: none
 }

 .main-menu-nav .main-menu-container {
 height: var(--active-list-height, auto);
 overflow: hidden
 }

 .main-menu-nav .main-menu-scroll-area {
 left: 0;
 position: relative;
 transition: left var(--tpl-transition)
 }

 .main-menu-nav li>ul {
 left: 100%;
 opacity: 0;
 pointer-events: none;
 position: absolute;
 top: 0;
 transition: opacity var(--tpl-transition);
 visibility: hidden;
 width: 100%
 }

 .main-menu-nav li>ul.slide-visible {
 opacity: 1;
 pointer-events: auto;
 visibility: visible
 }

 :where(.main-menu-nav li) {
 align-items: center;
 border-bottom: 1px solid light-dark(var(--tpl-dark-200), var(--dark-tpl-dark-500));
 display: flex;
 gap: var(--tpl-spacing-l);
 justify-content: space-between
 }

 .main-menu-nav li>a {
 flex: 1 1;
 padding: var(--tpl-spacing-l)
 }

 .main-menu-nav li.uWithSubmenu>a {
 padding-right: 0
 }

 .menu-submenu-btn {
 align-items: center;
 display: flex;
 justify-content: center;
 padding: var(--tpl-spacing-l)
 }

 .menu-submenu-btn .menu-icon {
 transform: rotate(-90deg)
 }

 .back-item {
 display: block
 }

 .uMenuItemA {
 color: var(--tpl-accent-blue)
 }

 .back-item-link {
 align-items: center;
 align-self: stretch;
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 cursor: pointer;
 display: flex;
 gap: 4px;
 justify-content: flex-start;
 padding: var(--tpl-spacing-l)
 }

 .back-item h4 {
 padding: 0 var(--tpl-spacing-l) var(--tpl-spacing-xl)
 }

 .menubar-block {
 padding: var(--tpl-spacing-l)
 }

 :where(.menubar-block:has(> .user-box)) {
 border-top: 1px solid var(--tpl-dark-200);
 margin-bottom: auto;
 margin-top: -1px
 }

 :where(.menubar-block .user-box.authorized) {
 background-color: light-dark(var(--tpl-dark-100), var(--dark-tpl-dark-360));
 border-radius: var(--tpl-spacing-l);
 padding: var(--tpl-spacing-l)
 }

 :where(.menubar-block .user-box) .user-box-link {
 font: var(--tpl-font-text-m1);
 color: light-dark(var(--tpl-accent-blue), var(--tpl-dark-100))
 }

 :where(.menubar-block .user-box:not(.authorized)) .user-box-link {
 color: var(--tpl-dark-500)
 }

 .menu-social-block {
 flex: 0 0 112px
 }

 .menu-social-list {
 margin-top: var(--tpl-spacing-m)
 }

 .header-search {
 display: block
 }

 .header-search-panel {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-450));
 box-shadow: 0 13px 14px -9px rgba(0, 0, 0, .13);
 left: 0;
 padding: 15px var(--tpl-spacing-l);
 pointer-events: none;
 position: absolute;
 right: 0;
 top: 80%;
 transition: top var(--tpl-transition);
 visibility: hidden;
 z-index: 100
 }

 .header-search-panel.open {
 pointer-events: auto;
 top: 100%;
 transition: top var(--tpl-transition);
 visibility: visible
 }

 .header-search-overlay {
 display: none;
 inset: 123px 0 0;
 pointer-events: none;
 position: fixed;
 z-index: -1
 }

 :where(.header-search-panel.open) .header-search-overlay {
 display: block;
 pointer-events: auto
 }

 .header-search-form {
 align-items: center;
 display: flex;
 gap: 8px
 }

 .header-search-input {
 flex: 1
 }

 .header-search-button {
 flex: 0
 }

 :where(.header-cart) .cart-panel {
 --header-left-offset: 40px;
 max-width: calc(100vw - (var(--tpl-spacing-l) * 2) - var(--header-left-offset));
 right: calc(var(--header-left-offset) * -1);
 padding: var(--tpl-spacing-l)
 }

 :where(.header-cart) .cart-panel-inner {
 gap: var(--tpl-spacing-m)
 }

 :where(.header-cart .empty-cart) .empty-cart-link {
 margin-top: var(--tpl-spacing-l)
 }

 :where(.header-cart) .cart-scroll-container {
 margin: 0 -12px 0
 }

 .info-box-slider-container .swiper-btn {
 --btn-pos: -8px
 }

 .comm-form-avatar .uf-tooltip {
 left: 0;
 margin: 0 0 15px 0
 }

 .comm-form-avatar .uf-tooltip:after {
 left: 24px
 }

 :where(.product-page) .product-gallery {
 top: calc(54px + 16px)
 }

 :where(.module-shop) .products-box {
 margin-top: 40px
 }
}

@media screen and (max-width:768px) {

 :where(.module-forum .forum-topics-table) tbody,
 :where(.module-forum .forum-section-table) tbody {
 grid-template-columns: 1.5fr minmax(30%, 1fr)
 }

 :where(.module-forum .forum-subs-topics-table) tbody {
 grid-template-columns: 1.5fr minmax(100px, 8%) minmax(30%, 1fr)
 }

 :where(.module-forum .forum-subs-topics-table:not(:has(.topic-item-subscribe))) tbody {
 grid-template-columns: 1.5fr minmax(30%, 1fr)
 }

 :where(.module-forum .forum-subs-topics-table:not(:has(.topic-item-subscribe))) tr:has(.gTableSubTop) td:nth-child(3),
 :where(.module-forum .forum-subs-topics-table) tr:has(.gTableSubTop) td:where(:not(:last-child):not(:nth-child(2)):not(:nth-child(3))),
 .module-forum :where(.forum-topics-table, .forum-section-table) :where(tr:has(.gTableSubTop)) td:where(:not(:last-child):not(:nth-child(2))),
 .module-forum :where(.forum-cat-item-threads, .forum-cat-item-posts, .topic-item-reply, .topic-item-author, .topic-item-views) {
 display: none
 }

 :where(.module-forum) .legendTable {
 gap: 4px 6px;
 grid-template-columns: auto 1fr
 }

 :where(.module-forum) .legendTable .legendTd {
 display: grid;
 grid-column: span 2;
 grid-template-columns: subgrid
 }

 :where(.module-forum .funcBlock) {
 text-align: left
 }

 :where(.module-shop .invoices-layout #invoice-form) :where([name=group_courier], .invoice-form-nbsp) {
 flex-basis: 100%
 }

 :where(.module-shop .invoices-layout) #invoice-form#invoice-form {
 margin: calc((var(--tpl-spacing-s)/ 2) * -1)
 }

 :where(.module-shop .invoices-layout #invoice-form > *) {
 margin: calc(var(--tpl-spacing-s)/ 2)
 }

 :where(.product-page) :is(.product-about-block:has(+.product-about-block), .product-page-head) {
 margin-bottom: var(--tpl-spacing-l)
 }

 :where(.product-page) .product-header {
 margin-block: var(--tpl-spacing-xl) var(--tpl-spacing-l)
 }

 :where(.product-page) .product-main {
 grid-template-areas: "g" "h" "a";
 grid-template-columns: 1fr;
 gap: 0;
 margin-bottom: var(--tpl-spacing-l)
 }

 :where(.product-page) .product-gallery {
 position: static
 }

 :where(.product-page) .gallery-main-slider img {
 max-height: 382px
 }

 .info-box-slider-container .swiper-btn {
 display: none
 }

 :where(.info-box) :is(.team-member-info, .review-author-info, .user-social) {
 margin-top: var(--tpl-spacing-l)
 }

 :where(.team-box) .team-member-info {
 padding: 0 8px 8px
 }

 :where(.entry-card):has(.entry-card-cover) {
 display: flex;
 gap: var(--tpl-spacing-l);
 flex-wrap: wrap
 }

 .entry-card-cover {
 flex: 1 1 100%
 }

 :where(.subs-entry-card) .subs-entry-picture img {
 aspect-ratio: 366/210
 }
}

@media screen and (max-width:640px) {
 :root {
 --pht-cols: 2;
 --tpl-spacing-3xl: 40px
 }

 .footer-container {
 flex-direction: column;
 gap: var(--tpl-spacing-xl);
 justify-content: center;
 text-align: center
 }

 .promo-card-inner {
 margin-block: var(--tpl-spacing-xl);
 min-height: 284px
 }

 .e-cover-image {
 width: 100%;
 margin: 8px 0 24px
 }

 :is(.eDetails, .eDetails1, .eDetails2)>:is(.rate-stars-wrapper, .entPrevNext),
 .entry-detail-rating {
 margin-left: 0
 }

 .tpl-content>.catsTable,
 .tpl-content>.catsTable :is(.tbody, tr, td) {
 display: block;
 width: auto !important
 }

 :where(body:not(.module-shop)) :is(.add-layout, .edit-layout) .manTable>tbody>tr:where(:not(.seo-mtf-hide), .seo-mtf-show) {
 gap: var(--tpl-spacing-s);
 grid-template-columns: 1fr
 }

 .module-video #uEntriesList .uEntryWrap {
 width: 50% !important
 }

 .module-forum :where(.fFastSearchTd, .fFastNavTd) {
 justify-content: start
 }

 :where(.module-forum #frM53)>tbody>tr:where(:not(#frM54):not(#frM59):not(#frM56)) {
 gap: var(--tpl-spacing-s);
 grid-template-columns: 1fr
 }

 :where(.module-forum :where(.threadpage-posts-table, .forum-topics-table)) td:has(> .forum-title) {
 flex-wrap: wrap-reverse
 }

 .module-forum .breadcrumbs {
 max-width: 100%
 }

 .module-forum .pollResults :is(table, tbody, tr, td),
 :where(.module-forum .post-card) :is(.post-signature, .post-content-footer:has(.post-signature:first-child), .post-violations, .post-avatar-wrapper, .post-footer, .post-num-posts, .post-awards, .post-reputation, .post-status) {
 display: none
 }

 :where(.module-forum) .post-card {
 border: 0;
 gap: 0;
 grid-template-columns: 1fr
 }

 :where(.module-forum .post-card) .post-manage-bar {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-s);
 margin-top: var(--tpl-spacing-s)
 }

 :where(.module-forum .post-card) .post-user-info {
 border-radius: 0;
 display: grid;
 grid-template-areas: 'user-name user-rank' 'user-group user-curator' 'manage-bar manage-bar';
 grid-template-columns: 2fr 1fr;
 padding: var(--tpl-spacing-l);
 text-align: left
 }

 :where(.module-forum .post-card) .post-curator {
 text-align: right
 }

 :where(.module-forum .post-card) .post-rank-icon img {
 display: block;
 max-width: initial
 }

 :where(.module-forum .post-card) .post-rank-wrapper {
 align-items: center;
 display: flex;
 gap: 5px;
 justify-content: end
 }

 :where(.module-forum .post-card) .post-content-header {
 border-bottom: var(--tpl-border-line);
 font-size: var(--tpl-font-size);
 margin-top: var(--tpl-spacing-m);
 padding-bottom: var(--tpl-spacing-m)
 }

 :where(.module-forum .post-card) :is(.post-content-footer, .post-content-main) {
 margin-block: var(--tpl-spacing-xl) 0
 }

 .module-forum .recent-posts>.gTableTop {
 padding: 0
 }

 .module-forum .recent-posts>.gTableTop,
 :where(.threadpage-posts-table) [class^=postRest] {
 border: 0
 }

 :where(.module-shop :where(.add-layout, .edit-layout) .manTable)>tbody,
 :where(.module-shop :where(.add-layout, .edit-layout) .manTable)>tbody>tr,
 :where(.module-shop :where(.add-layout, .edit-layout) .manTable)>tbody>tr>td,
 :where(.module-shop :where(.add-layout, .edit-layout) .manTable) {
 display: block;
 width: auto
 }

 :where(.module-shop :where(.add-layout, .edit-layout) .manTable)>tbody {
 margin-block: var(--tpl-spacing-l)
 }

 :where(.module-shop :where(.add-layout, .edit-layout) .manTable)>#tb_hide {
 margin-top: var(--tpl-spacing-xl)
 }

 :where(.module-shop :where(.add-layout, .edit-layout) .manTable) .manTd1 {
 margin-bottom: var(--tpl-spacing-s)
 }

 :where(.module-shop :where(.add-layout, .edit-layout) .manTable) .manTd2 {
 margin-bottom: var(--tpl-spacing-m)
 }

 :where(.module-shop :where(.add-layout, .edit-layout) .manTable) :is([name=price], [name=price_in], [name=price_old]) {
 width: calc(100% - 28px) !important
 }

 :where(.module-shop :where(.add-layout, .edit-layout) .manTable) :is([name=unit], [name=weight]) {
 width: 100% !important
 }

 :where(.module-shop :where(.userarea-layout, .usertrans-layout)) :is(#add-funds-form, #add-funds-param, #transactions_filters) select,
 :where(.module-shop :where(.add-layout, .edit-layout) .manTable) :is([name=cats_add], [name=cat_id], [name=type]) {
 max-width: 100%;
 width: 100%
 }

 :where(.module-shop :where(.add-layout, .edit-layout) .manTable) #shop-categories {
 align-items: center;
 display: flex;
 gap: var(--tpl-spacing-s)
 }

 :where(.module-shop :where(.add-layout, .edit-layout)) .manTable :where(#tb_undisc, #tb_exclude_from_yml, tbody[id^=yml_]) tr {
 align-items: center;
 display: flex;
 flex-flow: row-reverse;
 gap: var(--tpl-spacing-s);
 justify-content: start
 }

 :where(.module-shop :where(.add-layout, .edit-layout)) .manTable :where(#tb_undisc, #tb_exclude_from_yml, tbody[id^=yml_]) :is(.manTd2, .manTd1) {
 margin: 0
 }

 :where(.module-shop :where(.add-layout, .edit-layout)) #tb_possting:empty,
 :where(.module-shop :where(.add-layout, .edit-layout) .manTable) tr:has(#id_hide, #id_web_app) .manTd1 {
 display: none
 }

 :where(.module-shop :where(.add-layout, .edit-layout)) .goodsform-actions {
 bottom: -1px;
 left: 0;
 position: sticky
 }

 :where(.module-shop :where(.add-layout, .edit-layout)) .goodsform-actions.is-pinned {
 background-color: light-dark(var(--tpl-accent-white), var(--dark-tpl-dark-700));
 box-shadow: var(--tpl-panel-shadow);
 margin-inline: calc(var(--tpl-spacing-l) * -1);
 padding: var(--tpl-spacing-xl);
 z-index: 11
 }

 :where(.module-shop :where(.userarea-layout, .usertrans-layout)) :where(#transactions_filters, .user-balance-table) tr {
 align-items: stretch;
 flex-direction: column;
 justify-content: start
 }

 :where(.module-shop) #transactions_filters td:has(.datepicker),
 :where(.module-shop) :is(#add-funds-form, #add-funds-param) {
 align-items: stretch;
 flex-direction: column;
 text-align: left
 }

 :where(.module-shop :where(.userarea-layout)) .user-balance-table td {
 text-align: left !important
 }

 :where(.module-shop :where(.userarea-layout)) #add-funds-wait {
 display: block;
 margin: 0 auto !important
 }

 :where(.module-shop .checkout-layout) :is(#total-sum, #total-sum#total-sum :is(tbody, tr, td)) {
 border: 0;
 display: block;
 padding: 0
 }

 :where(.module-shop .checkout-layout) #total-sum#total-sum td {
 margin-block: var(--tpl-spacing-m)
 }

 :where(.module-shop) .checkout-layout #order-button {
 text-align: center;
 width: 100%
 }

 :where(.module-shop .order-layout) .order-fields .order-block-body {
 grid-template-columns: 1fr
 }

 :where(.module-shop .order-layout) .order-fields .order-fname {
 border: 0;
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 padding-bottom: 6px
 }

 :where(.module-shop .order-layout) .order-fields .order-field {
 padding-top: 0
 }

 :where(.module-shop) .products-box .goods-list {
 display: grid !important;
 gap: 8px !important;
 grid-template-columns: 1fr 1fr !important
 }

 :where(.module-shop) .products-box .product-card .product-img-link {
 height: 180px
 }
}

@media screen and (max-width:480px) {
 :root {
 --pht-cols: 1;
 --pht-img-width: 100%
 }

 :where(.module-board) .layout .breadcrumbs-wrapper {
 flex-wrap: wrap
 }

 .promo-card-img {
 border-radius: 0
 }

 :is(#addPhtFrm, #addEntForm) .form-fields {
 grid-template-columns: 1fr
 }

 :where(.entry-layout .entry-comments),
 :where(.entry-layout .entry-comments) :is(tbody, tr, td) {
 display: block;
 height: auto
 }

 :where(.commTable) .commTd2>select[name=subs] {
 margin-left: 5px;
 width: 200px
 }

 .uComForm .ucf-options {
 float: none
 }

 .entry-layout .entry-comments .com-order-block {
 text-align: left
 }

 :where(.entry-layout .entry-comments) .pagesBlock1 {
 justify-content: start
 }

 :where(:is(.entry-layout, .vichnl_page-layout, .video_page-layout)) .entry-comments .com-order-block {
 margin-top: var(--tpl-spacing-m);
 text-align: left
 }

 :where(:is(.entry-layout, .vichnl_page-layout, .video_page-layout)) .entry-comments .com-order-block .com-order-wrap {
 display: flex;
 flex-direction: column;
 gap: var(--tpl-spacing-s)
 }

 :where(.header) .logo-slogan,
 :where(:is(.entry-layout, .vichnl_page-layout, .video_page-layout) .entry-comments) a:has(> .user_avatar) {
 display: none
 }

 :where(:is(.entry-layout, .vichnl_page-layout, .video_page-layout) .entry-comments) .cTop {
 padding: 0
 }

 .layout .filters-wrapper {
 align-items: stretch;
 flex-direction: column
 }

 :is(#addPhtFrm, #addEntForm) .u-combo,
 :is(#addPhtFrm, #addEntForm) :is(.u-comboedit, .u-comboedit:hover) {
 width: 100%
 }

 .layout #uEntriesList {
 margin-bottom: var(--tpl-spacing-xl)
 }

 .module-photo #uEntriesList {
 gap: var(--tpl-spacing-xl) var(--tpl-spacing-l)
 }

 .module-stuff #uEntriesList {
 row-gap: var(--tpl-spacing-xl)
 }

 .module-stuff #uEntriesList .entryBlock {
 margin: 0
 }

 .module-stuff #uEntriesList .uEntryWrap {
 width: 50% !important
 }

 .module-video #uEntriesList .uEntryWrap {
 width: 100% !important
 }

 .module-video .vcp-image {
 float: none
 }

 .module-video .breadcrumbs-wrapper {
 flex-wrap: wrap
 }

 .module-video .vep-title {
 clear: both
 }

 :where(.module-gb) .csTop {
 flex-direction: row
 }

 :where(.module-forum) .forum-title {
 font: var(--tpl-font-header-3)
 }

 .module-forum .main-layout .forumContent>.gDivLeft {
 margin-top: var(--tpl-spacing-xl)
 }

 :where(.module-shop .order-layout) .order-detail-desc tbody,
 .module-forum :where(.thread-split-fields, .forum-subs-topics-table, .forum-topics-table, .forum-section-table, .forum-search-table) tbody {
 grid-template-columns: 1fr
 }

 :where(.module-forum :is(.forum-topics-table, .forum-section-table, .forum-subs-topics-table))>tbody>tr {
 align-items: start
 }

 .module-forum .forum-search-table>tbody>tr:nth-child(2),
 .module-forum .forum-additional-info .gTableRight,
 .module-forum :where(.forum-topics-table, .forum-section-table, .forum-subs-topics-table) :where(.forum-cat-item-updates, .topic-item-updates, tr:has(.gTableSubTop)) {
 display: none
 }

 :where(.module-forum :is(.forum-topics-table, .forum-cat-item, .forum-subs-topics-table)) :is(.topic-item-title, .forum-cat-item-title) {
 color: var(--tpl-accent-blue);
 font: var(--tpl-font-header-4)
 }

 :where(.module-forum :is(.forum-topics-table, .forum-cat-item, .forum-subs-topics-table)) :is(.forum-cat-item-desc, .sub-forums-wrapper, .topic-item-desc) {
 margin-block: 6px
 }

 :where(.module-shop .order-layout) .order-field-edit select,
 .module-forum #thread_search_field,
 :where(.module-forum :is(#forum_filter_select, #filter_word, .forumModerFuncs .moderOptions)),
 :where(.module-forum :where(input[id^=fln])),
 :where(.module-forum) select.fastNav {
 width: 100%
 }

 :where(.module-forum :where(.ThrForumBarRow1, .ThrBotRow3)),
 :where(.module-forum .forum-search-table :where(.forum-search-main, .forum-search-advanced)) .gTableBody1 {
 align-items: stretch;
 display: flex;
 flex-direction: column;
 flex-wrap: nowrap
 }

 :where(.forum-legends-table)>tbody>tr,
 :where(.module-forum .FrmBotTbl) .FrmBotRow2 {
 align-items: stretch;
 flex-direction: column-reverse;
 flex-wrap: nowrap
 }

 .layout .filters-wrapper select,
 :where(.thread-split-fields) :is(input, select),
 :where(.module-forum :where(.forumModerFuncs, .forum-search-advanced)) select {
 max-width: 100%
 }

 :where(.module-forum .forum-search-table) .forum-search-main {
 padding-top: 0
 }

 :where(.module-forum .forum-search-table) .forum-search-main .gTableBody1:before {
 content: attr(data-title);
 display: block;
 margin-bottom: var(--tpl-spacing-xl)
 }

 .module-forum .ThrBotCl32 {
 flex: 1
 }

 .module-forum .fastSearch[type=text] {
 width: 100% !important
 }

 :where(.thread-split-fields) tbody tr {
 gap: var(--tpl-spacing-m)
 }

 :where(.module-shop) .shop-sort-block,
 :where(.module-shop :where(.shop-sort-block)) :is(tbody, tr, td, .slist) {
 display: block;
 text-align: left
 }

 :where(.module-index .user-search-block) :is(.uSearchFl, .uSearchFlSbm, .allUsersBtn, a:has(> .allUsersBtn)),
 :where(.module-shop .order-layout) .order-detail-desc :is(select, input),
 :where(.module-shop .product-page) .shop-options-s,
 :where(.module-shop) :where(.flist) select {
 max-width: 100%;
 width: 100%
 }

 :where(.module-shop) :is(.slist),
 :where(.module-shop) :where(.flist) select {
 margin-top: var(--tpl-spacing-s)
 }

 :where(.module-shop .entry-layout) .shop_spec :is(.shop_spec_bg1, .shop_spec_bg2, :where(.shop_spec_grp:has(.shop_spec_val))) {
 align-items: stretch;
 flex-direction: column;
 gap: var(--tpl-spacing-s)
 }

 :where(.module-shop .order-layout) .order-summary .order__button,
 :where(.module-shop .entry-layout) .shop_spec .fstMultipleMode .fstControls {
 width: 100%
 }

 :where(.module-shop) :is(.breadcrumbs-table, .breadcrumbs-table :is(tbody, td)) {
 display: block
 }

 :where(.module-shop) .breadcrumbs-table>tbody>tr {
 align-items: start;
 display: flex;
 flex-direction: column;
 gap: var(--tpl-spacing-m)
 }

 :where(.module-shop) .breadcrumbs {
 overflow-x: auto;
 scrollbar-width: none;
 white-space: nowrap;
 width: 100%
 }

 :where(.module-shop .entry-layout) .shop-itempage-purchase {
 align-items: stretch;
 flex-direction: column;
 text-align: left
 }

 :where(.module-shop :where(.entry-layout .options-box, .price-layout .shop-options)) .val {
 align-items: start;
 display: flex;
 flex-direction: column;
 margin-top: var(--tpl-spacing-s)
 }

 :where(.module-shop .price-layout) #shop-price-buttons.gTableTop {
 align-items: stretch;
 flex-direction: column;
 left: 0;
 max-width: 100%;
 right: 0
 }

 :where(.module-shop .compare-layout) .tabs .shop-tabs {
 flex-wrap: nowrap;
 white-space: nowrap
 }

 :where(.module-shop .compare-layout) .tabs {
 overflow-x: auto;
 scrollbar-width: none;
 position: relative
 }

 :where(.product-page .gallery-thumbs-slider-container) .swiper-btn {
 display: none
 }

 :where(.module-gb .commTable) .commTd2 table>tbody>tr {
 display: flex;
 flex-direction: column;
 gap: var(--tpl-spacing-m)
 }

 :where(.module-gb .commTable) .commTd2 table>tbody>tr td {
 width: 100%
 }

 :where(.module-gb .commTable) .commTd2 table .smiles {
 grid-template-columns: repeat(auto-fill, minmax(16px, 1fr));
 width: auto;
 padding: 0;
 justify-items: start
 }

 :where(.goods-box) .product-card .product-img-link {
 height: 223px
 }

 :where(.team-box) .team-member {
 max-width: 222px
 }

 :where(.land-box) .land-box-photo {
 height: auto
 }

 :where(.module-index .userpm-layout) .userpm-messages-table td:nth-child(3) {
 display: none
 }

 :where(.module-index .userpm-layout .userpm-messages-table) td:nth-child(2) a:first-child {
 display: inline-block;
 max-width: 150px;
 overflow: hidden;
 text-overflow: ellipsis;
 vertical-align: middle;
 white-space: nowrap
 }

 :where(.module-index .userpm-layout) .userpm-add-table .userpm-add-label {
 color: light-dark(var(--tpl-dark-600), var(--tpl-dark-500));
 padding-bottom: var(--tpl-spacing-s);
 width: 100%
 }

 :where(.module-index .userpm-layout) .userpm-add-table .userpm-add-actions {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: var(--tpl-spacing-s)
 }

 :where(.module-index .userpm-layout .userpm-add-table) .userpm-add-actions #sbm {
 margin: 0
 }

 :where(.module-index .userpm-layout) :where(.userpm-add-table, .userpm-add-table :where(tbody, tr, td)) {
 display: block;
 text-align: left;
 width: auto
 }

 :where(.module-index .userpm-layout) :where(.userpm-add-table tr:not(:last-child) td:not(:has(#eMessage))) {
 padding: 0 0 var(--tpl-spacing-l) 0
 }

 :where(.subs-entry-card) .subs-entry-body {
 padding: 16px
 }

 :where(.subs-success-container) .subs-success-actions {
 flex-direction: column
 }
}

@media screen and (max-width:375px) {
 .main-menu {
 --menu-w: 268px
 }

 .module-stuff #uEntriesList .uEntryWrap {
 width: 100% !important
 }

 :where(.module-forum .forum-section-table) tr:has(.catLink) td>img {
 display: none
 }

 :where(.module-forum .post-card) .post-user-info {
 border-radius: 0;
 display: grid;
 grid-template-areas: 'user-name user-rank' 'user-group user-group' 'user-curator user-curator' 'manage-bar manage-bar';
 grid-template-columns: 2fr 1fr;
 justify-items: left;
 padding: var(--tpl-spacing-l);
 text-align: left
 }

 :where(.module-shop .invoices-layout #invoice-form > select) {
 flex-basis: 100%
 }

 :where(.module-shop) .products-box .goods-list {
 grid-template-columns: 1fr !important
 }
}