@font-face{
  font-family:"SdTrzin";
  src:url("fonts/SdTrzin.woff2") format("woff2-variations");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}

:root{
  --font-sdtrzin:"SdTrzin", Arial, "Helvetica Neue", sans-serif;
  --sdtrzin-title-size:clamp(28px, 2.2vw, 34px);
  --sdtrzin-title-weight:700;
  --sdtrzin-title-line-height:1.18;
  --sdtrzin-lead-size:18px;
  --sdtrzin-lead-weight:400;
  --sdtrzin-lead-line-height:1.5;
  --sdtrzin-heading-size:22px;
  --sdtrzin-heading-weight:700;
  --sdtrzin-heading-line-height:1.18;
  --sdtrzin-body-size:16px;
  --sdtrzin-body-weight:400;
  --sdtrzin-body-line-height:1.5;
  --sdtrzin-strong-body-weight:600;
  --sdtrzin-fact-title-size:22px;
  --sdtrzin-fact-title-weight:700;
  --sdtrzin-fact-title-line-height:1.18;
  --sdtrzin-fact-text-size:14px;
  --sdtrzin-fact-text-weight:400;
  --sdtrzin-fact-text-line-height:1.45;
  --info-blue:#063A68;
  --deep-blue:#021332;
  --clrDarkBlue:#021332;
  --menu-blue:#021332;
  --menu-test-blue:#0868b5;
  --dropdown-blue:#0f5f9f;
  --dropdown-hover-bg:#294662;
  --menu-accent-blue:#008bd2;
  --menu-hover-blue:#72f2ff;
  --scrollbar-track:#021332;
  --scrollbar-thumb:#0f5f9f;
  --scrollbar-thumb-hover:#008bd2;
  --dark-text:#10213a;
  --white:#ffffff;
  --content-width:1280px;
  --logo-progress:0;
  --info-height:74px;
  --menu-height:57px;
  --logo-large-width:340px;
  --logo-large-height:130px;
  --logo-small-width:150px;
  --logo-small-height:54px;
  --published-image-radius:14px;
}

@media (max-width:900px){
  :root{
    --info-height:50px;
    --menu-height:50px;
    --sdtrzin-title-size:25.5px;
    --sdtrzin-title-weight:700;
    --sdtrzin-title-line-height:1.18;
    --sdtrzin-lead-size:19px;
    --sdtrzin-lead-weight:400;
    --sdtrzin-lead-line-height:1.5;
    --sdtrzin-heading-size:20px;
    --sdtrzin-heading-weight:700;
    --sdtrzin-heading-line-height:1.18;
    --sdtrzin-body-size:18px;
    --sdtrzin-body-weight:400;
    --sdtrzin-body-line-height:1.5;
    --sdtrzin-strong-body-weight:600;
    --sdtrzin-fact-title-size:20px;
    --sdtrzin-fact-title-weight:700;
    --sdtrzin-fact-title-line-height:1.18;
    --sdtrzin-fact-text-size:15px;
    --sdtrzin-fact-text-weight:400;
    --sdtrzin-fact-text-line-height:1.45;
  }

  html,
  body{
    background:var(--clrDarkBlue);
  }

  main{
    background:#ffffff;
  }
}

*{
  box-sizing:border-box;
  font-family:var(--font-sdtrzin);
  scrollbar-width:thin;
  scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);
}

*::-webkit-scrollbar{
  width:11px;
  height:11px;
}

*::-webkit-scrollbar-track,
*::-webkit-scrollbar-corner{
  background:var(--scrollbar-track);
}

*::-webkit-scrollbar-thumb{
  min-width:34px;
  min-height:34px;
  border:2px solid var(--scrollbar-track);
  border-radius:999px;
  background:var(--scrollbar-thumb);
}

*::-webkit-scrollbar-thumb:hover{
  background:var(--scrollbar-thumb-hover);
}

*::-webkit-scrollbar-button{
  display:none;
  width:0;
  height:0;
}

html{
  margin:0;
  padding:0;
  scroll-behavior:smooth;
  overflow-x:hidden;
}

body{
  min-height:100vh;
  margin:0;
  padding:0;
  font-family:var(--font-sdtrzin);
  color:var(--dark-text);
  background:#ffffff;
  display:flex;
  flex-direction:column;
  overflow-x:hidden;
  top:0 !important;
}

body > .skiptranslate,
.goog-te-banner-frame{
  display:none !important;
}

button,
input,
textarea,
select,
summary{
  font-family:var(--font-sdtrzin);
}

a{
  color:inherit;
  text-decoration:none;
}

.FrameContent img:not([class*="Logo"]):not([class*="logo"]):not([class*="Icon"]):not([class*="icon"]):not([class*="Avatar"]):not([class*="avatar"]):not([class*="Flag"]):not([class*="flag"]):not(.SocialLoginIcon):not(.CheckBoxPlus),
.LoginIntroImage,
.ImageRounded{
  border-radius:var(--published-image-radius);
}

.ImageNoRadius,
.ImageSquare,
.BannerImage{
  border-radius:0;
}

.CountryFlag{
  display:inline-block;
  flex:0 0 auto;
  aspect-ratio:4 / 3;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.28);
  border-radius:3px;
  box-shadow:0 2px 6px rgba(0,18,48,.2);
  vertical-align:middle;
}

.CountryFlag--small{
  width:24px;
  height:18px;
}

.CountryFlag--large{
  width:96px;
  height:72px;
  border-radius:6px;
  box-shadow:0 5px 14px rgba(0,18,48,.24);
}

.SiteHeader{
  display:contents;
  margin:0;
  padding:0;
}

.FrameHeader{
  --frame-header-elevation:
    0 16px 30px rgba(0,10,30,.42),
    0 5px 14px rgba(0,139,210,.16);
}

main{
  flex:1 0 auto;
  display:flex;
  flex-direction:column;
  padding-bottom:56px;
}

.HeaderInner{
  width:min(var(--content-width), calc(100% - 48px));
  margin:0 auto;
}

.FrameInfoBar{
  position:relative;
  z-index:1000;
  min-height:var(--info-height);
  background:#08204A;
  color:rgba(255,255,255,.86);
  border-top:1px solid rgba(255,255,255,.2);
  border-bottom:1px solid rgba(255,255,255,.2);
}

.InfoInner{
  min-height:var(--info-height);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  font-size:16px;
  font-weight:600;
}

.InfoWordmark{
  display:inline-flex;
  flex-direction:column;
  align-items:stretch;
  color:#ffffff;
  font-family:var(--font-sdtrzin);
  font-size:44px;
  font-weight:900;
  line-height:.78;
  letter-spacing:.075em;
  text-transform:uppercase;
  text-decoration:none;
}

.InfoWordmark:hover{
  color:#ffffff;
}

.InfoTagline{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.72);
  font-size:12px;
  font-weight:600;
  line-height:1;
  letter-spacing:.035em;
  text-align:justify;
  text-align-last:justify;
  text-transform:none;
}

.InfoContact{
  width:268px;
  flex:0 0 268px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:16px;
}

.InfoSocials{
  display:flex;
  align-items:center;
  gap:14px;
  width:91px;
  flex:0 0 91px;
}

.InfoSocials a{
  width:21px;
  height:21px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffffff;
  opacity:.92;
  transition:opacity .18s ease;
}

.InfoSocials a:hover{
  opacity:1;
}

.InfoSocials svg{
  width:100%;
  height:100%;
  display:block;
  fill:currentColor;
}

.InfoAuth{
  display:flex;
  align-items:center;
  gap:14px;
  width:77px;
  flex:0 0 77px;
  color:#ffffff;
  font-size:13px;
  font-weight:500;
  letter-spacing:.01em;
  text-transform:uppercase;
}

.InfoDivider{
  width:1px;
  height:20px;
  display:block;
  background:rgba(255,255,255,.55);
}

.AuthDivider{
  width:1px;
  height:20px;
  flex:0 0 1px;
  display:block;
  background:rgba(255,255,255,.7);
}

.InfoAuth a{
  color:#ffffff;
  opacity:.96;
  white-space:nowrap;
  text-align:center;
  transition:opacity .18s ease;
}

.InfoAuth a:nth-of-type(1){
  width:62px;
  flex:0 0 62px;
}

.InfoAuth a:hover{
  opacity:1;
}

.HeaderUserMenu{
  position:relative;
  width:62px;
  flex:0 0 62px;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.HeaderAvatarButton{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  cursor:default;
}

.HeaderAvatarButton:focus-visible{
  outline:2px solid rgba(255,255,255,.85);
  outline-offset:3px;
}

.HeaderAvatar{
  width:34px;
  height:34px;
  display:block;
  border-radius:50%;
  object-fit:cover;
  background:#dddddf;
  box-shadow:0 0 0 1px rgba(255,255,255,.75);
}

.UserDropdown{
  position:absolute;
  top:calc(100% + 9px);
  right:0;
  z-index:5000;
  min-width:176px;
  padding:6px 8px;
  border:1px solid rgba(53,207,255,.22);
  border-radius:8px;
  background:
    radial-gradient(circle 220px at 18% -14%, rgba(53,207,255,.13), transparent 62%),
    linear-gradient(180deg, rgba(13,35,68,.96), rgba(5,22,48,.99));
  box-shadow:
    0 24px 70px rgba(0,8,24,.46),
    0 0 0 1px rgba(255,255,255,.04) inset;
  color:rgba(214,231,247,.9);
  text-transform:none;
  backdrop-filter:blur(16px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(12px);
  transition:
    opacity .2s ease,
    transform .28s cubic-bezier(.22,.9,.2,1),
    visibility 0s linear .28s;
}

.HeaderUserMenu.is-open .UserDropdown,
.UserDropdown.is-floating-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
  transition-delay:0s;
}

.UserDropdown a{
  position:relative;
  width:100%;
  min-height:40px;
  display:flex;
  align-items:center;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:5px;
  color:rgba(214,231,247,.9);
  font-size:16px;
  font-weight:620;
  line-height:1.15;
  text-align:left;
  white-space:nowrap;
  text-transform:none;
  text-decoration:none;
  opacity:1;
  transition:background-color .16s ease, color .16s ease;
}

.UserDropdown a + a::before{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  top:0;
  height:1px;
  background:rgba(53,207,255,.34);
  transform:scaleY(.5);
  transform-origin:top;
}

.UserDropdown a:hover,
.UserDropdown a:focus-visible{
  border-color:rgba(53,207,255,.22);
  background:rgba(255,255,255,.08);
  color:#ffffff;
  outline:none;
}

.LanguageToggle{
  width:34px;
  flex:0 0 34px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:0;
  background:transparent;
  color:#ffffff;
  cursor:pointer;
}

.LanguageToggle img{
  width:30px;
  height:20px;
  display:block;
  object-fit:cover;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(255,255,255,.45);
}

.LanguageToggle span{
  display:block;
  transform:translateY(-1px);
}

.FrameMainMenu{
  position:sticky;
  top:0;
  z-index:1100;
  min-height:var(--menu-height);
  background:var(--menu-blue);
  color:var(--white);
  border-bottom:1px solid rgba(255,255,255,.2);
  box-shadow:
    var(--frame-header-elevation),
    0 2px 0 rgba(255,255,255,.08) inset;
}

.FrameMainMenu:has(.DesktopMenuItem:hover),
.FrameMainMenu:has(.DesktopMenuItem.is-open){
  z-index:4100;
}

.FrameMainMenu::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:var(--menu-accent-blue);
  pointer-events:none;
}

@media (min-width:901px){
  body.frame-info-hidden .FrameMainMenu{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:3200;
  }

  body.frame-info-hidden main{
    padding-top:var(--menu-height);
  }
}

.FrameShortMenu{
  display:none;
  min-height:0;
  background:var(--menu-blue);
  color:#ffffff;
}

.ShortMenuInner{
  min-height:0;
}

.ShortMenuLink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  color:#ffffff;
  font-family:var(--font-sdtrzin);
  font-size:16px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  transition:background-color .18s ease, color .18s ease;
}

.ShortMenuLink:hover,
.ShortMenuLink:focus-visible,
.ShortMenuLink.is-active{
  background:rgba(255,255,255,.16);
  color:#ffffff;
}

.MenuInner{
  position:relative;
  min-height:var(--menu-height);
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:190px;
}

.MenuGroup{
  display:flex;
  align-items:center;
  gap:6px;
  font-family:var(--font-sdtrzin);
  font-size:16px;
  font-weight:700;
}

.MenuGroupRight{
  justify-content:flex-end;
}

.MenuGroupLeft > [data-i18n="navNews"],
.MenuGroupRight > [data-i18n="navGallery"]{
  margin-left:14px;
}

.MenuGroup .MainMenuLink{
  opacity:1;
  font-family:var(--font-sdtrzin);
  font-size:16px;
  font-weight:700;
  padding:0 15px;
  transition:opacity .18s ease, color .18s ease, background-color .18s ease;
}

.MenuGroup a:hover,
.MenuGroup a:focus-visible{
  color:#ffffff;
  opacity:1;
}

.MenuGroup > .MainMenuLink{
  position:relative;
  height:38px;
  min-height:0;
  display:flex;
  align-items:center;
  border-radius:999px;
}

.MenuGroup > a:hover,
.MenuGroup > a:focus-visible,
.MenuGroup > a.is-active{
  background:rgba(255,255,255,.16);
}

.MainMenuLinkStatic,
.MobileMenuLinkStatic{
  cursor:default;
}

.MobileMenuLinkStatic:hover{
  border-color:transparent;
  background:transparent;
  color:rgba(214,231,247,.9);
}

.DesktopMenuItem{
  position:relative;
  min-height:var(--menu-height);
  display:flex;
  align-items:center;
}

.DesktopMenuTrigger{
  position:relative;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 14px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#ffffff;
  font:inherit;
  line-height:1;
  cursor:pointer;
  opacity:1;
  transition:opacity .18s ease, color .18s ease, background-color .18s ease;
}

.DesktopMenuTrigger:hover,
.DesktopMenuItem.is-open .DesktopMenuTrigger,
.DesktopMenuTrigger.is-active{
  background:rgba(255,255,255,.16);
  color:#ffffff;
  opacity:1;
}

.DesktopMenuTrigger::after{
  content:"";
  width:4px;
  height:4px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  opacity:.74;
  transform:translateY(-1px) rotate(45deg);
  transition:transform .18s ease, opacity .18s ease;
}

.DesktopMenuItem.is-open .DesktopMenuTrigger::after{
  opacity:1;
  transform:translateY(1px) rotate(225deg);
}

.DesktopMenuDropdown{
  position:absolute;
  top:calc(100% - 5px);
  left:0;
  z-index:4150;
  min-width:174px;
  width:max-content;
  max-width:min(320px, calc(100vw - 32px));
  padding:10px 0;
  background:#ffffff;
  color:var(--menu-blue);
  border:1px solid rgba(2,19,50,.12);
  border-radius:4px;
  box-shadow:0 16px 28px rgba(0,16,34,.18);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(12px);
  transition:
    opacity .2s ease,
    transform .28s cubic-bezier(.22,.9,.2,1),
    visibility 0s linear .28s;
}

.DesktopMenuDropdown::before,
.DesktopMenuDropdown::after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  height:1px;
  background:rgba(2,19,50,.14);
  pointer-events:none;
}

.DesktopMenuDropdown::before{
  top:10px;
}

.DesktopMenuDropdown::after{
  bottom:10px;
}

.MenuGroupRight .DesktopMenuDropdown{
  left:auto;
  right:0;
  transform:translateY(12px);
}

.DesktopMenuDropdown--from-left{
  transform:translate(-14px, 12px);
  transform-origin:left top;
}

.DesktopMenuItem.is-open .DesktopMenuDropdown{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
  transition-delay:0s;
}

.DesktopMenuItem.is-open .DesktopMenuDropdown--from-left{
  transform:translate(0, 0);
}

.MenuGroupRight .DesktopMenuItem.is-open .DesktopMenuDropdown{
  transform:translateY(0);
}

.DesktopMenuDropdown a{
  position:relative;
  display:block;
  width:calc(100% - 12px);
  margin:0 6px;
  padding:13px 24px;
  border-radius:3px;
  color:var(--menu-blue);
  font-family:var(--font-sdtrzin);
  font-size:13px;
  font-weight:500;
  line-height:1.2;
  text-align:left;
  white-space:nowrap;
  opacity:1;
  transition:background-color .16s ease, color .16s ease, font-weight .16s ease;
}

.DesktopMenuDropdown a + a::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:1px;
  background:rgba(2,19,50,.14);
}

.DesktopMenuDropdown a:hover,
.DesktopMenuDropdown a:focus-visible{
  background:#f4f6f8;
  color:var(--menu-blue);
}

.DesktopMenuDropdown a.is-active,
.DesktopMenuDropdown a.is-open-active{
  background:var(--menu-blue);
  color:#ffffff;
  font-weight:800;
}

.DesktopMenuDropdown a:hover::before,
.DesktopMenuDropdown a:focus-visible::before,
.DesktopMenuDropdown a.is-active::before,
.DesktopMenuDropdown a.is-open-active::before{
  opacity:0;
}

.BrandLogo{
  --logo-width:calc(var(--logo-large-width) - ((var(--logo-large-width) - var(--logo-small-width)) * var(--logo-progress)));
  --logo-height:calc(var(--logo-large-height) - ((var(--logo-large-height) - var(--logo-small-height)) * var(--logo-progress)));
  --logo-start-top:calc(((var(--info-height) + var(--menu-height) - var(--logo-large-height)) / 2) - var(--info-height));
  --logo-end-top:calc((var(--menu-height) - var(--logo-small-height)) / 2);
  --logo-top:calc(var(--logo-start-top) + ((var(--logo-end-top) - var(--logo-start-top)) * var(--logo-progress)));
  position:absolute;
  left:50%;
  top:var(--logo-top);
  z-index:3;
  width:var(--logo-width);
  height:var(--logo-height);
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  filter:drop-shadow(0 8px 16px rgba(0,20,45,.28));
  transform:translateX(-50%);
}

.BrandLogo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.MobileMenuToggle,
.MobileHeaderAuth,
.MobileLanguageToggle,
.MobileMenuWordmark,
.MobileMenuPanel{
  display:none;
}

.FrameHeroNews{
  --hero-image:url("assets/imgHeroStrelstvo.jpg");
  --hero-bottom-offset:32px;
  min-height:530px;
  position:relative;
  display:flex;
  align-items:flex-end;
  padding:0 24px 150px;
  color:#ffffff;
  overflow:hidden;
  background:
    linear-gradient(to top, #001b3a 0%, rgba(0,27,58,.86) 26%, rgba(0,27,58,.52) 62%, rgba(0,27,58,.18) 100%),
    var(--hero-image) center center / cover no-repeat;
  box-shadow:0 26px 46px rgba(0,18,42,.42);
}

.FrameHeroNews::before{
  content:none;
}

.FrameHeroNews::after{
  content:none;
}

@media (min-width:901px){
  .IndexHeroNews{
    min-height:720px;
    padding-bottom:clamp(218px, calc(12vw + 95px), 268px);
    background:
      linear-gradient(to top, #001b3a 0%, rgba(0,27,58,.86) 26%, rgba(0,27,58,.52) 62%, rgba(0,27,58,.18) 100%),
      var(--hero-image) center center / cover no-repeat;
    box-shadow:0 26px 46px rgba(0,18,42,.42);
  }
}

/* Temporary neutral presentation: show every news image without zooming,
   cropping or focus-point positioning. */
.IndexHeroNews[data-hero-news]{
  background-color:#001b3a;
  background-image:
    linear-gradient(to top, #001b3a 0%, rgba(0,27,58,.76) 26%, rgba(0,27,58,.30) 62%, rgba(0,27,58,.08) 100%),
    var(--hero-image);
  background-position:center center, center top;
  background-size:auto, contain;
  background-repeat:no-repeat, no-repeat;
}

.IndexHeroNews[data-hero-news][data-image-format="standard"],
.IndexHeroNews[data-hero-news][data-image-format="portrait"]{
  background-position:center center, center center;
  background-size:auto, cover;
}

@media (min-width:901px){
  .IndexHeroNews[data-hero-news]{
    isolation:isolate;
    background:#001b3a;
  }

  .IndexHeroNews[data-hero-news]::before{
    content:"";
    position:absolute;
    z-index:0;
    top:0;
    bottom:0;
    left:50%;
    width:min(1280px, 100%);
    display:block;
    background-image:var(--hero-image);
    background-position:center top;
    background-size:100% auto;
    background-repeat:no-repeat;
    transform:translateX(-50%);
  }

  .IndexHeroNews[data-hero-news][data-image-format="standard"]::before,
  .IndexHeroNews[data-hero-news][data-image-format="portrait"]::before{
    background-position:center center;
    background-size:cover;
  }

  .IndexHeroNews[data-hero-news]::after{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    display:block;
    pointer-events:none;
    background-image:
      linear-gradient(to right,
        #001b3a 0,
        rgba(0,27,58,0) min(200px, 16vw),
        rgba(0,27,58,0) calc(100% - min(200px, 16vw)),
        #001b3a 100%),
      linear-gradient(to top,
        rgba(0,27,58,.94) 0%,
        rgba(0,27,58,.72) 38%,
        rgba(0,27,58,.28) 72%,
        rgba(0,27,58,0) 100%);
    background-position:center center, center bottom;
    background-size:100% 100%, 100% 360px;
    background-repeat:no-repeat;
  }
}

.HeroOverlay{
  position:relative;
  z-index:1;
  width:min(var(--content-width), calc(100% - 48px));
  margin:0 auto;
}

.HeroTextPanel{
  width:100%;
  min-height:132px;
  padding:24px 28px 26px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:rgba(2,15,34,.70);
  box-shadow:0 14px 30px rgba(0,12,28,.18);
}

.HeroKicker{
  width:max-content;
  margin:0 0 12px 28px;
  padding:5px 9px;
  background:#d71920;
  color:#ffffff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.HeroNewsTitleLink{
  color:inherit;
  text-decoration:none;
  transition:color .18s ease, text-shadow .18s ease;
}

.HeroNewsTitleLink:hover,
.HeroNewsTitleLink:focus-visible{
  color:#8bdde8;
  text-decoration:none;
}

.HeroNewsMainTitleLink:hover,
.HeroNewsMainTitleLink:focus-visible{
  text-shadow:0 0 14px rgba(139,221,232,.22);
}

.HeroOverlay h1{
  width:100%;
  max-width:none;
  margin:0;
  color:#ffffff;
  font-size:clamp(20px, 3.1vw, 38px);
  line-height:1.12;
  letter-spacing:0;
  padding-bottom:.08em;
  overflow:hidden;
  display:-webkit-box;
  text-overflow:clip;
  white-space:normal;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.HeroOverlay p:last-child{
  max-width:100%;
  margin:14px 0 0;
  font-size:16px;
  line-height:1.5;
  display:none;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.HeroNewsDate{display:none;}

.HeroNewsCards{
  position:absolute;
  left:50%;
  bottom:var(--hero-bottom-offset);
  z-index:2;
  width:min(var(--content-width), calc(100% - 96px));
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px;
}

.HeroNewsCard{
  min-height:104px;
  padding:18px 20px 17px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  border:0;
  background:rgba(2,15,34,.66);
  color:#ffffff;
  text-decoration:none;
  text-align:left;
  cursor:pointer;
  box-shadow:0 14px 30px rgba(0,12,28,.22);
  transition:background .18s ease, transform .18s ease;
}

.HeroNewsCard:hover,
.HeroNewsCard:focus-visible{
  background:rgba(2,24,52,.82);
  transform:translateY(-3px);
}

.HeroNewsCard::before{
  content:"";
  width:100%;
  height:1px;
  margin-bottom:13px;
  display:block;
  background:rgba(255,255,255,.55);
}

.HeroNewsCardMedia{display:none;}

@media (min-width:901px){
  .IndexHeroNews[data-hero-news]{
    display:grid;
    grid-template-rows:minmax(0, 1fr) auto;
    align-items:stretch;
    padding:0 0 12px;
  }

  .IndexHeroNews[data-hero-news] .HeroOverlay{
    align-self:end;
  }

  .IndexHeroNews .HeroTextPanel{
    height:auto;
    min-height:0;
    padding:14px 28px 13px;
    justify-content:flex-start;
  }

  .IndexHeroNews .HeroNewsCard{
    min-height:198px;
    padding:12px 18px 16px;
  }

  .IndexHeroNews .HeroNewsCard::before{
    display:none;
  }

  .IndexHeroNews .HeroNewsCardMedia{
    order:0;
    width:100%;
    height:auto;
    aspect-ratio:16 / 9;
    margin-bottom:12px;
    display:block;
    overflow:hidden;
    background:rgba(255,255,255,.08);
  }

  .IndexHeroNews .HeroNewsCardMedia img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:
      var(--hero-card-focus-x, 50%)
      var(--hero-card-focus-y, 50%);
    transition:transform .22s ease, filter .22s ease;
  }

  .IndexHeroNews .HeroNewsCard[data-format="standard"]{
    --hero-card-focus-y:32%;
  }

  .IndexHeroNews .HeroNewsCard[data-format="portrait"]{
    --hero-card-focus-y:22%;
  }

  .IndexHeroNews .HeroNewsCard:hover .HeroNewsCardMedia img,
  .IndexHeroNews .HeroNewsCard:focus-visible .HeroNewsCardMedia img{
    filter:brightness(1.06);
    transform:scale(1.025);
  }

  .IndexHeroNews .HeroNewsCard::after{
    content:"";
    order:1;
    width:100%;
    height:1px;
    margin-bottom:13px;
    display:block;
    background:rgba(255,255,255,.55);
  }

  .IndexHeroNews .HeroNewsCard[data-news-key="skirca"]::before{
    background-image:linear-gradient(90deg, rgba(8,32,74,.18), rgba(8,32,74,.02)), url("assets/index-arhiv/imgSkircaOpen.jpg");
  }

  .IndexHeroNews .HeroNewsCard[data-news-key="membership"]::before{
    background-image:linear-gradient(90deg, rgba(8,32,74,.18), rgba(8,32,74,.02)), url("assets/index-arhiv/trening-mladi.jpg");
  }

  .IndexHeroNews .HeroNewsCard[data-news-key="results"]::before{
    background-image:linear-gradient(90deg, rgba(8,32,74,.18), rgba(8,32,74,.02)), url("assets/index-arhiv/ekipni-uspehi.jpg");
  }

  .IndexHeroNews .HeroNewsCard[data-news-key="calendar"]::before{
    background-image:linear-gradient(90deg, rgba(8,32,74,.18), rgba(8,32,74,.02)), url("assets/index-arhiv/velika-tekmovanja.jpg");
  }

  .IndexHeroNews .HeroNewsTitle{
    order:2;
  }

  .IndexHeroNews .HeroNewsCardDate{
    order:3;
    margin-top:9px;
    display:block;
    color:rgba(255,255,255,.7);
    font-size:12px;
    font-weight:600;
    line-height:1;
    letter-spacing:.04em;
  }

  .IndexHeroNews .HeroNewsSummary{
    order:4;
  }

  .IndexHeroNews .HeroNewsMainDate{
    margin-top:7px;
    display:block;
    color:rgba(255,255,255,.72);
    font-size:13px;
    font-weight:600;
    line-height:1;
    letter-spacing:.04em;
  }

  .IndexHeroNews .HeroNewsCards{
    position:static;
    left:auto;
    bottom:auto;
    margin:0 auto;
    transform:none;
  }
}

.HeroNewsTitle{
  width:100%;
  color:#e2e7ed;
  font-size:18px;
  font-weight:500;
  line-height:1.1;
  letter-spacing:-.01em;
  display:-webkit-box;
  overflow:hidden;
  text-overflow:clip;
  white-space:normal;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  transition:color .18s ease;
}

.HeroNewsCard:focus-visible .HeroNewsTitle{
  color:#e8c878;
}

@media (min-width:801px){
  .HeroNewsTitle{
    color:#ffffff;
    font-weight:600;
  }
}

.HeroNewsSummary{
  width:100%;
  display:none;
  margin-top:8px;
  color:rgba(255,255,255,.76);
  font-size:14px;
  line-height:1.25;
  font-weight:500;
  letter-spacing:.01em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.MobileHeroNewsProgress,
.MobileLatestNews,
.MobileSkircaBannerFrame{
  display:none;
}

@media (max-width:900px){
  .IndexHeroNews[data-hero-news]{
    height:100vw;
    min-height:0;
    padding:0 22px 94px;
    align-items:flex-end;
    background-image:var(--hero-image) !important;
    background-position:center center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    box-shadow:none;
  }

  .IndexHeroNews[data-hero-news]::after{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    width:auto;
    height:auto;
    display:block;
    pointer-events:none;
    background:linear-gradient(
      to top,
      #001b3a 0%,
      rgba(0,27,58,.92) 20%,
      rgba(0,27,58,.58) 38%,
      rgba(0,27,58,.22) 51%,
      rgba(0,27,58,0) 62%
    );
    -webkit-mask-image:none;
    mask-image:none;
    -webkit-mask-size:auto;
    mask-size:auto;
  }

  .IndexHeroNews .HeroOverlay{
    z-index:1;
    bottom:38px;
    width:100%;
    max-height:none;
    overflow:visible;
  }

  .IndexHeroNews .HeroKicker{
    margin:0 0 10px 16px;
    padding:5px 9px;
    background:#d71920;
    font-size:12px;
  }

  .IndexHeroNews .HeroTextPanel{
    min-height:0;
    padding:10px 16px 16px;
    background:transparent;
    box-shadow:none;
  }

  .IndexHeroNews .HeroOverlay h1{
    overflow:visible;
    display:block;
    font-size:clamp(24px, 7vw, 32px);
    line-height:1.08;
    text-align:left;
    -webkit-line-clamp:unset;
  }

  .IndexHeroNews .HeroOverlay p:last-child{
    display:none;
  }

  .MobileHeroNewsProgress{
    position:absolute;
    z-index:3;
    left:22px;
    right:22px;
    bottom:14px;
    display:grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
    gap:6px;
  }

  .MobileHeroNewsProgressItem{
    height:18px;
    padding:8px 0;
    border:0;
    background:transparent;
    cursor:pointer;
  }

  .MobileHeroNewsProgressItem span{
    position:relative;
    width:100%;
    height:2px;
    display:block;
    overflow:hidden;
    background:rgba(255,255,255,.38);
  }

  .MobileHeroNewsProgressItem span::after{
    content:"";
    position:absolute;
    inset:0;
    background:#fff;
    transform:scaleX(0);
    transform-origin:left;
  }

  .MobileHeroNewsProgressItem.is-active span::after{
    animation:mobileHeroProgress 7s linear forwards;
  }

  .MobileLatestNews{
    padding:26px 16px 32px;
    display:grid;
    gap:14px;
    background:#f3f5f7;
  }

  .MobileSkircaBannerFrame{
    display:block;
    width:100%;
    margin:0;
  }

  .MobileLatestNewsCard{
    height:96px;
    min-height:96px;
    display:grid;
    text-decoration:none;
    grid-template-columns:38% 1fr;
    overflow:hidden;
    border-radius:12px;
    background:#fff;
    box-shadow:0 8px 20px rgba(0,27,58,.08);
  }

  .MobileLatestNewsCardMain{
    height:auto;
    display:block;
  }

  .MobileLatestNewsMedia{
    min-width:0;
    display:block;
    overflow:hidden;
    background:#dbe2e9;
  }

  .MobileLatestNewsMedia img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
  }

  .MobileLatestNewsCard:not(.MobileLatestNewsCardMain) .MobileLatestNewsMedia{
    height:96px;
    min-height:96px;
  }

  .MobileLatestNewsCardMain .MobileLatestNewsMedia{
    height:44vw;
    max-height:260px;
  }

  .MobileLatestNewsBody{
    min-width:0;
    padding:16px;
    display:flex;
    flex-direction:column;
  }

  .MobileLatestNewsCardMain .MobileLatestNewsBody{
    padding:13px 18px 15px;
  }

  .MobileLatestNewsBody h2{
    margin:0;
    color:#111a25;
    font-size:15px;
    font-weight:600;
    line-height:1.18;
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
  }

  .MobileLatestNewsCardMain .MobileLatestNewsBody h2{
    color:var(--menu-blue);
    font-size:19px;
    font-weight:800;
    line-height:1.16;
    -webkit-line-clamp:3;
  }

  .MobileLatestNewsBody p{
    margin:12px 0 0;
    color:#3b4652;
    font-size:16px;
    line-height:1.45;
  }

  .MobileLatestNewsCardMain .MobileLatestNewsBody p{
    margin-top:8px;
    display:-webkit-box;
    overflow:hidden;
    font-size:15px;
    line-height:1.38;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
  }

  .MobileLatestNewsMeta{
    margin-top:auto;
    padding-top:14px;
    display:flex;
    align-items:center;
    gap:12px;
    color:#66717e;
    font-size:12px;
  }

  .MobileLatestNewsMeta strong{
    color:#0a4f91;
    text-transform:uppercase;
  }

  .MobileLatestNewsMeta strong::after{
    content:"";
    width:24px;
    height:1px;
    margin-left:12px;
    display:inline-block;
    vertical-align:middle;
    background:#8a949f;
  }

  .MobileLatestNewsCardNoImage{
    grid-template-columns:1fr;
  }
}

@media (max-width:900px) and (max-height:700px){
  .IndexHeroNews[data-hero-news]{
    padding-bottom:88px;
  }

  .IndexHeroNews .HeroOverlay h1{
    font-size:clamp(22px, 6.5vw, 29px);
    -webkit-line-clamp:unset;
  }
}

@keyframes mobileHeroProgress{
  to{transform:scaleX(1);}
}

@media (max-width:900px) and (prefers-reduced-motion:reduce){
  .MobileHeroNewsProgressItem.is-active span::after{
    animation:none;
    transform:scaleX(1);
  }
}

.FrameTOPNews{
  width:100%;
}

.IndexSkircaContent{
  min-height:auto;
  padding:10px 0 56px;
  background:
    linear-gradient(132deg, rgba(206,214,224,.16) 0 13%, rgba(255,255,255,0) 13.4%) 0 0 / 142px 108px repeat,
    linear-gradient(48deg, rgba(226,231,237,.24) 0 15%, rgba(255,255,255,0) 15.4%) 38px 0 / 156px 116px repeat,
    linear-gradient(226deg, rgba(190,199,211,.13) 0 12%, rgba(255,255,255,0) 12.4%) 86px 0 / 168px 124px repeat,
    linear-gradient(315deg, rgba(218,224,232,.18) 0 17%, rgba(255,255,255,0) 17.4%) 12px 42px / 162px 122px repeat,
    linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.94) 48%, #ffffff 100%),
    #ffffff;
}

.IndexSkircaContent .FrameTOPNews{
  position:static;
  width:min(1280px, 100%);
  margin:0 auto;
  transform:none;
}

.newsInternoCards{
  width:min(1280px, 100%);
  margin:32px auto 0;
}

.newsInternoCardGrid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
}

.newsInternoCard{
  border:1px solid rgba(0,44,80,.16);
  border-radius:8px;
  background:#ffffff;
  font-family:var(--font-sdtrzin);
  box-shadow:0 10px 26px rgba(0,22,48,.09);
  overflow:hidden;
  transition:box-shadow .18s ease, transform .18s ease;
}

.newsInternoCard:hover{
  box-shadow:0 16px 34px rgba(0,22,48,.14);
  transform:translateY(-2px);
}

.newsInternoCard a{
  display:block;
  height:100%;
  color:inherit;
  font-family:var(--font-sdtrzin);
  text-decoration:none;
}

.newsInternoCardMedia{
  position:relative;
  display:block;
  overflow:hidden;
  background:var(--menu-blue);
}

.newsInternoCard img{
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
  border-radius:0;
  transition:transform .24s ease;
}

.newsInternoCard a:hover img,
.newsInternoCard a:focus-visible img{
  transform:scale(1.035);
}

.newsInternoCardNoImage .newsInternoCardMedia{
  aspect-ratio:16 / 9;
  background:#ffffff;
}

.newsInternoCardRibbon{
  position:absolute;
  left:0;
  bottom:4px;
  z-index:2;
  width:max-content;
  max-width:calc(100% - 24px);
  height:26px;
  display:flex;
  align-items:center;
  padding:0 28px 0 15px;
  background:var(--menu-blue);
  color:#ffffff;
  font-family:var(--font-sdtrzin);
  font-size:13px;
  font-weight:800;
  line-height:1;
  letter-spacing:0;
  text-transform:uppercase;
  border-radius:0;
  clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 100%, 0 100%);
}

.newsInternoCardRibbon::after{
  content:none;
}

.newsInternoCardMedia::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:1;
  height:4px;
  background:var(--menu-blue);
  pointer-events:none;
}

.newsInternoCard div{
  padding:22px 24px 24px;
}

.newsInternoCard h3{
  margin:0 0 10px;
  color:#111820;
  font-family:var(--font-sdtrzin);
  font-size:25px;
  font-weight:800;
  line-height:1.14;
  letter-spacing:0;
  display:-webkit-box;
  min-height:calc(2 * 1.18em);
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.newsInternoCard p{
  margin:0;
  color:#425b72;
  font-family:var(--font-sdtrzin);
  font-size:14px;
  font-weight:400;
  line-height:1.48;
  letter-spacing:0;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.newsMostRead{
  min-width:0;
  min-height:0;
  height:100%;
  contain:size;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(0,44,80,.16);
  border-radius:8px;
  overflow:hidden;
  background:#ffffff;
  box-shadow:0 10px 26px rgba(0,22,48,.09);
}

.newsMostReadHeader{
  min-height:42px;
  margin:0;
  padding:5px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#021332;
}

.FrameContent .newsMostReadHeader h2{
  margin:0;
  color:#ffffff;
  font-family:var(--font-sdtrzin);
  font-size:20px;
  font-weight:800;
  line-height:1;
  letter-spacing:.01em;
  text-align:center;
  text-transform:uppercase;
}

.newsMostReadList{
  flex:1 1 auto;
  min-height:0;
  margin:0;
  padding:10px;
  display:grid;
  grid-template-rows:repeat(7, minmax(0, 1fr));
  gap:8px;
  overflow:hidden;
  background:#c8dfea;
  box-shadow:inset 0 1px 0 rgba(0,44,80,.12);
  list-style:none;
}

.newsMostReadList li{
  min-height:0;
}

.newsMostReadList a{
  position:relative;
  height:100%;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(88px, 36%) minmax(0, 1fr);
  align-items:stretch;
  color:inherit;
  overflow:hidden;
  border:1px solid rgba(0,44,80,.14);
  border-radius:8px;
  background:#ffffff;
  transition:background .18s ease, color .18s ease;
}

.newsMostReadList a:hover,
.newsMostReadList a:focus-visible{
  color:#0876b7;
  background:#f9fcfe;
  outline:none;
}

.newsMostReadRank{
  position:absolute;
  top:6px;
  right:6px;
  width:25px;
  height:25px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:2px;
  background:#021332;
  color:#ffffff;
  font-size:12.5px;
  font-weight:900;
  line-height:1;
}

.newsMostReadMedia{
  position:relative;
  width:100%;
  height:100%;
  min-height:0;
  display:block;
  overflow:hidden;
  background:#dce8f0;
}

.newsMostReadMedia img{
  width:100%;
  height:100%;
  min-height:0;
  display:block;
  object-fit:cover;
}

.newsMostReadMedia::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:1;
  height:3px;
  background:#021332;
}

.newsMostReadRibbon{
  position:absolute;
  left:0;
  bottom:3px;
  z-index:2;
  max-width:calc(100% - 12px);
  height:22px;
  padding:0 22px 0 10px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#021332;
  color:#ffffff;
  font-size:10px;
  font-weight:800;
  line-height:1;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
  clip-path:polygon(0 0, calc(100% - 13px) 0, 100% 100%, 0 100%);
}

.newsMostReadBody{
  min-width:0;
  padding:8px 35px 8px 10px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.newsMostReadBody time{
  margin-bottom:4px;
  color:#66798b;
  font-size:9.5px;
  font-weight:700;
  line-height:1;
  letter-spacing:.02em;
}

.newsMostReadBody strong{
  color:#111820;
  font-size:13px;
  font-weight:800;
  line-height:1.15;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

@media (min-width:1101px){
  .newsInternoCardGrid{
    grid-template-columns:repeat(4, minmax(0, 1fr)) minmax(300px, .94fr);
    grid-template-rows:auto 124px 124px;
    align-items:stretch;
  }

  .newsInternoCard:nth-child(1){
    grid-column:1 / 3;
    grid-row:1;
  }

  .newsInternoCard:nth-child(2){
    grid-column:3 / 5;
    grid-row:1;
  }

  .newsInternoCard:nth-child(3){
    grid-column:1 / 3;
    grid-row:2;
  }

  .newsInternoCard:nth-child(4){
    grid-column:1 / 3;
    grid-row:3;
  }

  .newsInternoCard:nth-child(5){
    grid-column:3 / 5;
    grid-row:2;
  }

  .newsInternoCard:nth-child(6){
    grid-column:3 / 5;
    grid-row:3;
  }

  .newsInternoCard:nth-child(-n+2) img{
    aspect-ratio:4 / 3;
  }

  .newsInternoCard:nth-child(n+3):nth-child(-n+6) a{
    display:grid;
    grid-template-columns:minmax(104px, 34%) minmax(0, 1fr);
    min-height:0;
    overflow:hidden;
  }

  .newsInternoCard:nth-child(n+3):nth-child(-n+6) .newsInternoCardMedia{
    height:100%;
    min-height:0;
  }

  .newsInternoCard:nth-child(n+3):nth-child(-n+6) img{
    width:100%;
    height:100%;
    min-height:0;
    aspect-ratio:auto;
  }

  .newsInternoCard:nth-child(n+3):nth-child(-n+6) .newsInternoCardRibbon{
    height:22px;
    padding-left:11px;
    padding-right:24px;
    font-size:10.5px;
    font-weight:600;
  }

  .newsInternoCard:nth-child(n+3):nth-child(-n+6) div{
    min-width:0;
    padding:11px 14px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
  }

  .newsInternoCard:nth-child(n+3):nth-child(-n+6) h3{
    min-height:0;
    margin:0 0 5px;
    font-size:14px;
    line-height:1.18;
    -webkit-line-clamp:2;
  }

  .newsInternoCard:nth-child(n+3):nth-child(-n+6) p{
    display:-webkit-box;
    font-size:13px;
    line-height:1.28;
    -webkit-line-clamp:3;
  }

  .newsMostRead{
    grid-column:5;
    grid-row:1 / 4;
  }
}

@media (min-width:801px) and (max-width:1100px){
  .newsMostRead{
    grid-column:1 / -1;
  }

  .newsMostReadList{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-template-rows:auto;
    column-gap:24px;
  }
}

.newsInternoSliderButton{
  display:none;
}

.newsInternoMobile{
  display:none;
}

@media (max-width:800px){
.newsInternoCards[data-interno-news-slider]{
  --interno-card-gap:18px;
  --interno-card-width:calc((100% - (2 * var(--interno-card-gap))) / 3);
  position:relative;
  padding:0 50px;
}

.newsInternoSliderViewport{
  width:100%;
  overflow:hidden;
}

.newsInternoCards[data-interno-news-slider] .newsInternoCardGrid{
  width:100%;
  display:flex;
  grid-template-columns:none;
  grid-template-rows:none;
  gap:var(--interno-card-gap);
  align-items:stretch;
  cursor:grab;
  touch-action:pan-y;
  user-select:none;
  transform:translateX(0);
  transition:transform .34s cubic-bezier(.22,.9,.2,1);
}

.newsInternoCards[data-interno-news-slider] .newsInternoCardGrid.is-dragging{
  cursor:grabbing;
}

.newsInternoCards[data-interno-news-slider] .newsInternoCard{
  width:var(--interno-card-width);
  flex:0 0 var(--interno-card-width);
  grid-column:auto;
  grid-row:auto;
  background:linear-gradient(160deg, #ffffff 0%, #f4f8fc 100%);
  border-color:rgba(16,55,88,.16);
  box-shadow:0 12px 28px rgba(18,48,74,.11);
}

.newsInternoCards[data-interno-news-slider] .newsInternoCard:nth-child(3n+2){
  background:linear-gradient(160deg, #fbfdff 0%, #edf3f8 100%);
}

.newsInternoCards[data-interno-news-slider] .newsInternoCard:nth-child(3n){
  background:linear-gradient(160deg, #f7fafc 0%, #e7eef5 100%);
}

.newsInternoCards[data-interno-news-slider] .newsInternoCard a,
.newsInternoCards[data-interno-news-slider] .newsInternoCard:nth-child(n+3) a{
  height:100%;
  display:block;
  min-height:0;
}

.newsInternoCards[data-interno-news-slider] .newsInternoCardMedia,
.newsInternoCards[data-interno-news-slider] .newsInternoCard:nth-child(n+3) .newsInternoCardMedia{
  height:auto;
  min-height:0;
}

.newsInternoCards[data-interno-news-slider] .newsInternoCard img,
.newsInternoCards[data-interno-news-slider] .newsInternoCard:nth-child(n+3) img,
.newsInternoCards[data-interno-news-slider] .newsInternoCard:nth-child(-n+2) img{
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:16 / 9;
}

.newsInternoCards[data-interno-news-slider] .newsInternoCardRibbon,
.newsInternoCards[data-interno-news-slider] .newsInternoCard:nth-child(n+3) .newsInternoCardRibbon{
  height:26px;
  padding:0 28px 0 15px;
  font-size:13px;
  font-weight:800;
}

.newsInternoCards[data-interno-news-slider] .newsInternoCard div,
.newsInternoCards[data-interno-news-slider] .newsInternoCard:nth-child(n+3) div{
  min-width:0;
  padding:20px 22px 22px;
  display:block;
}

.newsInternoCards[data-interno-news-slider] .newsInternoCard h3,
.newsInternoCards[data-interno-news-slider] .newsInternoCard:nth-child(n+3) h3{
  min-height:calc(2 * 1.18em);
  margin:0 0 9px;
  font-size:21px;
  line-height:1.18;
  -webkit-line-clamp:2;
}

.newsInternoCards[data-interno-news-slider] .newsInternoCard p,
.newsInternoCards[data-interno-news-slider] .newsInternoCard:nth-child(n+3) p{
  font-size:13.5px;
  line-height:1.42;
  -webkit-line-clamp:3;
}

.newsInternoSliderButton{
  position:absolute;
  top:50%;
  z-index:4;
  width:38px;
  height:76px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid rgba(21,58,88,.18);
  border-radius:7px;
  background:linear-gradient(180deg, #ffffff, #e8eff5);
  color:#063a68;
  box-shadow:0 8px 20px rgba(20,48,72,.14);
  transform:translateY(-50%);
  cursor:pointer;
}

.newsInternoSliderButton:hover,
.newsInternoSliderButton:focus-visible{
  background:#ffffff;
  color:#008bd2;
  outline:none;
}

.newsInternoSliderButton span{
  font-size:36px;
  line-height:1;
  transform:translateY(-2px);
}

.newsInternoSliderButtonPrev{left:4px;}
.newsInternoSliderButtonNext{right:4px;}

@media (max-width:1100px){
  .newsInternoCards[data-interno-news-slider]{
    --interno-card-gap:14px;
    --interno-card-width:calc((100% - var(--interno-card-gap)) / 2);
  }
}

@media (max-width:620px){
  .newsInternoCards[data-interno-news-slider]{
    --interno-card-gap:12px;
    --interno-card-width:84%;
    padding:0 0 0 16px;
  }

  .newsInternoCards[data-interno-news-slider] .newsInternoCard h3,
  .newsInternoCards[data-interno-news-slider] .newsInternoCard:nth-child(n+3) h3{
    font-size:18px;
  }

  .newsInternoSliderButton{
    top:88px;
    width:34px;
    height:54px;
    border-radius:0;
    background:rgba(255,255,255,.9);
  }

  .newsInternoSliderButtonPrev{left:0;}
  .newsInternoSliderButtonNext{right:0;}
}
}

@media (max-width:800px){
  .newsInternoCards[data-interno-news-slider] .newsInternoDesktop{
    display:none;
  }

  .newsInternoMobile{
    display:block;
  }

  .newsInternoCards[data-interno-news-slider]{
    padding:0;
  }

  .newsInternoMain,
  .newsInternoCards[data-interno-news-slider] .newsInternoMain{
    width:100vw;
    min-height:0;
    margin-left:calc(50% - 50vw);
    border-left:0;
    border-right:0;
    border-radius:0;
    background:linear-gradient(155deg, #ffffff, #edf3f8);
    box-shadow:0 14px 32px rgba(18,48,74,.13);
  }

  .newsInternoCards[data-interno-news-slider] .newsInternoMain a{
    position:relative;
    height:auto;
    overflow:hidden;
    border-radius:0;
  }

  .newsInternoCards[data-interno-news-slider] .newsInternoMain .newsInternoCardMedia{
    position:relative;
    width:100%;
    height:100vw;
    min-height:0;
    aspect-ratio:1 / 1;
    border-radius:0;
    background:#ffffff;
  }

  .newsInternoCards[data-interno-news-slider] .newsInternoMain .newsInternoCardRibbon,
  .newsInternoCards[data-interno-news-slider] .newsInternoMain .newsInternoCardMedia::after{
    display:none;
  }

  .newsInternoCards[data-interno-news-slider] .newsInternoMobile .newsInternoMain.newsInternoCard img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    max-height:none;
    display:block;
    aspect-ratio:1 / 1;
    object-fit:cover;
    border-radius:0 !important;
  }

  .newsInternoCards[data-interno-news-slider] .newsInternoMain div{
    position:absolute;
    z-index:2;
    right:0;
    bottom:0;
    left:0;
    padding:64px 20px 22px;
    background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.88) 38%, rgba(255,255,255,.98) 72%, #ffffff 100%);
  }

  .newsInternoCards[data-interno-news-slider] .newsInternoMain h3{
    min-height:0;
    margin-bottom:10px;
    color:var(--menu-blue);
    font-size:22px;
    line-height:1.12;
  }

  .newsInternoCards[data-interno-news-slider] .newsInternoMain p{
    color:#405970;
    font-size:14px;
    line-height:1.45;
  }

  .newsInternoRailShell{
    position:relative;
    margin:12px 16px 0;
  }

  .newsInternoCards[data-interno-news-slider] .newsInternoCardGrid{
    --interno-card-width:calc((100% - (1.333 * var(--interno-card-gap))) / 2.333);
  }

  .newsInternoCards[data-interno-news-slider] .newsInternoCardGrid .newsInternoCard,
  .newsInternoCards[data-interno-news-slider] .newsInternoCardGrid .newsInternoCard a{
    height:120px;
    min-height:0;
  }

  .newsInternoCards[data-interno-news-slider] .newsInternoCardGrid .newsInternoCardMedia{
    height:66px;
    min-height:66px;
  }

  .newsInternoCards[data-interno-news-slider] .newsInternoCardGrid .newsInternoCard img{
    width:100%;
    height:100%;
    aspect-ratio:auto;
    object-fit:cover;
  }

  .newsInternoCards[data-interno-news-slider] .newsInternoCardGrid .newsInternoCard div{
    padding:7px 9px 9px;
  }

  .newsInternoCards[data-interno-news-slider] .newsInternoCardGrid .newsInternoCard h3{
    min-height:calc(2 * 1.16em);
    margin:0;
    font-size:12px;
    font-weight:500;
    line-height:1.2;
  }

  .newsInternoCards[data-interno-news-slider] .newsInternoCardGrid .newsInternoCard p{
    display:none;
  }

  .newsInternoCards[data-interno-news-slider] .newsInternoCardGrid .newsInternoCardRibbon,
  .newsInternoCards[data-interno-news-slider] .newsInternoCardGrid .newsInternoCardMedia::after{
    display:none;
  }

  .newsInternoSliderButton{
    display:none;
  }
}

.newsDrustvoRailSlider{
  --feature-card-gap:18px;
  --feature-card-peek:72px;
  --feature-card-width:calc((var(--slider-width, 1280px) - (3 * var(--feature-card-gap))) / 4);
  --slider-index:0;
  width:min(1280px, 100%);
  margin:56px auto 0;
  padding:28px 0 38px;
  position:relative;
  isolation:isolate;
  font-family:var(--font-sdtrzin);
}

.newsDrustvoRailSlider::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  z-index:0;
  width:100vw;
  transform:translateX(-50%);
  background:#021332;
}

.newsDrustvoRailSlider > *{
  position:relative;
  z-index:1;
}

.newsDrustvoRailSlider,
.newsDrustvoRailSlider *{
  font-family:"SdTrzin", Arial, "Helvetica Neue", sans-serif !important;
}

.railClubSliderHeader{
  min-height:40px;
  margin:0 0 18px;
  position:relative;
  z-index:100;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.newsDrustvoRailSlider .railClubSliderHeader h2{
  flex:1 1 auto;
  margin:0;
  color:#ffffff;
  font-family:"Sting Regular", var(--font-sdtrzin);
  font-size:24px;
  font-weight:600;
  line-height:1.0666666667;
  letter-spacing:0;
}

.railClubSectionTitle{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  text-transform:uppercase;
  overflow:hidden;
}

.railClubSectionTitleLine{
  height:3px;
  margin-left:18px;
  margin-right:calc(var(--feature-card-width) + 18px);
  flex:1 1 auto;
  min-width:0;
  background:rgba(255,255,255,.78);
}

.railClubSectionTitleText,
.railClubSectionTitleMirror{
  display:block;
  width:var(--feature-card-width);
  box-sizing:border-box;
  padding:3px 10px 4px;
  background:#021332;
  color:#ffffff;
  white-space:nowrap;
}

.railClubSectionTitleText{
  transform:scaleX(.92);
  transform-origin:left center;
}

.railClubSectionTitleMirror{
  position:absolute;
  top:50%;
  right:0;
  text-align:right;
  transform:translateY(-50%) scaleX(.92);
  transform-origin:right center;
}

.railClubSliderControls{
  position:absolute;
  left:0;
  right:0;
  top:58px;
  z-index:5000;
  pointer-events:none;
}

.railClubSliderButton{
  position:absolute;
  z-index:5001;
  top:50px;
  width:56px;
  height:274px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:0 6px 6px 0;
  background:rgba(255,255,255,.62);
  color:#ffffff;
  box-shadow:0 10px 24px rgba(0,0,0,.34);
  backdrop-filter:blur(4px);
  cursor:pointer;
  pointer-events:auto;
  transition:background-color .16s ease, color .16s ease, opacity .16s ease, transform .16s ease;
}

.railClubSliderButton::before{
  content:"\2039";
  display:block;
  font-family:Arial, "Helvetica Neue", sans-serif;
  font-size:54px;
  font-weight:700;
  line-height:1;
  text-shadow:0 2px 8px rgba(2,19,50,.45);
  transform:translateY(-4px);
}

.railClubSliderButton[data-card-slider-prev]{
  left:calc(-1 * var(--feature-card-peek));
}

.railClubSliderButton[data-card-slider-next]{
  right:calc(-1 * var(--feature-card-peek));
  border-radius:6px 0 0 6px;
  background:rgba(255,255,255,.62);
}

.railClubSliderButton[data-card-slider-next]::before{
  content:"\203A";
}

.railClubSliderButton span{
  display:none;
}

.railClubSliderButton:hover,
.railClubSliderButton:focus-visible{
  background:rgba(255,255,255,.78);
  color:#ffffff;
  transform:translateX(0);
}

.railClubSliderButton:disabled{
  opacity:0;
  cursor:default;
  pointer-events:none;
}

.railClubSliderButton:disabled:hover{
  background:rgba(0,34,68,.68);
  color:#ffffff;
}

.railClubSliderShell{
  position:relative;
  z-index:1;
  overflow:hidden;
  width:100%;
  padding:0 0 10px;
  transform:translateX(0);
  transition:width .24s ease, transform .24s ease;
}

.newsDrustvoRailSlider.has-right-peek .railClubSliderShell{
  width:calc(100% + var(--feature-card-peek));
}

.newsDrustvoRailSlider.has-left-peek .railClubSliderShell{
  width:calc(100% + var(--feature-card-peek));
  transform:translateX(calc(-1 * var(--feature-card-peek)));
}

.newsDrustvoRailSlider.has-left-peek.has-right-peek .railClubSliderShell{
  width:calc(100% + (2 * var(--feature-card-peek)));
}

.railClubSliderShell::before,
.railClubSliderShell::after{
  content:"";
  position:absolute;
  top:0;
  bottom:10px;
  z-index:2;
  width:54px;
  pointer-events:none;
  opacity:0;
  transition:opacity .18s ease;
}

.railClubSliderShell::before{
  left:0;
  background:linear-gradient(90deg, #021332, rgba(2,19,50,0));
}

.railClubSliderShell::after{
  right:0;
  background:linear-gradient(270deg, #021332, rgba(2,19,50,0));
}

.newsDrustvoRailSlider.has-left-peek .railClubSliderShell::before,
.newsDrustvoRailSlider.has-right-peek .railClubSliderShell::after{
  opacity:1;
}

.railClubSliderTrack{
  display:flex;
  gap:var(--feature-card-gap);
  width:max-content;
  margin-left:0;
  padding:0 0 12px;
  cursor:grab;
  touch-action:pan-y;
  user-select:none;
  transform:translateX(calc(var(--slider-index) * -1 * (var(--feature-card-width) + var(--feature-card-gap))));
  transition:transform .34s cubic-bezier(.22,.9,.2,1), margin-left .24s ease;
}

.railClubSliderTrack.is-dragging{
  cursor:grabbing;
}

.newsDrustvoRailSlider.has-left-peek .railClubSliderTrack{
  margin-left:var(--feature-card-peek);
}

.railClubSliderTrack:focus-visible{
  outline:2px solid rgba(0,139,210,.85);
  outline-offset:4px;
}

.railClubCard{
  width:var(--feature-card-width);
  flex:0 0 var(--feature-card-width);
  min-height:374px;
  border:1px solid rgba(0,44,80,.14);
  border-radius:6px;
  background:#ffffff;
  font-family:var(--font-sdtrzin);
  box-shadow:0 3px 12px rgba(0,22,48,.12);
  overflow:hidden;
}

.railClubCard a{
  height:100%;
  display:flex;
  flex-direction:column;
  color:inherit;
  font-family:var(--font-sdtrzin);
  text-decoration:none;
}

.railClubCard.is-link-inactive a{
  pointer-events:none;
}

.railClubCardMedia{
  position:relative;
  display:block;
  overflow:hidden;
  background:var(--menu-blue);
}

.railClubCard img{
  width:100%;
  aspect-ratio:451 / 268;
  display:block;
  object-fit:cover;
  border-radius:0;
  -webkit-user-drag:none;
  user-select:none;
  transition:transform .24s ease;
}

.railClubCard a:hover img,
.railClubCard a:focus-visible img{
  transform:scale(1.035);
}

.railClubCardRibbon{
  position:absolute;
  left:0;
  bottom:0;
  z-index:2;
  min-width:92px;
  height:27px;
  display:flex;
  align-items:center;
  padding:0 13px 0 16px;
  background:var(--menu-blue);
  color:#ffffff;
  font-family:var(--font-sdtrzin);
  font-size:13px;
  font-weight:850;
  line-height:1;
  text-transform:uppercase;
  overflow:visible;
  isolation:isolate;
}

.railClubCardRibbon::after{
  content:"";
  position:absolute;
  top:0;
  right:-16px;
  z-index:0;
  width:18px;
  height:100%;
  background:var(--menu-blue);
  clip-path:polygon(0 0, 100% 100%, 0 100%);
}

.railClubCardBody{
  display:block;
  flex:1 1 auto;
  padding:17px 16px 19px;
  background:#fffaf0;
}

.railClubCard h3{
  margin:0 0 9px;
  color:var(--menu-blue);
  font-family:var(--font-sdtrzin) !important;
  font-size:19px;
  font-weight:700;
  line-height:1.18;
  letter-spacing:0;
  display:-webkit-box;
  min-height:calc(2 * 1.18em);
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.railClubCard p{
  margin:0;
  color:#42536a;
  font-family:var(--font-sdtrzin);
  font-size:15px;
  font-weight:400;
  line-height:1.35;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.newsDrustvoFooterCards{
  width:min(1280px, 100%);
  margin:34px auto 0;
}

.newsDrustvoFooterCardGrid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
}

.newsDrustvoFooterCard{
  border:1px solid rgba(0,44,80,.16);
  background:#f8fbfe;
  font-family:var(--font-sdtrzin);
  box-shadow:0 3px 12px rgba(0,22,48,.12);
  overflow:hidden;
  transition:box-shadow .18s ease, transform .18s ease;
}

.newsDrustvoFooterCard:hover{
  box-shadow:0 8px 20px rgba(0,22,48,.16);
  transform:translateY(-2px);
}

.newsDrustvoFooterCard a{
  display:block;
  height:100%;
  color:inherit;
  font-family:var(--font-sdtrzin);
  text-decoration:none;
}

.newsDrustvoFooterCardMedia{
  position:relative;
  display:block;
  overflow:hidden;
  background:var(--menu-blue);
}

.newsDrustvoFooterCard img{
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
  border-radius:0;
  transition:transform .24s ease;
}

.newsDrustvoFooterCardGraphic .newsDrustvoFooterCardMedia{
  background:#ffffff;
}

.newsDrustvoFooterCardGraphic img{
  padding:22px;
  object-fit:contain;
  background:#ffffff;
}

.newsDrustvoFooterCard a:hover img,
.newsDrustvoFooterCard a:focus-visible img{
  transform:scale(1.035);
}

.newsDrustvoFooterCardRibbon{
  position:absolute;
  left:0;
  bottom:4px;
  z-index:2;
  width:max-content;
  max-width:calc(100% - 24px);
  height:26px;
  display:flex;
  align-items:center;
  padding:0 29px 0 15px;
  background:var(--menu-blue);
  color:#ffffff;
  font-family:var(--font-sdtrzin);
  font-size:13px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
  clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 100%, 0 100%);
}

.newsDrustvoFooterCardRibbon::after{
  content:none;
}

.newsDrustvoFooterCardMedia::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:1;
  height:4px;
  background:var(--menu-blue);
  pointer-events:none;
}

.newsDrustvoFooterCardBody{
  display:block;
  padding:16px;
}

.newsDrustvoFooterCard h3{
  margin:0 0 8px;
  color:var(--menu-blue);
  font-family:var(--font-sdtrzin);
  font-size:19px;
  font-weight:700;
  line-height:1.18;
  letter-spacing:0;
  display:-webkit-box;
  min-height:calc(2 * 1.18em);
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.newsDrustvoFooterCard p{
  margin:0;
  color:#425b72;
  font-family:var(--font-sdtrzin);
  font-size:14px;
  font-weight:400;
  line-height:1.48;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.newsDrustvoFooterMobile{
  display:none;
}

@media (max-width:800px){
  .newsDrustvoFooterDesktop{
    display:none;
  }

  .newsDrustvoFooterMobile{
    display:block;
  }

  .newsDrustvoFooterCards{
    padding:0 16px;
    background:#ffffff;
  }

  .newsDrustvoFooterCardGrid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:22px 12px;
  }

  .newsDrustvoFooterCard,
  .newsDrustvoFooterCard:hover{
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(0,44,80,.14);
    border-radius:10px;
    background:#ffffff;
    box-shadow:0 8px 20px rgba(0,27,58,.11);
    transform:none;
  }

  .newsDrustvoFooterCard a{
    display:grid;
    grid-template-rows:auto 1fr;
    align-content:start;
  }

  .newsDrustvoFooterCardMedia,
  .newsDrustvoFooterCardGraphic .newsDrustvoFooterCardMedia{
    overflow:visible;
    background:#ffffff;
  }

  .newsDrustvoFooterCard img,
  .newsDrustvoFooterCardGraphic img{
    width:100%;
    height:auto;
    aspect-ratio:4 / 3;
    padding:12px;
    border-radius:8px;
    object-fit:contain;
    background:#f3f6f9;
  }

  .newsDrustvoFooterCardRibbon{
    position:static;
    width:auto;
    max-width:100%;
    height:auto;
    margin:9px 10px 0;
    padding:0;
    display:block;
    overflow:hidden;
    background:transparent;
    color:#008f98;
    font-size:11px;
    line-height:1.12;
    white-space:nowrap;
    text-overflow:ellipsis;
    clip-path:none;
  }

  .newsDrustvoFooterCardMedia::after{
    content:none;
  }

  .newsDrustvoFooterCardBody{
    padding:6px 10px 13px;
  }

  .newsDrustvoFooterCard h3{
    min-height:calc(3 * 1.2em);
    margin:0;
    font-size:16px;
    line-height:1.2;
    -webkit-line-clamp:3;
  }

  .newsDrustvoFooterCard p{
    display:none;
  }

  .newsDrustvoSponsors{
    padding:0 16px;
  }

  .FrameContent .newsDrustvoSponsorsTitle,
  .FrameContent .newsDrustvoSponsorsTitle span{
    font-size:18px;
    font-weight:600;
    line-height:1.0666666667;
  }

  .newsDrustvoSponsorsTitle span:first-child{
    width:auto;
    min-width:0;
    padding:3px 8px 4px;
    transform:none;
  }

  .newsDrustvoSponsorsTitle span:nth-child(2){
    height:2px;
    margin:0 0 0 14px;
  }

  .newsDrustvoSponsorsTitle span:last-child{
    display:none;
  }

  .newsDrustvoSponsorGrid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
  }

  .newsDrustvoSponsorGrid img{
    width:100%;
    height:auto;
    aspect-ratio:16 / 7;
    min-width:0;
    padding:12px 14px;
    border:1px solid rgba(0,44,80,.14);
    border-radius:6px;
    object-fit:contain;
    background:#ffffff;
    box-shadow:0 10px 24px rgba(0,34,68,.10);
  }

  .newsDrustvoSponsorGrid a{
    min-width:0;
    display:block;
    border-radius:6px;
  }

  .newsDrustvoSponsorGrid a:focus-visible{
    outline:3px solid var(--menu-accent-blue);
    outline-offset:3px;
  }

  .newsDrustvoFooterMain{
    border-color:rgba(16,55,88,.16);
    border-radius:8px;
    background:linear-gradient(155deg, #ffffff, #edf3f8);
    box-shadow:0 14px 32px rgba(18,48,74,.13);
  }

  .newsDrustvoFooterMain .newsDrustvoFooterCardMedia{
    min-height:210px;
    background:#eef3f7;
  }

  .newsDrustvoFooterMain img{
    width:100%;
    height:clamp(210px, 56vw, 290px);
    aspect-ratio:auto;
    object-fit:cover;
  }

  .newsDrustvoFooterMain .newsDrustvoFooterCardBody{
    padding:20px 20px 22px;
  }

  .newsDrustvoFooterMain h3{
    min-height:0;
    margin-bottom:10px;
    font-size:25px;
    line-height:1.12;
  }

  .newsDrustvoFooterMain p{
    color:#405970;
    font-size:14px;
    line-height:1.45;
  }

  .newsDrustvoFooterRailShell{
    position:relative;
    margin-top:12px;
  }

  .newsDrustvoFooterRailViewport{
    width:100%;
    overflow:hidden;
  }

  .newsDrustvoFooterRail{
    width:100%;
    display:flex;
    gap:10px;
    align-items:stretch;
    cursor:grab;
    touch-action:pan-y;
    user-select:none;
    transform:translateX(0);
    transition:transform .34s cubic-bezier(.22,.9,.2,1);
  }

  .newsDrustvoFooterRail.is-dragging{
    cursor:grabbing;
  }

  .newsDrustvoFooterRail .newsDrustvoFooterCard{
    width:44%;
    flex:0 0 44%;
    border-radius:6px;
    background:linear-gradient(155deg, #ffffff, #f0f4f8);
    box-shadow:0 7px 18px rgba(18,48,74,.1);
  }

  .newsDrustvoFooterRail .newsDrustvoFooterCard:nth-child(3n+2){
    background:linear-gradient(155deg, #fbfdff, #e8eef4);
  }

  .newsDrustvoFooterRail .newsDrustvoFooterCardMedia{
    height:92px;
    background:#edf2f6;
  }

  .newsDrustvoFooterRail .newsDrustvoFooterCard img{
    width:100%;
    height:100%;
    padding:0;
    aspect-ratio:auto;
    object-fit:cover;
  }

  .newsDrustvoFooterRail .newsDrustvoFooterCardRibbon{
    bottom:3px;
    height:22px;
    padding:0 22px 0 10px;
    font-size:10px;
  }

  .newsDrustvoFooterRail .newsDrustvoFooterCardBody{
    padding:10px 11px 12px;
  }

  .newsDrustvoFooterRail .newsDrustvoFooterCard h3{
    min-height:calc(2 * 1.16em);
    margin:0;
    font-size:14px;
    line-height:1.16;
  }

  .newsDrustvoFooterRail .newsDrustvoFooterCard p{
    display:none;
  }

  .newsDrustvoFooterRailButton{
    position:absolute;
    top:28px;
    z-index:5;
    width:32px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:1px solid rgba(18,55,86,.16);
    background:rgba(255,255,255,.92);
    color:#063a68;
    box-shadow:0 5px 14px rgba(18,48,74,.13);
    cursor:pointer;
  }

  .newsDrustvoFooterRailButton span{
    font-size:30px;
    line-height:1;
    transform:translateY(-2px);
  }

  .newsDrustvoFooterRailPrev{left:0;}
  .newsDrustvoFooterRailNext{right:0;}
}

.newsDrustvoSponsors{
  --feature-card-gap:18px;
  --feature-card-width:calc((var(--slider-width, 1280px) - (3 * var(--feature-card-gap))) / 4);
  width:min(1280px, 100%);
  margin:34px auto 0;
  font-family:var(--font-sdtrzin);
}

.newsDrustvoSponsorsTitle{
  margin:0 0 18px;
  display:flex;
  align-items:center;
  width:100%;
  font-family:var(--font-sdtrzin);
  font-size:24px;
  font-weight:600;
  line-height:1.0666666667;
  text-transform:uppercase;
  overflow:hidden;
}

.FrameContent .newsDrustvoSponsorsTitle,
.FrameContent .newsDrustvoSponsorsTitle span{
  font-size:24px;
  line-height:1.0666666667;
}

.newsDrustvoSponsorsTitle span:first-child,
.newsDrustvoSponsorsTitle span:last-child{
  display:block;
  width:var(--feature-card-width);
  box-sizing:border-box;
  padding:3px 10px 4px;
  background:#021332;
  color:#ffffff;
  white-space:nowrap;
}

.newsDrustvoSponsorsTitle span:nth-child(2){
  height:3px;
  margin:0 18px;
  flex:1 1 auto;
  min-width:0;
  background:#021332;
}

.newsDrustvoSponsorsTitle span:last-child{
  margin-left:auto;
  text-align:right;
  transform:scaleX(.92);
  transform-origin:right center;
}

.newsDrustvoSponsorsTitle span:first-child{
  transform:scaleX(.92);
  transform-origin:left center;
}

.newsDrustvoSponsorGrid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
  align-items:center;
  padding:26px;
  border:1px solid rgba(0,44,80,.18);
  background:#ffffff;
}

.newsDrustvoSponsorGrid a{
  min-width:0;
  display:block;
  border-radius:6px;
  color:inherit;
  text-decoration:none;
}

.newsDrustvoSponsorGrid a:focus-visible{
  outline:3px solid var(--menu-accent-blue);
  outline-offset:3px;
}

.newsDrustvoSponsorGrid img{
  display:block;
  width:100%;
  height:116px;
  max-height:none;
  object-fit:contain;
  padding:6px;
  border:1px solid rgba(0,44,80,.12);
  background:#f7fbff;
}

.newsWorldwide{
  margin-top:56px;
}

.newsWorldwideColumns{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
}

.newsWorldwideColumn{
  min-width:0;
  min-height:338px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.24);
  border-radius:6px;
  background:#ffffff;
  box-shadow:0 3px 12px rgba(0,0,0,.24);
}

.newsWorldwideColumnHeader{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:6px 14px;
  border-bottom:4px solid var(--menu-blue);
  background:#ffffff;
}

.newsWorldwideColumnHeader img{
  display:block;
  width:auto;
  max-width:70%;
  height:40px;
  object-fit:contain;
}

.newsWorldwideColumnHeader h3{
  margin:0;
  color:var(--menu-blue);
  font-size:24px;
  font-weight:800;
  line-height:1;
  letter-spacing:.02em;
}

.newsWorldwideColumnHeading{
  display:flex;
  flex:0 1 auto;
  flex-direction:column;
  align-items:flex-end;
  min-width:0;
  text-align:right;
}

.newsWorldwideColumnHeading p{
  margin:3px 0 0;
  color:#526a80;
  font-size:13px;
  font-weight:500;
  line-height:1.05;
  white-space:nowrap;
}

.newsWorldwideColumnFeed{
  min-height:222px;
  padding:12px;
  background:#e3f1fb;
}

.newsWorldwideColumn:nth-child(2) .newsWorldwideColumnFeed{
  background:#e3f3e9;
}

.newsWorldwideColumn:nth-child(3) .newsWorldwideColumnFeed{
  background:#f7ebcd;
}

.newsWorldwideColumn:nth-child(4) .newsWorldwideColumnFeed{
  background:#e7ecef;
}

.newsWorldwideCard + .newsWorldwideCard{
  margin-top:10px;
}

.newsWorldwideCard{
  overflow:hidden;
  border:1px solid rgba(0,44,80,.14);
  border-radius:0;
  background:#ffffff;
}

.newsWorldwideCard a{
  display:grid;
  grid-template-columns:104px minmax(0, 1fr);
  height:72px;
  color:inherit;
  text-decoration:none;
}

.newsWorldwideCardMedia{
  display:block;
  overflow:hidden;
  border-radius:0;
  background:#eef4f8;
}

.newsWorldwideCardMedia img{
  display:block;
  width:100%;
  height:100%;
  min-height:72px;
  object-fit:cover;
  border-radius:0;
  transition:transform .2s ease;
}

.FrameContent .newsWorldwideCardMedia img{
  border-radius:0 !important;
}

.newsWorldwideCard a:hover img,
.newsWorldwideCard a:focus-visible img{
  transform:scale(1.04);
}

.newsWorldwideCardBody{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  min-width:0;
  padding:8px 10px;
}

.newsWorldwideCardBody time{
  color:#5d7184;
  font-size:11px;
  font-weight:700;
  line-height:1;
}

.newsWorldwideCardBody strong{
  color:var(--menu-blue);
  font-size:14px;
  font-weight:500;
  line-height:1.18;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

@media (max-width:1100px){
  .newsInternoCardGrid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .newsDrustvoFooterCardGrid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .newsDrustvoSponsorGrid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .newsWorldwideColumns{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
  }

  .newsDrustvoRailSlider{
    --feature-card-gap:14px;
    --feature-card-peek:48px;
    --feature-card-width:calc((var(--slider-width, 1000px) - var(--feature-card-gap)) / 2);
  }

  .railClubSliderTrack{
    transform:translateX(calc(var(--slider-index) * -1 * (var(--feature-card-width) + var(--feature-card-gap))));
  }
}

@media (max-width:620px){
  .newsInternoCards{
    margin-top:22px;
  }

  .newsInternoCardGrid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .newsDrustvoFooterCards{
    margin-top:28px;
  }

  .newsDrustvoFooterCardGrid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:22px 12px;
  }

  .newsDrustvoSponsors{
    margin-top:28px;
  }

  .newsWorldwide{
    margin-top:42px;
  }

  .newsDrustvoSponsorsTitle{
    font-size:24px;
  }

  .newsDrustvoSponsorsTitle span:first-child{
    width:auto;
    min-width:0;
  }

  .newsDrustvoSponsorsTitle span:first-child,
  .newsDrustvoSponsorsTitle span:last-child{
    transform:none;
  }

  .newsWorldwideColumns{
    grid-template-columns:1fr;
    gap:14px;
  }

  .newsWorldwideColumn{
    min-height:280px;
  }

  .newsWorldwideColumnFeed{
    min-height:166px;
  }

  .newsWorldwideCard a{
    grid-template-columns:104px minmax(0, 1fr);
  }

  .newsDrustvoSponsorGrid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
    padding:0;
  }

  .newsDrustvoRailSlider{
    --feature-card-gap:12px;
    --feature-card-peek:32px;
    --feature-card-width:min(82vw, 318px);
    margin-top:42px;
  }

  .railClubSliderHeader{
    align-items:flex-end;
    gap:12px;
  }

  .newsDrustvoRailSlider .railClubSliderHeader h2{
    font-size:18px;
  }

  .railClubSectionTitle{
    width:100%;
  }

  .railClubSectionTitleLine{
    height:2px;
    margin-left:14px;
    margin-right:0;
  }

  .railClubSectionTitleText,
  .railClubSectionTitleMirror{
    width:auto;
    padding:3px 8px 4px;
  }

  .railClubSectionTitleMirror{
    display:none;
  }

  .railClubSliderButton{
    display:none;
  }

  .railClubSliderShell::before,
  .railClubSliderShell::after{
    width:22px;
  }

  .railClubSliderTrack{
    transform:translateX(calc(var(--slider-index) * -1 * (var(--feature-card-width) + var(--feature-card-gap))));
  }

  .railClubCard{
    min-height:348px;
  }

  .railClubCard h3{
    font-size:19px;
  }
}

.skirca-banner{
  position:relative;
  min-height:120px;
  display:block;
  overflow:hidden;
  border-radius:0;
  border:1px solid rgba(255,255,255,.18);
  background:#071737;
}

.skirca-bg{
  width:100%;
  height:120px;
  display:block;
  object-fit:cover;
  object-position:center top;
  transition:transform .35s ease;
}

.skirca-banner:hover .skirca-bg{
  transform:scale(1.06);
}

.skirca-overlay{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:170px minmax(0, 1fr) 130px;
  align-items:center;
  gap:18px;
  padding:0 20px 0 0;
  color:#ffffff;
  pointer-events:none;
  transform-origin:center;
  transition:transform .35s ease;
}

.skirca-banner:hover .skirca-overlay{
  transform:scale(1.06);
}

.skirca-logo{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
}

.skirca-logo::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:34px;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(7,23,55,0), rgba(7,23,55,.92));
}

.skirca-logo img{
  height:120px;
  width:auto;
  max-width:none;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.45));
}

.skirca-center{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  text-align:center;
}

.skirca-title{
  font-size:clamp(20px, 2.2vw, 34px);
  line-height:1;
  font-weight:900;
  letter-spacing:.01em;
  white-space:nowrap;
  text-shadow:0 3px 12px rgba(0,0,0,.55);
}

.skirca-title .sup{
  font-size:55%;
  vertical-align:super;
}

.skirca-title-accent{
  color:#ffe680;
}

.skirca-title-line,
.skirca-date-line{
  display:inline;
}

.skirca-date{
  font-size:18px;
  line-height:1.1;
  font-weight:500;
  text-shadow:0 2px 8px rgba(0,0,0,.45);
}

.skirca-date .sup{
  font-size:60%;
  vertical-align:super;
}

.skirca-year{
  justify-self:end;
  color:#ffe680;
  font-weight:900;
  letter-spacing:.04em;
  opacity:.9;
  text-shadow:0 3px 12px rgba(0,0,0,.55);
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:7px;
}

.skirca-year-number{
  font-size:clamp(34px, 3.5vw, 50px);
  line-height:1;
}

.skirca-countdown{
  display:grid;
  grid-template-columns:repeat(4, auto);
  gap:7px;
  align-items:end;
  color:#ffffff;
  letter-spacing:0;
  text-shadow:0 2px 8px rgba(0,0,0,.55);
}

.skirca-countdown span{
  min-width:24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1px;
}

.skirca-countdown strong{
  color:#ffe680;
  order:2;
  font-size:clamp(13px, .95vw, 16px);
  line-height:1;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}

.skirca-countdown small{
  order:1;
  color:#ffffff;
  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.FrameContent{
  width:min(var(--content-width), calc(100% - 48px));
  min-height:900px;
  margin:0 auto;
  padding:72px 0;
  font-size:18px;
  line-height:1.7;
}

.FrameContent h2{
  margin:0 0 20px;
  font-size:38px;
  line-height:1.15;
}

.FramePageBackground{
  flex:1 0 auto;
  min-height:660px;
  position:relative;
  display:flex;
  align-items:flex-end;
  color:#ffffff;
  overflow:hidden;
  background:
    radial-gradient(circle 920px at 54% 45%, rgba(3,16,34,.02) 0%, rgba(3,16,34,.08) 52%, rgba(3,16,34,.34) 100%),
    linear-gradient(90deg, rgba(3,16,34,.64) 0%, rgba(3,16,34,.35) 25%, rgba(3,16,34,.02) 57%, rgba(3,16,34,.66) 100%),
    linear-gradient(180deg, rgba(6,58,104,0) 0%, rgba(6,58,104,.34) 58%, var(--info-blue) 100%),
    url("assets/imgHeroStrelstvo.jpg") center center / cover no-repeat;
}

.FramePageBackground::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(180deg, rgba(6,58,104,0) 0%, rgba(6,58,104,.46) 72%, var(--info-blue) 100%);
  pointer-events:none;
}

.PageBackgroundInner{
  position:relative;
  z-index:1;
  width:min(var(--content-width), calc(100% - 48px));
  margin:0 auto;
  padding:0 0 72px;
}

.FramePageBackground .FrameContent{
  min-height:100%;
  background:
    linear-gradient(132deg, rgba(206,214,224,.20) 0 13%, rgba(255,255,255,0) 13.4%) 0 0 / 142px 108px repeat-x,
    linear-gradient(48deg, rgba(226,231,237,.30) 0 15%, rgba(255,255,255,0) 15.4%) 38px 0 / 156px 116px repeat-x,
    linear-gradient(226deg, rgba(190,199,211,.17) 0 12%, rgba(255,255,255,0) 12.4%) 86px 0 / 168px 124px repeat-x,
    linear-gradient(315deg, rgba(218,224,232,.23) 0 17%, rgba(255,255,255,0) 17.4%) 12px 42px / 162px 122px repeat-x,
    linear-gradient(27deg, rgba(184,194,207,.13) 0 16%, rgba(255,255,255,0) 16.4%) 118px 34px / 178px 132px repeat-x,
    linear-gradient(153deg, rgba(235,238,242,.55) 0 18%, rgba(255,255,255,0) 18.4%) 64px 84px / 172px 126px repeat-x,
    linear-gradient(205deg, rgba(200,209,220,.12) 0 14%, rgba(255,255,255,0) 14.4%) 146px 92px / 186px 138px repeat-x,
    linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.9) 58%, #ffffff 100%) top center / 100% 320px no-repeat,
    #ffffff;
  color:var(--dark-text);
  padding:72px 48px;
  align-self:stretch;
  display:flex;
  align-items:flex-end;
}

.FramePageBackground.Template2Page{
  min-height:calc(100vh - var(--header-expanded-height) - 76px);
  align-items:stretch;
  background:
    linear-gradient(132deg, rgba(206,214,224,.16) 0 13%, rgba(255,255,255,0) 13.4%) 0 0 / 142px 108px repeat,
    linear-gradient(48deg, rgba(226,231,237,.24) 0 15%, rgba(255,255,255,0) 15.4%) 38px 0 / 156px 116px repeat,
    linear-gradient(226deg, rgba(190,199,211,.13) 0 12%, rgba(255,255,255,0) 12.4%) 86px 0 / 168px 124px repeat,
    linear-gradient(315deg, rgba(218,224,232,.18) 0 17%, rgba(255,255,255,0) 17.4%) 12px 42px / 162px 122px repeat,
    linear-gradient(27deg, rgba(184,194,207,.10) 0 16%, rgba(255,255,255,0) 16.4%) 118px 34px / 178px 132px repeat,
    linear-gradient(153deg, rgba(235,238,242,.42) 0 18%, rgba(255,255,255,0) 18.4%) 64px 84px / 172px 126px repeat,
    linear-gradient(205deg, rgba(200,209,220,.10) 0 14%, rgba(255,255,255,0) 14.4%) 146px 92px / 186px 138px repeat,
    linear-gradient(180deg, rgba(255,255,255,.38) 0%, rgba(255,255,255,.74) 42%, rgba(255,255,255,.86) 100%),
    #ffffff;
  color:var(--dark-text);
}

.FramePageBackground.Template2Page::after{
  content:none;
}

.FramePageBackground.TermsPage{
  align-items:stretch;
  background:
    linear-gradient(132deg, rgba(206,214,224,.16) 0 13%, rgba(255,255,255,0) 13.4%) 0 0 / 142px 108px repeat,
    linear-gradient(48deg, rgba(226,231,237,.24) 0 15%, rgba(255,255,255,0) 15.4%) 38px 0 / 156px 116px repeat,
    linear-gradient(226deg, rgba(190,199,211,.13) 0 12%, rgba(255,255,255,0) 12.4%) 86px 0 / 168px 124px repeat,
    linear-gradient(315deg, rgba(218,224,232,.18) 0 17%, rgba(255,255,255,0) 17.4%) 12px 42px / 162px 122px repeat,
    linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.94) 48%, #ffffff 100%),
    #ffffff;
  color:var(--dark-text);
}

.FramePageBackground.TermsPage::after{
  content:none;
}

.FramePageBackground.Template2Page .FrameContent{
  width:100%;
  max-width:none;
  background:transparent;
  padding-left:max(48px, calc((100% - var(--content-width)) / 2 + 48px));
  padding-right:max(48px, calc((100% - var(--content-width)) / 2 + 48px));
  align-items:flex-start;
  justify-content:center;
}

.ForgotPasswordPage .FrameContent,
.ResetPasswordPage .FrameContent,
.AccountStatusPage .FrameContent{
  align-items:center;
}

.ForgotPasswordPage .TemplatePagePanel,
.ResetPasswordPage .TemplatePagePanel,
.AccountStatusPage .TemplatePagePanel{
  margin:auto;
}

.ForgotPasswordPage .TemplatePagePanel h1,
.ResetPasswordPage .TemplatePagePanel h1,
.AccountStatusPage .TemplatePagePanel h1{
  font-size:26px;
  line-height:1.08;
}

.ForgotPasswordPage .TemplatePageIntro,
.ResetPasswordPage .TemplatePageIntro,
.AccountStatusPage .TemplatePageIntro{
  font-size:15px;
  line-height:1.45;
}

.ForgotPasswordPage .TemplatePageActions,
.ResetPasswordPage .TemplatePageActions,
.AccountStatusPage .TemplatePageActions{
  flex-wrap:nowrap;
}

.ForgotPasswordPage .TemplatePageAction,
.ResetPasswordPage .TemplatePageAction,
.AccountStatusPage .TemplatePageAction{
  flex:0 0 calc((100% - 12px) / 2);
  width:calc((100% - 12px) / 2);
  padding:0 10px;
}

.DrustvoHero{
  position:relative;
  width:100%;
  height:clamp(260px, 30vw, 420px);
  overflow:hidden;
  background:#dce6ef;
}

.DrustvoHero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(0,34,68,0) 0%, rgba(0,34,68,0) 20%, rgba(0,34,68,.72) 62%, #002244 80%, #002244 100%);
}

.DrustvoHeroImage{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 30%;
}

.DrustvoPage{
  position:relative;
  flex:1 0 auto;
  margin-top:-1px;
  padding-bottom:0;
  background:#002244;
  color:var(--dark-text);
}

.DrustvoPageGradient{
  height:120px;
  background:#002244;
}

.DrustvoFrameTitle{
  width:min(var(--content-width), calc(100% - 48px));
  margin:calc((clamp(260px, 30vw, 420px) + 328px) / -2) auto 14px;
  color:#ffffff;
  font-size:clamp(28px, 3.4vw, 56px);
  font-weight:900;
  line-height:.95;
  letter-spacing:0;
  text-align:center;
  text-transform:uppercase;
}

.FrameContentDrustvo,
.DrustvoContentFrame{
  width:min(var(--content-width), calc(100% - 48px));
  margin:0 auto;
  padding:0;
  border:1px solid var(--menu-blue);
  background:#ffffff;
  box-shadow:0 18px 38px rgba(0,34,68,.13);
}

.DrustvoContentFrameEmpty{
  background:#ffffff;
}

.DrustvoPageEmpty{
  min-height:calc(100vh - var(--header-compact-height) - 58px);
  padding:24px 0 56px;
  background:#ffffff;
}

.DrustvoPageCurrent.FrameContent{
  position:relative;
  isolation:isolate;
  width:auto;
  min-height:calc(100vh - var(--menu-height) - 58px);
  margin:-1px 0 0;
  padding:170px 0 0;
  display:flex;
  flex-direction:column;
  font-size:inherit;
  line-height:inherit;
  background:#08204A;
  overflow:hidden;
}

.DrustvoPageCurrent.FrameContent::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:360px;
  background-image:
    linear-gradient(180deg, rgba(8,32,74,0) 0%, rgba(8,32,74,.06) 30%, rgba(8,32,74,.52) 72%, #08204A 100%),
    linear-gradient(90deg, #08204A 0%, #08204A calc(50% - 850px), rgba(8,32,74,.96) calc(50% - 790px), rgba(8,32,74,.56) calc(50% - 650px), rgba(8,32,74,0) calc(50% - 470px), rgba(8,32,74,0) calc(50% + 650px), rgba(8,32,74,.56) calc(50% + 800px), rgba(8,32,74,.96) calc(50% + 900px), #08204A calc(50% + 950px), #08204A 100%),
    url("assets/imgShootingRangeCleanNoHoop.png");
  background-position:
    center top,
    center top,
    calc(50% + 50px) -222px;
  background-size:
    100% 360px,
    100% 360px,
    1800px auto;
  background-repeat:no-repeat;
  z-index:0;
  pointer-events:none;
}

@media (min-width:801px){
  .DrustvoPageCurrent.FrameContent::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background-image:
      radial-gradient(circle at 50% 50%, rgba(255,255,255,.16) 0 1px, transparent 1.5px),
      radial-gradient(circle at 50% 50%, transparent 0 28px, rgba(255,255,255,.12) 29px 30px, transparent 31px 56px, rgba(0,139,210,.13) 57px 58px, transparent 59px),
      repeating-linear-gradient(135deg, rgba(255,255,255,.055) 0 1px, transparent 1px 18px);
    background-size:
      42px 42px,
      220px 220px,
      100% 100%;
    background-position:
      calc(50% - 790px) 40px,
      calc(50% - 830px) 180px,
      center top;
    -webkit-mask-image:linear-gradient(90deg, #000 0 calc(50% - 662px), transparent calc(50% - 612px) calc(50% + 612px), #000 calc(50% + 662px) 100%);
    mask-image:linear-gradient(90deg, #000 0 calc(50% - 662px), transparent calc(50% - 612px) calc(50% + 612px), #000 calc(50% + 662px) 100%);
  }
}

body:has(.DrustvoPageCurrent){
  background:#08204A;
}

.FrameContentDrustvoTitle{
  position:relative;
  z-index:1;
  width:min(var(--content-width), calc(100% - 48px));
  margin:0 auto 20px;
  color:#ffffff;
  font-family:var(--font-sdtrzin);
  font-size:clamp(34px, 3.2vw, 52px);
  font-weight:800;
  line-height:1.08;
  letter-spacing:.01em;
  text-align:center;
  text-transform:uppercase;
  text-shadow:0 4px 18px rgba(0,18,40,.42);
}

.DrustvoPageCurrent.FrameContent .FrameContentDrustvo{
  position:relative;
  z-index:1;
  flex:1 0 auto;
  display:flex;
  flex-direction:column;
}

.DrustvoPageCurrent.FrameContent .DrustvoContentShell{
  flex:1 0 auto;
}

.DrustvoHeaderImage{
  position:relative;
  height:clamp(220px, 17vw, 285px);
  overflow:hidden;
  background:var(--menu-blue);
}

.DrustvoHeaderImage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(132deg, rgba(188,199,213,.26) 0 13%, rgba(255,255,255,0) 13.4%) 0 0 / 142px 108px repeat,
    linear-gradient(48deg, rgba(205,214,225,.34) 0 15%, rgba(255,255,255,0) 15.4%) 38px 0 / 156px 116px repeat,
    linear-gradient(226deg, rgba(174,187,204,.24) 0 12%, rgba(255,255,255,0) 12.4%) 86px 0 / 168px 124px repeat,
    linear-gradient(315deg, rgba(197,207,219,.30) 0 17%, rgba(255,255,255,0) 17.4%) 12px 42px / 162px 122px repeat,
    linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 9%, rgba(255,255,255,.94) 15%, rgba(255,255,255,.78) 23%, rgba(255,255,255,.52) 32%, rgba(255,255,255,.24) 42%, rgba(255,255,255,.04) 50%, rgba(255,255,255,.24) 58%, rgba(255,255,255,.54) 68%, rgba(255,255,255,.80) 77%, rgba(255,255,255,.95) 85%, rgba(255,255,255,1) 91%, rgba(255,255,255,1) 100%),
    linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.12) 100%);
}

.DrustvoHeaderImage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  opacity:.34;
  background:
    linear-gradient(135deg, rgba(255,255,255,.08) 0 1px, transparent 1px 34px) 0 0 / 34px 34px;
}

.DrustvoHeaderImagePhoto{
  position:absolute;
  top:-150px;
  left:50%;
  width:min(104vw, 2048px);
  height:calc(100% + 410px);
  display:block;
  object-fit:cover;
  object-position:center 34%;
  transform:translateX(-50%);
  transform-origin:top center;
}

.DrustvoHeaderImage h1{
  position:absolute;
  left:50%;
  bottom:28px;
  z-index:4;
  width:min(780px, 58vw);
  margin:0;
  color:#ffffff;
  font-family:var(--font-sdtrzin);
  font-size:clamp(34px, 3.15vw, 58px);
  font-weight:900;
  line-height:.96;
  letter-spacing:0;
  text-align:center;
  text-transform:uppercase;
  text-shadow:0 5px 18px rgba(0,18,40,.58);
  transform:translateX(-50%);
}

.DrustvoHeaderImageTitle{
  position:absolute;
  left:max(32px, calc((100% - var(--content-width)) / 2));
  bottom:22px;
  z-index:4;
  color:#ffffff;
  font-family:var(--font-sdtrzin);
  font-size:clamp(28px, 2.55vw, 40px);
  font-weight:760;
  line-height:1;
  letter-spacing:.035em;
  text-transform:uppercase;
  text-shadow:
    0 3px 10px rgba(0,18,40,.86),
    0 10px 28px rgba(0,18,40,.58);
}

.DrustvoHistoryIntro{
  position:relative;
  z-index:5;
  width:100%;
  margin:-100px auto 0;
  color:#ffffff;
  font-family:var(--font-sdtrzin);
  background:var(--menu-blue);
  border-top:1px solid rgba(255,255,255,.45);
  border-bottom:1px solid rgba(255,255,255,.35);
  box-shadow:0 20px 38px rgba(0,18,40,.22);
}

.DrustvoHistoryIntroTitle{
  min-height:96px;
  display:flex;
  align-items:center;
  padding:0 max(32px, calc((100% - var(--content-width)) / 2));
  border-bottom:1px solid rgba(255,255,255,.35);
  font-size:clamp(24px, 2.25vw, 34px);
  font-weight:760;
  line-height:1;
  letter-spacing:.035em;
  text-transform:uppercase;
}

.DrustvoHistoryTabs{
  position:relative;
  z-index:5;
  min-height:52px;
  display:flex;
  align-items:center;
  padding-left:max(0px, calc((100% - var(--content-width)) / 2));
  padding-right:max(0px, calc((100% - var(--content-width)) / 2));
  background:var(--menu-blue);
  border-top:0;
  border-bottom:1px solid rgba(255,255,255,.22);
}

.DrustvoHistoryTabs::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:var(--menu-accent-blue);
  pointer-events:none;
}

.DrustvoHistoryTabs a{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  height:38px;
  min-width:118px;
  padding:0 22px;
  border-radius:999px;
  color:#ffffff;
  font-size:15px;
  font-weight:800;
  line-height:1;
  letter-spacing:0;
  text-decoration:none;
  text-transform:none;
  white-space:nowrap;
  transition:background-color .16s ease, color .16s ease;
}

.DrustvoHistoryTabs a:hover,
.DrustvoHistoryTabs a:focus-visible,
.DrustvoHistoryTabs a.is-active{
  background:rgba(255,255,255,.16);
  color:#ffffff;
  outline:none;
}

.DrustvoHistoryTabs a.is-active::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-7px;
  width:64%;
  height:4px;
  background:#24bdf2;
  border-radius:999px 999px 0 0;
  transform:translateX(-50%);
}

.DrustvoHistoryTimeline{
  --history-index:0;
  --history-viewport:min(calc(var(--content-width) - 60px), calc(100vw - 108px));
  --history-slide-width:var(--history-viewport);
  --history-slide-gap:72px;
  position:relative;
  z-index:4;
  min-height:430px;
  padding:42px 0 56px;
  color:#ffffff;
  background:var(--menu-blue);
  overflow:hidden;
}

.DrustvoHistorySectionTitle{
  width:var(--history-viewport);
  margin:0 auto 22px;
  color:#35cfff;
  font-family:var(--font-sdtrzin);
  font-size:30px;
  font-weight:900;
  line-height:1;
  letter-spacing:0;
}

.DrustvoHistorySectionIntro{
  width:var(--history-viewport);
  margin:0 auto 22px;
  color:rgba(255,255,255,.82);
  font-size:16px;
  font-weight:400;
  line-height:1.55;
  text-align:left;
  hyphens:none;
}

.DrustvoHistorySectionSubtitle{
  width:var(--history-viewport);
  margin:0 auto 12px;
  color:#ffffff;
  font-size:24px;
  font-weight:760;
  line-height:1.14;
}

.DrustvoHistoryYears{
  position:relative;
  width:100%;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(86px, 1fr);
  align-items:start;
  gap:0;
  padding:0 max(24px, calc((100% - var(--content-width)) / 2)) 38px;
}

.DrustvoHistoryYears::before{
  content:none;
}

.DrustvoHistoryYears button{
  position:relative;
  min-height:64px;
  padding:0;
  border:0;
  background:transparent;
  color:rgba(96,119,178,.55);
  font-family:var(--font-sdtrzin);
  font-size:19px;
  font-weight:720;
  line-height:1;
  text-align:center;
  cursor:pointer;
}

.DrustvoHistoryYears button span{
  position:absolute;
  left:0;
  top:0;
  transform:translateX(-50%);
}

.DrustvoHistoryYears button::before{
  content:"";
  position:absolute;
  left:10px;
  right:0;
  top:48px;
  border-top:2px dashed rgba(76,103,165,.52);
}

.DrustvoHistoryYears button::after{
  content:"";
  position:absolute;
  left:0;
  top:39px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#26345f;
  transform:translateX(-50%);
}

.DrustvoHistoryYears button.is-past,
.DrustvoHistoryYears button.is-active{
  color:#35cfff;
}

.DrustvoHistoryYears button.is-past::before,
.DrustvoHistoryYears button.is-active::before{
  border-top-style:solid;
  border-top-color:#35cfff;
}

.DrustvoHistoryYears button:last-child::before{
  right:auto;
  width:0;
}

.DrustvoHistoryYears button.is-past::after,
.DrustvoHistoryYears button.is-active::after{
  background:#35cfff;
}

.DrustvoHistoryYears--single{
  grid-auto-columns:1fr;
  padding-bottom:34px;
}

.DrustvoHistoryYears--single button{
  min-height:68px;
  color:#35cfff;
  font-size:22px;
  font-weight:900;
  text-align:left;
}

.DrustvoHistoryYears--single button span{
  left:0;
  transform:none;
}

.DrustvoHistoryYears--single button::before{
  left:0;
  border-top-style:solid;
  border-top-color:#35cfff;
}

.DrustvoHistoryYears--single button::after{
  left:0;
  background:#35cfff;
}

#zgodovina .DrustvoHistoryYears,
#skirca-open .DrustvoHistoryYears,
#uspehi .DrustvoHistoryYears{
  width:var(--history-viewport);
  margin:0 auto;
  grid-auto-columns:minmax(76px, 1fr);
  padding:8px 0 54px;
}

#zgodovina .DrustvoHistoryTimelineControls,
#zgodovina .DrustvoHistorySidePeek,
#skirca-open .DrustvoHistoryTimelineControls,
#skirca-open .DrustvoHistorySidePeek,
#uspehi .DrustvoHistoryTimelineControls,
#uspehi .DrustvoHistorySidePeek{
  top:282px;
}

.DrustvoHistorySliderShell{
  width:var(--history-viewport);
  margin:0 auto;
  overflow:hidden;
}

.DrustvoHistorySlider{
  width:max-content;
  display:flex;
  gap:var(--history-slide-gap);
  cursor:grab;
  user-select:none;
  transform:translateX(calc(var(--history-index) * -1 * (var(--history-slide-width) + var(--history-slide-gap))));
  transition:transform .34s cubic-bezier(.22,.9,.2,1);
}

@media (min-width:801px){
  .DrustvoHistorySlider{
    align-items:flex-start;
  }

  .DrustvoHistorySlide[aria-hidden="true"],
  #uspehi .DrustvoHistorySlide[aria-hidden="true"]{
    height:0;
    min-height:0;
    overflow:hidden;
  }

  .DrustvoHistorySlide.is-active{
    height:auto;
  }
}

.DrustvoHistorySlider.is-dragging{
  cursor:grabbing;
}

.DrustvoHistorySlide{
  flex:0 0 var(--history-slide-width);
  position:relative;
  display:block;
  overflow:hidden;
  box-sizing:border-box;
  padding:0;
  opacity:1;
}

.DrustvoHistorySlide.is-active{
  opacity:1;
}

.DrustvoHistorySlideMedia{
  float:left;
  width:min(420px, 38%);
  min-height:220px;
  margin:0 34px 34px 0;
  position:relative;
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.04)),
    url("assets/drustvo-arhiv/imgPredstavitevDrustva.jpg") center center / cover no-repeat;
  border:1px solid rgba(255,255,255,.2);
}

#zgodovina .DrustvoHistorySlide:first-child .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
    url("assets/drustvo-arhiv/imgTrzin1953Kanja.png");
}

#zgodovina .DrustvoHistorySlide:nth-child(2) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
    url("assets/drustvo-arhiv/imgTrzin1955Kanja.png");
}

#zgodovina .DrustvoHistorySlide:first-child .DrustvoHistorySlideMedia::after,
#zgodovina .DrustvoHistorySlide:nth-child(2) .DrustvoHistorySlideMedia::after{
  content:"Foto: Turisti\010Dno dru\0161tvo Kanja Trzin";
  position:absolute;
  left:0;
  right:0;
  bottom:-27px;
  color:rgba(255,255,255,.58);
  font-size:12px;
  font-weight:600;
  line-height:1.2;
}

#zgodovina .DrustvoHistorySlide:first-child .DrustvoHistorySlideMedia,
#zgodovina .DrustvoHistorySlide:nth-child(2) .DrustvoHistorySlideMedia{
  margin-bottom:52px;
}

#zgodovina .DrustvoHistorySlide:nth-child(3) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.04)),
    url("assets/drustvo-arhiv/imgZgodovinaDrustva.png");
}

#zgodovina .DrustvoHistorySlide:nth-child(4) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img1977Register.jpg");
}

#zgodovina .DrustvoHistorySlide:nth-child(5) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img1982Mladi.jpg");
  background-position:center top;
}

#zgodovina .DrustvoHistorySlide:nth-child(6) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img1990Pokali.jpg");
}

#zgodovina .DrustvoHistorySlide:nth-child(7) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img1995Skirca.jpg");
}

#zgodovina .DrustvoHistorySlide:nth-child(8) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img1999Klopcic.jpg");
}

#zgodovina .DrustvoHistorySlide:nth-child(9) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/imgKanarcki2003.jpg");
  background-position:center center;
}

#zgodovina .DrustvoHistorySlide:nth-child(10) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2003PriznanjeObcineTrzin.png");
  background-position:center center;
}

#zgodovina .DrustvoHistorySlide:nth-child(11) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2006Preimenovanje.jpg");
}

#zgodovina .DrustvoHistorySlide:nth-child(12) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2010Gorjup.jpg");
  background-position:42% center;
}

#zgodovina .DrustvoHistorySlide:nth-child(13) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2014Strelisce.jpg");
  background-position:center center;
}

#zgodovina .DrustvoHistorySlide:nth-child(14) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2023Poplave.jpg");
  background-position:center center;
}

#zgodovina .DrustvoHistorySlide:nth-child(15) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2024Ekipa.jpg");
  background-position:center center;
}

#skirca-open .DrustvoHistorySlide:first-child .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img1995Skirca.jpg");
}

#skirca-open .DrustvoHistorySlide:nth-child(2) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2000SkircaPeace.jpg");
}

#skirca-open .DrustvoHistorySlide:nth-child(3) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2002SkircaShotSoft.jpg");
}

#skirca-open .DrustvoHistorySlide:nth-child(4) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2004SkircaLiveStream.png");
}

#skirca-open .DrustvoHistorySlide:nth-child(5) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2006SkircaTaubiCenter.png");
}

#skirca-open .DrustvoHistorySlide:nth-child(6) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2013SkircaResults.jpg");
}

#skirca-open .DrustvoHistorySlide:nth-child(7) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2018SkircaHarmonija.jpg");
}

#skirca-open .DrustvoHistorySlide:nth-child(8) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2018SkircaMedalje.jpg");
}

#skirca-open .DrustvoHistorySlide:nth-child(9) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/imgSkircaOpen.jpg");
}

#skirca-open .DrustvoHistorySlide:nth-child(10) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2027SkircaJubilej.jpg");
  background-position:center center;
}

#uspehi .DrustvoHistorySlide{
  display:block;
  min-height:220px;
  --achievement-media-width:min(42%, 520px);
}

#uspehi .DrustvoHistorySlideMedia{
  position:absolute;
  left:0;
  top:0;
  float:none;
  width:var(--achievement-media-width);
  margin:0;
}

#uspehi .DrustvoHistorySlideText,
#uspehi .DrustvoHistorySlideFullText{
  margin-left:calc(var(--achievement-media-width) + 34px);
  min-width:0;
}

#uspehi .DrustvoHistorySlide:first-child .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img1983UspehiPionirji.jpg");
  background-position:center center;
}

#uspehi .DrustvoHistorySlide:nth-child(2) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img1990UspehiSarajevo.jpg");
  background-position:center 28%;
}

#uspehi .DrustvoHistorySlide:nth-child(3) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2017UspehiGrandPrixBeograd.jpg");
  background-position:center center;
}

#uspehi .DrustvoHistorySlide:nth-child(4) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2018UspehiSuzanaLukic.png");
  background-position:center center;
}

#uspehi .DrustvoHistorySlide:nth-child(5) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2019UspehiOsijek.jpg");
  background-position:center center;
}

#uspehi .DrustvoHistorySlide:nth-child(6) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2020UspehiWroclaw.png");
  background-position:center center;
}

#uspehi .DrustvoHistorySlide:nth-child(7) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2021UspehiPokali.jpg");
  background-position:center center;
}

#uspehi .DrustvoHistorySlide:nth-child(8) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2022MediteranskeIgre.png");
  background-position:center center;
}

#uspehi .DrustvoHistorySlide:nth-child(9) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2023UspehiTallinnFinale.jpg");
  background-position:center center;
}

#uspehi .DrustvoHistorySlide:nth-child(10) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2024UspehiEkipaDP2.png");
  background-position:center center;
}

#uspehi .DrustvoHistorySlide:nth-child(11) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2025UspehiClanicePuska.png");
  background-position:center center;
}

#uspehi .DrustvoHistorySlide:nth-child(12) .DrustvoHistorySlideMedia{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/img2026UspehiClanicePuska.png");
  background-position:center center;
}

.DrustvoHistoryTimeline--presentation{
  border-bottom:1px solid rgba(255,255,255,.12);
}

.DrustvoHistoryTimeline--presentation .DrustvoHistorySlideMedia{
  float:right;
  margin:50px 0 34px 34px;
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/imgPredstavitevDrustva.jpg?v=20260715");
  background-position:center center;
}

.DrustvoHistoryTimeline--membership .DrustvoHistorySlideMedia{
  float:right;
  margin:50px 0 34px 34px;
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/imgClanstvo.jpg?v=20260715");
  background-position:center center;
}

.DrustvoHistoryTimeline--range .DrustvoHistorySlideMedia{
  float:right;
  margin:50px 0 34px 34px;
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/strelisce.jpg?v=20260717");
  background-position:center center;
}

.DrustvoHistoryTimeline--staff .DrustvoHistorySlideMedia{
  float:right;
  margin:50px 0 34px 34px;
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/imgStrokovniKader.jpg?v=20260717");
  background-position:center center;
}

.DrustvoHistoryTimeline--training .DrustvoHistorySlideMedia{
  float:right;
  margin:50px 0 34px 34px;
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/imgTreningi.jpg?v=20260717");
  background-position:center center;
}

.DrustvoHistoryTimeline--international .DrustvoHistorySlideMedia{
  float:right;
  margin:50px 0 34px 34px;
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/imgReprezentanca.jpg?v=20260717");
  background-position:center center;
}

.DrustvoHistoryTimeline--domestic .DrustvoHistorySlideMedia{
  float:right;
  margin:50px 0 34px 34px;
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/imgDomacaTekmovanja.jpg?v=20260717");
  background-position:center center;
}

.DrustvoHistoryTimeline--documents .DrustvoHistorySlideMedia{
  float:right;
  margin:50px 0 34px 34px;
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/pokali.jpg?v=20260717");
  background-position:center center;
}

.DrustvoHistoryTimeline--partners .DrustvoHistorySlideMedia{
  float:right;
  margin:50px 0 34px 34px;
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/imgSponzorji.jpg?v=20260717");
  background-position:center center;
}

.DrustvoHistoryTimeline--support .DrustvoHistorySlideMedia{
  float:right;
  margin:50px 0 34px 34px;
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/imgPomagajteUspeheWide.png?v=20260717");
  background-position:center center;
}

.DrustvoHistoryTimeline--join .DrustvoHistorySlideMedia{
  float:right;
  margin:50px 0 34px 34px;
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03)),
    url("assets/drustvo-arhiv/imgPostaniteClan.jpg?v=20260717");
  background-position:center center;
}

.DrustvoHistoryTimeline--contact .DrustvoHistorySlideMedia{
  float:right;
  margin:50px 0 34px 34px;
  background:#ffffff;
}

.DrustvoHistorySlideMedia--map iframe{
  display:block;
  width:100%;
  height:100%;
  min-height:inherit;
  border:0;
}

.DrustvoHistoryTimeline--presentation .DrustvoHistorySlideMedia::after,
.DrustvoHistoryTimeline--membership .DrustvoHistorySlideMedia::after,
.DrustvoHistoryTimeline--single .DrustvoHistorySlideMedia::after{
  content:none;
}

.DrustvoHistorySlideKicker{
  display:block;
  margin:0 0 14px;
  color:#35cfff;
  font-family:var(--font-sdtrzin);
  font-size:30px;
  font-weight:900;
  line-height:1;
}

.DrustvoHistorySlideText span{
  display:block;
  margin:0 0 6px;
  color:#35cfff;
  font-family:var(--font-sdtrzin);
  font-size:30px;
  font-weight:900;
  line-height:1;
}

.DrustvoHistorySlideText h2{
  margin:0 0 22px;
  color:#ffffff;
  font-size:28px;
  font-weight:900;
  line-height:1.08;
  letter-spacing:0;
}

.DrustvoHistoryTimeline--presentation .DrustvoHistorySlideText h2{
  margin-bottom:18px;
  color:#ffffff;
  font-size:24px;
}

.DrustvoHistoryTimeline--presentation .DrustvoHistorySlideText h2,
.DrustvoHistoryTimeline--presentation .DrustvoHistorySlideFullText h3{
  color:#ffffff;
  font-size:24px;
}

.DrustvoHistoryTimeline--single .DrustvoHistorySlideText h2{
  margin-bottom:18px;
  color:#ffffff;
  font-size:24px;
}

#zgodovina .DrustvoHistorySlideText h2,
#skirca-open .DrustvoHistorySlideText h2,
#uspehi .DrustvoHistorySlideText h2{
  font-size:24px;
}

.DrustvoHistoryTimeline--membership .DrustvoHistorySlideText h2{
  color:#ffffff;
  font-size:24px;
}

.DrustvoHistoryTimeline--membership .DrustvoHistorySlideText h3{
  margin-top:-8px;
  margin-bottom:18px;
  color:#ffffff;
  font-size:24px;
}

.DrustvoHistorySlideText h3,
.DrustvoHistorySlideFullText h3{
  margin:18px 0 10px;
  color:#35cfff;
  font-size:20px;
  font-weight:900;
  line-height:1.18;
  letter-spacing:0;
}

.DrustvoHistorySlideText h2 + h3{
  margin-top:-10px;
  margin-bottom:18px;
  color:#9feaff;
  font-size:22px;
}

.DrustvoHistorySlideText p{
  max-width:none;
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:16px;
  font-weight:600;
  line-height:1.55;
  text-align:justify;
  hyphens:none;
}

.DrustvoHistorySlideText p + p{
  margin-top:12px;
}

.DrustvoHistorySlideText strong,
.DrustvoHistorySlideFullText strong{
  color:#35cfff;
}

.DrustvoHistorySlideFullText{
  max-width:none;
  color:rgba(255,255,255,.78);
  font-size:16px;
  font-weight:600;
  line-height:1.55;
}

.DrustvoHistorySlideText + .DrustvoHistorySlideFullText{
  margin-top:12px;
}

.DrustvoHistorySlideFullText p{
  margin:0;
  text-align:justify;
  hyphens:none;
}

.DrustvoHistorySlideFullText p + p{
  margin-top:12px;
}

#zgodovina .DrustvoHistorySlideText p,
#zgodovina .DrustvoHistorySlideFullText,
#zgodovina .DrustvoHistorySlideFullText p,
#zgodovina .DrustvoHistorySlideText strong,
#zgodovina .DrustvoHistorySlideFullText strong,
.DrustvoHistoryTimeline--presentation .DrustvoHistorySlideText p,
.DrustvoHistoryTimeline--presentation .DrustvoHistorySlideFullText,
.DrustvoHistoryTimeline--presentation .DrustvoHistorySlideFullText p,
.DrustvoHistoryTimeline--presentation .DrustvoHistorySlideText strong,
.DrustvoHistoryTimeline--presentation .DrustvoHistorySlideFullText strong,
.DrustvoHistoryTimeline--membership .DrustvoHistorySlideText p,
.DrustvoHistoryTimeline--membership .DrustvoHistorySlideFullText,
.DrustvoHistoryTimeline--membership .DrustvoHistorySlideFullText p,
.DrustvoHistoryTimeline--membership .DrustvoHistorySlideText strong,
.DrustvoHistoryTimeline--membership .DrustvoHistorySlideFullText strong,
.DrustvoHistoryTimeline--single .DrustvoHistorySlideText p,
.DrustvoHistoryTimeline--single .DrustvoHistorySlideFullText,
.DrustvoHistoryTimeline--single .DrustvoHistorySlideFullText p,
.DrustvoHistoryTimeline--single .DrustvoHistorySlideText strong,
.DrustvoHistoryTimeline--single .DrustvoHistorySlideFullText strong,
#skirca-open .DrustvoHistorySlideText p,
#skirca-open .DrustvoHistorySlideFullText,
#skirca-open .DrustvoHistorySlideFullText p,
#skirca-open .DrustvoHistorySlideText strong,
#skirca-open .DrustvoHistorySlideFullText strong,
#uspehi .DrustvoHistorySlideText p,
#uspehi .DrustvoHistorySlideFullText,
#uspehi .DrustvoHistorySlideFullText p,
#uspehi .DrustvoHistorySlideText strong,
#uspehi .DrustvoHistorySlideFullText strong{
  font-weight:400;
}

#skirca-open .DrustvoSkircaVideoLink{
  color:#35cfff;
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:rgba(53,207,255,.58);
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:color .18s ease, text-decoration-color .18s ease, text-shadow .18s ease;
}

#skirca-open .DrustvoSkircaVideoLink:hover,
#skirca-open .DrustvoSkircaVideoLink:focus-visible{
  color:#9feaff;
  text-decoration-color:#9feaff;
  text-shadow:0 0 12px rgba(53,207,255,.5);
}

#skirca-open .DrustvoSkircaVideoLink:focus-visible{
  outline:2px solid rgba(53,207,255,.65);
  outline-offset:3px;
}

.DrustvoHistoryResultList a{
  color:inherit;
  font-weight:900;
  text-decoration:none;
}

.DrustvoHistoryResultList a:hover,
.DrustvoHistoryResultList a:focus-visible{
  color:#35cfff;
  text-decoration:underline;
}

.DrustvoHistoryResultList{
  margin:14px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}

.DrustvoHistoryResultList li{
  position:relative;
  padding-left:18px;
  color:rgba(255,255,255,.78);
  font-size:16px;
  font-weight:400;
  line-height:1.42;
}

.DrustvoHistoryResultList li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#35cfff;
}

#uspehi .DrustvoHistorySlideFullText h3{
  margin-top:14px;
  margin-bottom:7px;
  font-size:18px;
}

#uspehi .DrustvoHistoryResultList{
  gap:5px;
}

#uspehi .DrustvoHistoryResultList li{
  font-size:15px;
  line-height:1.34;
}

.DrustvoHistoryTimelineControls{
  position:absolute;
  left:0;
  right:0;
  top:144px;
  z-index:10;
  pointer-events:none;
}

.DrustvoHistoryTimelineControls button{
  position:absolute;
  top:0;
  width:56px;
  height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:0 6px 6px 0;
  background:#26345f;
  color:#ffffff;
  font-size:0;
  box-shadow:0 10px 24px rgba(0,0,0,.34);
  backdrop-filter:blur(4px);
  cursor:pointer;
  pointer-events:auto;
  transition:background-color .16s ease, box-shadow .16s ease, filter .16s ease, opacity .16s ease;
}

.DrustvoHistoryTimelineControls button:first-child{
  left:max(0px, calc((100% - var(--content-width)) / 2 - 56px));
}

.DrustvoHistoryTimelineControls button:last-child{
  right:max(0px, calc((100% - var(--content-width)) / 2 - 56px));
  border-radius:6px 0 0 6px;
}

.DrustvoHistoryTimelineControls button::before{
  content:"\2039";
  display:block;
  font-family:Arial, "Helvetica Neue", sans-serif;
  font-size:54px;
  font-weight:700;
  line-height:1;
  text-shadow:0 2px 8px rgba(2,19,50,.45);
  transform:translateY(-4px);
}

.DrustvoHistoryTimelineControls button:last-child::before{
  content:"\203A";
}

.DrustvoHistoryTimelineControls button:hover,
.DrustvoHistoryTimelineControls button:focus-visible{
  background:#344875;
  box-shadow:0 14px 30px rgba(0,0,0,.42);
  filter:brightness(1.08);
  outline:none;
}

.DrustvoHistorySidePeek{
  position:absolute;
  top:144px;
  z-index:5;
  width:max(0px, calc((100% - var(--content-width)) / 2 - 70px));
  height:220px;
  overflow:hidden;
  pointer-events:none;
}

.DrustvoHistorySidePeekPrev{
  left:0;
}

.DrustvoHistorySidePeekNext{
  right:0;
}

.DrustvoHistorySidePeekInner{
  position:relative;
  width:var(--history-slide-width);
  height:100%;
  display:grid;
  grid-template-columns:minmax(260px, 420px) minmax(320px, 1fr);
  gap:34px;
  align-items:start;
  color:#ffffff;
  opacity:.9;
  filter:saturate(.68);
}

.DrustvoHistorySidePeekPrev .DrustvoHistorySidePeekInner{
  margin-left:auto;
}

.DrustvoHistorySidePeek .DrustvoHistorySlideMedia{
  float:none;
  width:auto;
  min-height:220px;
  margin:0;
}

.DrustvoHistorySidePeek .DrustvoHistorySlideText span{
  font-size:30px;
}

.DrustvoHistorySidePeek .DrustvoHistorySlideText h2{
  font-size:28px;
}

.DrustvoHistorySidePeek .DrustvoHistorySlideText p{
  font-size:16px;
}

#uspehi .DrustvoHistorySidePeekInner{
  display:block;
}

#uspehi .DrustvoHistorySidePeek .DrustvoHistorySlideMedia{
  position:relative;
  left:auto;
  top:auto;
  display:block;
  width:min(520px, 42%);
  height:220px;
  margin:0;
}

#uspehi .DrustvoHistorySidePeek .DrustvoHistorySlideText,
#uspehi .DrustvoHistorySidePeek .DrustvoHistorySlideFullText{
  display:none;
}

.DrustvoHistorySidePeek::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(2,19,50,.7);
}

.DrustvoHistoryTimelineControls button:disabled{
  opacity:0;
  pointer-events:none;
}

.DrustvoBlankContent{
  position:relative;
  z-index:4;
  min-height:0;
  margin-top:0;
  background:
    linear-gradient(132deg, rgba(206,214,224,.16) 0 13%, rgba(255,255,255,0) 13.4%) 0 0 / 142px 108px repeat,
    linear-gradient(48deg, rgba(226,231,237,.24) 0 15%, rgba(255,255,255,0) 15.4%) 38px 0 / 156px 116px repeat,
    linear-gradient(226deg, rgba(190,199,211,.13) 0 12%, rgba(255,255,255,0) 12.4%) 86px 0 / 168px 124px repeat,
    linear-gradient(315deg, rgba(218,224,232,.18) 0 17%, rgba(255,255,255,0) 17.4%) 12px 42px / 162px 122px repeat,
    linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.94) 48%, #ffffff 100%),
    #ffffff;
}

.LoginDrustvoHero{
  box-shadow:0 18px 42px rgba(0,18,40,.28);
}

.LoginDrustvoHero::before{
  background:
    linear-gradient(132deg, rgba(154,170,192,.46) 0 13%, transparent 13.4%) 0 0 / 142px 108px repeat,
    linear-gradient(48deg, rgba(184,197,214,.54) 0 15%, transparent 15.4%) 38px 0 / 156px 116px repeat,
    linear-gradient(226deg, rgba(139,158,184,.42) 0 12%, transparent 12.4%) 86px 0 / 168px 124px repeat,
    linear-gradient(315deg, rgba(170,185,204,.50) 0 17%, transparent 17.4%) 12px 42px / 162px 122px repeat,
    linear-gradient(
      90deg,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,.94) 15%,
      rgba(255,255,255,.62) 29%,
      rgba(255,255,255,.22) 40%,
      rgba(255,255,255,0) 48%,
      rgba(255,255,255,0) 52%,
      rgba(255,255,255,.22) 60%,
      rgba(255,255,255,.62) 71%,
      rgba(255,255,255,.94) 85%,
      rgba(255,255,255,1) 100%
    );
  opacity:1;
}

.LoginDrustvoHero::after{
  opacity:.36;
}

.LoginDrustvoHero .DrustvoHeaderImagePhoto{
  top:0;
  width:100%;
  height:100%;
  object-position:center 18%;
}

.LoginDrustvoBand{
  position:relative;
  z-index:5;
  height:3px;
  min-height:0;
  background:var(--menu-accent-blue);
  border:0;
  box-shadow:none;
}

.PageMainContent{
  min-height:calc(100vh - var(--header-expanded-height, 190px) - clamp(220px, 17vw, 285px) - 59px);
  box-sizing:border-box;
  background:
    radial-gradient(circle 760px at 24% 18%, rgba(36,189,242,.16), transparent 58%),
    radial-gradient(circle 560px at 78% 70%, rgba(255,255,255,.08), transparent 60%),
    var(--menu-blue);
}

.PageTemplate01Main{
  width:min(1280px, calc(100% - 40px));
  min-height:calc(100vh - var(--header-expanded-height, 190px) - 59px);
  margin:0 auto;
  padding:32px 0 64px;
  box-sizing:border-box;
  background:var(--menu-blue);
}

.PageTemplate01Window{
  width:100%;
  min-height:900px;
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid rgba(144,194,235,.16);
  border-radius:12px;
  background:linear-gradient(145deg, rgba(17,55,96,.92), rgba(8,35,70,.94));
  box-shadow:0 20px 46px rgba(0,15,37,.18);
}

.PageTemplate01HeroStack{
  width:100%;
  margin:0;
}

.PageTemplate01Hero{
  width:100%;
  height:clamp(170px, calc(17vw - 50px), 235px);
  margin:0;
  border-radius:12px 12px 0 0;
}

.PageTemplate01Hero .DrustvoHeaderImagePhoto{
  top:-100px;
}

.LoginPageTemplate01 .PageTemplate01Hero.LoginDrustvoHero .DrustvoHeaderImagePhoto{
  top:0;
  object-position:center 18%;
}

.LoginPageTemplate01Window{
  min-height:900px;
}

.PageTemplate01MenuDrustvo{
  width:100%;
  box-sizing:border-box;
  padding-left:18px;
}

.PageTemplate01MenuDrustvo a.is-active::after{
  bottom:-9px;
  width:80%;
  height:2px;
}

.PageTemplate01TransferredContent > .DrustvoHeaderImage,
.PageTemplate01TransferredContent > .DrustvoHistoryTabs,
.PageTemplate01TransferredContent > .DrustvoBlankContent{
  display:none;
}

.PageTemplate01TransferredContent,
.PageTemplate01TransferredContent .DrustvoHistoryTimeline,
.PageTemplate01TransferredContent .DrustvoHistoryCards{
  background:transparent;
}

.PageTemplate01TransferredContent .DrustvoHistoryTimeline{
  --history-viewport:min(calc(var(--content-width) - 160px), calc(100vw - 320px));
}

.PageTemplate01TransferredContent #zgodovina .DrustvoHistoryTimelineControls,
.PageTemplate01TransferredContent #zgodovina .DrustvoHistorySidePeek,
.PageTemplate01TransferredContent #skirca-open .DrustvoHistoryTimelineControls,
.PageTemplate01TransferredContent #skirca-open .DrustvoHistorySidePeek,
.PageTemplate01TransferredContent #uspehi .DrustvoHistoryTimelineControls,
.PageTemplate01TransferredContent #uspehi .DrustvoHistorySidePeek{
  top:328px;
}

@media (min-width:801px){
  .PageTemplate01Window{
    overflow:visible;
  }

  .PageTemplate01TransferredContent .DrustvoHistoryTimeline{
    width:100vw;
    margin-left:calc(50% - 50vw);
  }

  .PageTemplate01TransferredContent :is(#zgodovina, #uspehi, #skirca-open){
    --history-rail-height:320px;
    --history-rail-top:328px;
  }

  .PageTemplate01TransferredContent :is(#zgodovina, #uspehi, #skirca-open) .DrustvoHistorySectionTitle{
    width:var(--history-viewport);
    margin:0 auto 22px;
    font-size:30px;
    line-height:1;
  }

  .PageTemplate01TransferredContent #predstavitev{
    border-bottom:0;
  }

  .PageTemplate01TransferredContent .DrustvoHistoryTimeline:not(#zgodovina):not(#uspehi):not(#skirca-open) .DrustvoHistorySidePeek{
    display:none;
  }

  .PageTemplate01TransferredContent :is(#zgodovina, #uspehi, #skirca-open) :is(.DrustvoHistoryTimelineControls, .DrustvoHistorySidePeek){
    top:var(--history-rail-top);
  }

  .PageTemplate01TransferredContent :is(#zgodovina, #uspehi, #skirca-open) .DrustvoHistorySlider > .DrustvoHistorySlide{
    height:auto;
    min-height:var(--history-rail-height);
    display:grid;
    grid-template-columns:420px minmax(0, 1fr);
    grid-template-rows:auto auto;
    column-gap:34px;
    align-items:start;
    align-content:start;
    overflow:visible;
  }

  .PageTemplate01TransferredContent :is(#zgodovina, #uspehi, #skirca-open) .DrustvoHistorySlider > .DrustvoHistorySlide[aria-hidden="true"]{
    height:0;
    min-height:0;
    overflow:hidden;
  }

  .PageTemplate01TransferredContent :is(#zgodovina, #uspehi, #skirca-open) .DrustvoHistorySlideMedia{
    position:relative;
    inset:auto;
    grid-column:1;
    grid-row:1 / -1;
    float:none;
    width:100%;
    height:236px;
    min-height:236px;
    margin:0;
    box-sizing:border-box;
    background-color:#071c3b;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
  }

  .PageTemplate01TransferredContent #zgodovina .DrustvoHistorySlide:first-child .DrustvoHistorySlideMedia,
  .PageTemplate01TransferredContent #zgodovina .DrustvoHistorySlide:nth-child(2) .DrustvoHistorySlideMedia{
    margin-bottom:0;
  }

  .PageTemplate01TransferredContent :is(#zgodovina, #uspehi, #skirca-open) .DrustvoHistorySlideText,
  .PageTemplate01TransferredContent :is(#zgodovina, #uspehi, #skirca-open) .DrustvoHistorySlideFullText{
    grid-column:2;
    min-width:0;
    margin-left:0;
    padding-right:32px;
    box-sizing:border-box;
  }

  .PageTemplate01TransferredContent :is(#zgodovina, #uspehi, #skirca-open) .DrustvoHistorySlideText h2{
    line-height:1.2;
    padding-bottom:2px;
  }

  .PageTemplate01TransferredContent :is(#zgodovina, #uspehi, #skirca-open) .DrustvoHistorySlideText{
    grid-row:1;
  }

  .PageTemplate01TransferredContent :is(#zgodovina, #uspehi, #skirca-open) .DrustvoHistorySlideFullText{
    grid-row:2;
    min-height:0;
    overflow:visible;
  }

  .PageTemplate01TransferredContent #zgodovina .DrustvoHistorySlide:first-child .DrustvoHistorySlideMedia::after,
  .PageTemplate01TransferredContent #zgodovina .DrustvoHistorySlide:nth-child(2) .DrustvoHistorySlideMedia::after{
    left:10px;
    right:10px;
    bottom:8px;
    padding:4px 6px;
    background:rgba(2,19,50,.55);
    color:rgba(255,255,255,.84);
    text-shadow:0 1px 2px rgba(0,0,0,.5);
  }

  .PageTemplate01TransferredContent .DrustvoHistorySidePeek{
    display:none;
  }

  .PageTemplate01TransferredContent .DrustvoHistorySidePeek::after{
    z-index:1;
    background:rgba(2,19,50,.66);
  }

  .PageTemplate01TransferredContent :is(#zgodovina, #uspehi, #skirca-open) .DrustvoHistorySidePeekInner{
    position:absolute;
    top:0;
    width:var(--history-slide-width);
    height:var(--history-rail-height);
    margin:0;
    align-content:start;
  }

  .PageTemplate01TransferredContent :is(#zgodovina, #uspehi, #skirca-open) .DrustvoHistorySidePeekPrev .DrustvoHistorySidePeekInner{
    right:0;
    left:auto;
  }

  .PageTemplate01TransferredContent :is(#zgodovina, #uspehi, #skirca-open) .DrustvoHistorySidePeekNext .DrustvoHistorySidePeekInner{
    right:auto;
    left:0;
  }

  .PageTemplate01TransferredContent :is(#zgodovina, #uspehi, #skirca-open) .DrustvoHistoryTimelineControls button{
    height:236px;
    border:1px solid rgba(255,255,255,.34);
    background:rgba(255,255,255,.18);
    box-shadow:0 10px 24px rgba(0,0,0,.22);
    backdrop-filter:blur(8px);
  }

  .PageTemplate01TransferredContent :is(#zgodovina, #uspehi, #skirca-open) .DrustvoHistoryTimelineControls button:hover,
  .PageTemplate01TransferredContent :is(#zgodovina, #uspehi, #skirca-open) .DrustvoHistoryTimelineControls button:focus-visible{
    background:rgba(255,255,255,.28);
    box-shadow:0 12px 28px rgba(0,0,0,.28);
  }

  .PageTemplate01TransferredContent .DrustvoHistoryTimelineControls button:first-child{
    left:calc(50% - var(--history-viewport) / 2 - 68px);
  }

  .PageTemplate01TransferredContent .DrustvoHistoryTimelineControls button:last-child{
    right:calc(50% - var(--history-viewport) / 2 - 68px);
  }
}

body:has(.PageTemplate01Main) > main{
  background:var(--menu-blue);
}

body:has(.PageMainContent) main{
  background:var(--menu-blue);
}

body:has(.PageMainContent) .FrameFooter::before{
  content:"";
}

/* Osnutek podrobnosti novice */
.NewsDetailDraft{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  padding:32px 0 64px;
  color:#f7fbff;
}

.NewsDetailLayout{
  display:grid;
  grid-template-columns:minmax(0, 7fr) minmax(0, 3fr);
  gap:24px;
  align-items:start;
}

.NewsDetailLayoutSingle{grid-template-columns:1fr;}

.NewsDetailMain,
.NewsDetailAside{
  border:1px solid rgba(144,194,235,.16);
  border-radius:12px;
  background:linear-gradient(145deg, rgba(17,55,96,.92), rgba(8,35,70,.94));
  box-shadow:0 20px 46px rgba(0,15,37,.18);
}

.NewsDetailMain{
  position:relative;
  min-width:0;
  padding:28px;
}
.NewsDetailMainWorldwide{
  border-color:rgba(70,135,180,.2);
  background:linear-gradient(145deg, #f4f9fc, #e8f3f9);
  color:#08294a;
  box-shadow:0 20px 46px rgba(25,73,108,.12);
}
.NewsDetailMainWorldwide .NewsDetailMeta{color:rgba(8,41,74,.68);}
.NewsDetailMainWorldwide .NewsDetailMeta time{border-left-color:rgba(8,41,74,.22);}
.NewsDetailMainWorldwide .NewsDetailHeader h1{color:#08294a;}
.NewsDetailMainWorldwide .NewsDetailLead{color:rgba(8,41,74,.82);}
.NewsDetailMainWorldwide .NewsDetailCopy{color:rgba(8,41,74,.78);}
.NewsDetailMainWorldwide .NewsDetailSource{
  border-top-color:rgba(8,41,74,.14);
  color:rgba(8,41,74,.68);
}
.NewsDetailMainWorldwide .NewsDetailSource a{color:#177ca8;}
.NewsDetailMainWorldwide .NewsDetailActions button{
  border-color:rgba(25,118,164,.3);
  background:rgba(255,255,255,.68);
  color:#155c83;
}
.NewsDetailMainWorldwide .NewsGallery{border-top-color:rgba(8,41,74,.14);}
.NewsDetailMainWorldwide .NewsGalleryHeading h2{color:#08294a;}
.NewsDetailHeader{max-width:none;}
.NewsDetailHeaderTop{display:flex;align-items:center;justify-content:space-between;gap:18px;}

.NewsDetailMeta{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  color:rgba(255,255,255,.74);
  font-size:.82rem;
}

.NewsDetailMeta span{
  padding:5px 9px;
  border-radius:4px;
  background:var(--category-bg, #159de6);
  color:var(--category-text, #02264b);
  font-weight:800;
  letter-spacing:.04em;
}

.NewsDetailMainWorldwide .NewsDetailMeta span{
  background:#d8b879;
  color:#17324d;
}

.NewsDetailActions{display:flex;align-items:center;gap:7px;}
.NewsDetailActions button,
.NewsDetailActions a{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  padding:0;
  border:1px solid rgba(91,180,235,.42);
  border-radius:6px;
  background:rgba(3,31,64,.58);
  color:rgba(255,255,255,.82);
  cursor:pointer;
}
.NewsDetailActions svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.NewsDetailActions button:hover,
.NewsDetailActions button:focus-visible,
.NewsDetailActions a:hover,
.NewsDetailActions a:focus-visible{border-color:#29b8f4;background:rgba(14,96,150,.72);color:#fff;}
.NewsDetailActions .NewsDetailActionAdd:hover,
.NewsDetailActions .NewsDetailActionAdd:focus-visible{border-color:#53d68c;background:rgba(20,112,67,.72);color:#8df0b8;}
.NewsDetailActions .NewsDetailActionDelete:hover,
.NewsDetailActions .NewsDetailActionDelete:focus-visible{border-color:#ff667a;background:rgba(132,25,47,.68);color:#ff9cab;}
.NewsDetailMainWorldwide .NewsDetailActions a,
.NewsDetailMainWorldwide .NewsDetailActions button{
  border-color:rgba(255,255,255,.72);
  background:#0d5f8c;
  box-shadow:0 3px 9px rgba(8,41,74,.18);
  color:#fff;
}
.NewsDetailMainWorldwide .NewsDetailActions .NewsDetailActionAdd{
  border-color:#267955;
  background:#267955;
  color:#fff;
}
.NewsDetailMainWorldwide .NewsDetailActions .NewsDetailActionDelete{
  border-color:#a33248;
  background:#a33248;
  color:#fff;
}
.NewsDetailMainWorldwide .NewsDetailActions a:hover,
.NewsDetailMainWorldwide .NewsDetailActions a:focus-visible,
.NewsDetailMainWorldwide .NewsDetailActions button:hover,
.NewsDetailMainWorldwide .NewsDetailActions button:focus-visible{
  border-color:#08294a;
  background:#083f61;
  color:#fff;
}
.NewsDetailMainWorldwide .NewsDetailActions .NewsDetailActionAdd:hover,
.NewsDetailMainWorldwide .NewsDetailActions .NewsDetailActionAdd:focus-visible{
  border-color:#155638;
  background:#155638;
  color:#fff;
}
.NewsDetailMainWorldwide .NewsDetailActions .NewsDetailActionDelete:hover,
.NewsDetailMainWorldwide .NewsDetailActions .NewsDetailActionDelete:focus-visible{
  border-color:#7f1e32;
  background:#7f1e32;
  color:#fff;
}
.NewsDeleteDialog[hidden]{display:none}
.NewsDeleteDialog{position:fixed;z-index:1400;inset:0;display:grid;padding:22px;place-items:center;background:rgba(0,10,25,.78);backdrop-filter:blur(7px)}
.NewsDeleteDialogCard{display:grid;width:min(440px,100%);box-sizing:border-box;grid-template-columns:52px 1fr;gap:0 16px;padding:26px;border:1px solid rgba(111,195,239,.3);border-radius:14px;background:linear-gradient(145deg,#103b68,#08294f 62%,#061f3e);box-shadow:0 28px 72px rgba(0,6,20,.62);color:#f7fbff}
.NewsDeleteDialogIcon{display:grid;width:48px;height:48px;grid-row:1;place-items:center;border:1px solid rgba(255,114,135,.48);border-radius:9px;background:rgba(128,24,47,.42);color:#ff9caf}
.NewsDeleteDialogIcon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.NewsDeleteDialogKicker{margin:1px 0 4px;color:#67cff7;font-size:.7rem;font-weight:900;letter-spacing:.13em}
.NewsDeleteDialog h2{margin:0;font-size:1.45rem;line-height:1.15}
.NewsDeleteDialogCard>p{grid-column:1/-1}.NewsDeleteDialogCard>#news-delete-message{margin:24px 0 8px;font-size:1.02rem;font-weight:700;line-height:1.5}.NewsDeleteDialogNote{margin:0;color:rgba(255,255,255,.6);font-size:.84rem}
.NewsDeleteDialogActions{display:flex;grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:26px}
.NewsDeleteDialogActions button{min-height:42px;padding:10px 17px;border:1px solid rgba(103,207,247,.38);border-radius:7px;background:rgba(4,35,70,.72);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.NewsDeleteDialogActions button:hover,.NewsDeleteDialogActions button:focus-visible{border-color:#67cff7;background:#135f91}
.NewsDeleteDialogActions .NewsDeleteDialogConfirm{border-color:rgba(255,102,122,.62);background:#98243b;color:#fff}.NewsDeleteDialogActions .NewsDeleteDialogConfirm:hover,.NewsDeleteDialogActions .NewsDeleteDialogConfirm:focus-visible{border-color:#ff9caf;background:#c62e4c}.NewsDeleteDialogActions .NewsDeleteDialogConfirm:disabled{opacity:.65;cursor:wait}
body.news-delete-dialog-open{overflow:hidden}
@media(max-width:560px){.NewsDeleteDialog{padding:15px}.NewsDeleteDialogCard{grid-template-columns:44px 1fr;padding:21px 18px;border-radius:12px}.NewsDeleteDialogIcon{width:42px;height:42px}.NewsDeleteDialog h2{font-size:1.28rem}.NewsDeleteDialogActions{display:grid;grid-template-columns:1fr 1fr}.NewsDeleteDialogActions button{padding-inline:10px}}

/* Urejevalnik novic */
.NewsEditor{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:38px 0 72px;color:#f7fbff}
.NewsEditorHeader,.NewsEditorPanelHeading,.NewsEditorFooter{display:flex;align-items:center;justify-content:space-between;gap:24px}
.NewsEditorHeader{margin-bottom:24px}.NewsEditorHeader p{margin:0 0 5px;color:#41baf2;font-size:.75rem;font-weight:900;letter-spacing:.14em}
.NewsEditorHeader h1{margin:0;font-size:clamp(2rem,4vw,3rem)}.NewsEditorHeader span{color:rgba(255,255,255,.68)}
.NewsEditorHeader a,.NewsEditorFooter a,.NewsEditorFooter button,.NewsEditorUpload{border:1px solid rgba(65,186,242,.45);border-radius:8px;background:rgba(11,48,86,.82);color:#fff;text-decoration:none}
.NewsEditorHeader a,.NewsEditorFooter a{padding:11px 16px}.NewsEditorPanel{margin:0 0 18px;padding:24px;border:1px solid rgba(144,194,235,.18);border-radius:12px;background:linear-gradient(145deg,rgba(17,55,96,.94),rgba(8,35,70,.96));box-shadow:0 18px 40px rgba(0,15,37,.16)}
.NewsEditorPanel h2{margin:0 0 18px;font-size:1.2rem}.NewsEditorPanelHeading h2{margin:0}.NewsEditorPanelHeading>span{padding:5px 9px;border-radius:5px;background:#159de6;color:#02264b;font-weight:900}
.NewsEditorPanelHeading p{margin:4px 0 18px;color:rgba(255,255,255,.64)}.NewsEditorGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.NewsEditorGridThree{grid-template-columns:repeat(3,1fr)}.NewsEditorWide{grid-column:1/-1}.NewsEditorForm label>span{display:block;margin-bottom:7px;font-size:.82rem;font-weight:800;color:rgba(255,255,255,.78)}
.NewsEditorForm small{font-weight:500;color:rgba(255,255,255,.5)}.NewsEditorForm input[type=text],.NewsEditorForm input[type=datetime-local],.NewsEditorForm select,.NewsEditorForm textarea{width:100%;box-sizing:border-box;border:1px solid rgba(123,185,226,.28);border-radius:7px;background:rgba(2,27,56,.66);color:#fff;font:inherit;padding:11px 12px;outline:none}
.NewsEditorForm textarea{resize:vertical;line-height:1.55}.NewsEditorForm input:focus,.NewsEditorForm select:focus,.NewsEditorForm textarea:focus{border-color:#3bbbf2;box-shadow:0 0 0 3px rgba(59,187,242,.12)}
.NewsEditorCategorySelectWrap{position:relative}.NewsEditorCategorySelectWrap::after{content:"";position:absolute;right:17px;top:50%;width:8px;height:8px;border-right:2px solid #70c9f4;border-bottom:2px solid #70c9f4;transform:translateY(-70%) rotate(45deg);pointer-events:none}.NewsEditorForm .NewsEditorCategorySelect{appearance:none;padding:13px 48px 13px 16px;border-color:rgba(80,190,244,.72);background:linear-gradient(180deg,rgba(16,55,99,.98),rgba(7,37,75,.98));color:#fff;font-weight:800;letter-spacing:.02em;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.NewsEditorForm .NewsEditorCategorySelect:hover{border-color:#63c7f4;background:linear-gradient(180deg,rgba(20,68,119,.98),rgba(8,42,83,.98))}.NewsEditorForm .NewsEditorCategorySelect:focus{border-color:#41baf1;box-shadow:0 0 0 3px rgba(65,186,241,.16)}.NewsEditorForm .NewsEditorCategorySelect option{background:#102c55;color:#fff;font-weight:700}.NewsEditorForm .NewsEditorCategorySelect option:checked{background:#2468c8;color:#fff}
.NewsEditorUpload{display:block;padding:9px 12px;cursor:pointer}.NewsEditorUpload span{margin:0!important}.NewsEditorUpload input{position:absolute;inline-size:1px;block-size:1px;opacity:0}
.NewsEditorGallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-height:620px;overflow:auto;padding:2px}
.NewsEditorImage{overflow:hidden;border:1px solid rgba(144,194,235,.18);border-radius:9px;background:#061f3e}.NewsEditorImage.is-selected{border-color:#33b8f1;box-shadow:0 0 0 2px rgba(51,184,241,.15)}
.NewsEditorImage img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.NewsEditorImage div{display:flex;justify-content:space-between;gap:6px;padding:8px;font-size:.76rem}.NewsEditorImage label{cursor:pointer}
.NewsEditorMessages p{padding:12px 15px;border-radius:8px}.NewsEditorMessages .news_error{background:#6f2436}.NewsEditorMessages .news_success{background:#17644d}.NewsEditorMessages .news_warning{background:#76531a;color:#fff4d6}
.NewsEditorFooter{margin-top:26px;justify-content:flex-end}.NewsEditorFooter button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;background:#159de6;color:#02264b;font-weight:900;cursor:pointer}.NewsEditorFooter button.is-submitting{cursor:wait;opacity:.88}.NewsEditorFooter button.is-submitting::before{content:"";width:15px;height:15px;box-sizing:border-box;border:2px solid rgba(2,38,75,.35);border-top-color:#02264b;border-radius:50%;animation:news-editor-submit-spin .72s linear infinite}
@keyframes news-editor-submit-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.NewsEditorFooter button.is-submitting::before{animation-duration:1.5s}}
@media(max-width:800px){.NewsEditor{width:min(100% - 24px,1180px);padding-top:24px}.NewsEditorHeader,.NewsEditorPanelHeading{align-items:flex-start;flex-direction:column}.NewsEditorGrid,.NewsEditorGridThree{grid-template-columns:1fr}.NewsEditorGallery{grid-template-columns:repeat(2,minmax(0,1fr))}.NewsEditorPanel{padding:17px}.NewsEditorHeader a{align-self:flex-start}}
.NewsEditorInline .NewsDetailMain{max-width:920px;margin:0 auto;width:100%;box-sizing:border-box}
.NewsEditorInlineHeader{margin-bottom:28px}.NewsEditorInlineHeader .NewsDetailLead{max-width:760px}
.NewsEditorInlineForm{display:grid;gap:22px}.NewsEditorInlineForm>label{display:block}
.NewsEditorInlineForm textarea{min-height:330px}
.NewsEditorAutoMentionNote{display:block;margin-top:7px;color:rgba(255,255,255,.58);font-size:.76rem;line-height:1.45}
.NewsEditorContentField{position:relative}.NewsEditorContentHeading{display:flex!important;align-items:center;justify-content:space-between;gap:12px}
.NewsEditorContentHeading>span{margin:0}.NewsEditorContentTools{display:flex!important;gap:6px}.NewsEditorContentTools>button{display:grid;place-items:center;width:34px;height:30px;padding:0;border:1px solid rgba(123,185,226,.32);border-radius:7px;background:rgba(2,27,56,.7);font-size:1.05rem;cursor:pointer}
.NewsEditorContentTools>button:hover,.NewsEditorContentTools>button:focus-visible{border-color:#3bbbf2;background:rgba(14,96,150,.72)}
.NewsEmojiPicker{position:absolute;z-index:8;top:34px;right:0;display:grid!important;grid-template-columns:repeat(5,38px);gap:5px;max-height:min(330px,55vh);overflow-y:auto;padding:9px;border:1px solid rgba(123,185,226,.34);border-radius:9px;background:#08294f;box-shadow:0 14px 32px rgba(0,12,32,.36)}
.NewsEmojiPicker[hidden]{display:none!important}.NewsEmojiPicker button{display:grid;place-items:center;width:38px;height:36px;padding:0;border:1px solid transparent;border-radius:6px;background:rgba(255,255,255,.06);font-size:1.12rem;cursor:pointer}
.NewsEmojiPicker button:hover,.NewsEmojiPicker button:focus-visible{border-color:#43c2f5;background:rgba(67,194,245,.16);transform:translateY(-1px)}
.NewsPersonPicker{position:absolute;z-index:9;top:34px;right:0;display:grid!important;width:min(340px,calc(100vw - 70px));box-sizing:border-box;gap:10px;padding:15px;border:1px solid rgba(123,185,226,.34);border-radius:9px;background:#08294f;box-shadow:0 14px 32px rgba(0,12,32,.4)}
.NewsPersonPicker[hidden]{display:none!important}.NewsPersonPicker strong{font-size:1rem}.NewsPersonPicker label>span{margin-bottom:5px}.NewsPersonPicker input,.NewsPersonPicker select{width:100%;box-sizing:border-box;padding:9px 10px!important}
.NewsPersonPicker>button{padding:9px 12px;border:1px solid rgba(67,194,245,.38);border-radius:7px;background:#116b9d;color:#fff;font-weight:800;cursor:pointer}.NewsPersonPicker>button:hover,.NewsPersonPicker>button:focus-visible{background:#1686c2}
.NewsPersonPickerDivider{display:flex!important;align-items:center;gap:8px;color:rgba(255,255,255,.55);font-size:.75rem}.NewsPersonPickerDivider::before,.NewsPersonPickerDivider::after{content:"";flex:1;border-top:1px solid rgba(144,194,235,.2)}
.NewsPersonPicker small{min-height:1em;color:#ff9cab;font-size:.76rem}
.NewsPersonLink{color:#6fd3ff;font-weight:750;text-decoration:underline;text-decoration-color:rgba(111,211,255,.5);text-underline-offset:2px}.NewsPersonLink:hover,.NewsPersonLink:focus-visible{color:#a9e8ff}
.NewsEditorImages{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:4px;border-top:1px solid rgba(144,194,235,.16)}
.NewsEditorImages h2{margin:18px 0 4px;font-size:1.1rem}.NewsEditorImages p{margin:0;color:rgba(255,255,255,.62);font-size:.88rem}
.NewsEditorSocial{margin-top:22px;padding:18px 20px;border:1px solid rgba(24,119,242,.38);border-radius:10px;background:rgba(24,119,242,.1)}.NewsEditorSocial h2{margin:0 0 8px;font-size:1.05rem}.NewsEditorSocial p{margin:0 0 8px;color:rgba(255,255,255,.78);line-height:1.5}.NewsEditorSocialChoice{display:flex;align-items:flex-start;gap:11px;cursor:pointer}.NewsEditorSocialChoice input{width:18px;height:18px;margin:2px 0 0;accent-color:#1877f2;flex:0 0 auto}.NewsEditorSocialChoice>span{margin:0!important;font-size:.92rem!important;color:#fff!important}.NewsEditorSocial small{display:block;margin-top:9px;line-height:1.45}.NewsEditorSocialWarning{color:#ffd68a!important}
.NewsEditorGallerySlider{position:relative;min-width:0}.NewsEditorGallerySlider[hidden]{display:none}
.NewsEditorExistingImages,.NewsUploadPreview{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/5);gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px;cursor:grab;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;user-select:none}.NewsEditorExistingImages.is-dragging,.NewsUploadPreview.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.NewsEditorExistingImages::-webkit-scrollbar,.NewsUploadPreview::-webkit-scrollbar{display:none}
.NewsEditorExistingImages figure,.NewsUploadPreview figure{min-width:0;scroll-snap-align:start}
.NewsEditorExistingImages figure{position:relative;margin:0;overflow:hidden;border:1px solid rgba(144,194,235,.2);border-radius:9px;background:#061f3e;transition:opacity .18s ease,border-color .18s ease}
.NewsEditorExistingImages img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;-webkit-user-drag:none}
.NewsEditorExistingImages figcaption{position:absolute;right:7px;bottom:7px;padding:4px 7px;border-radius:4px;background:rgba(8,35,70,.9);font-size:.7rem;font-weight:800}
.NewsEditorExistingImages figure.is-removed{border-color:#ff7790;opacity:.42}.NewsEditorExistingImages figure.is-removed img{filter:grayscale(1)}
.NewsUploadFeedback{min-height:1.25em;margin-top:-12px;color:rgba(255,255,255,.68);font-size:.82rem}.NewsUploadFeedback.is-error{color:#ff9cab}.NewsUploadFeedback.is-working{color:#7edaff}
.NewsUploadPreview figure{position:relative;margin:0;overflow:hidden;border:1px solid rgba(144,194,235,.2);border-radius:9px;background:#061f3e}.NewsUploadPreview img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;-webkit-user-drag:none}.NewsUploadPreview figcaption{overflow:hidden;padding:6px 8px;color:rgba(255,255,255,.72);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}
.NewsEditorGalleryButton{position:absolute;z-index:3;top:50%;display:grid;width:34px;height:42px;padding:0;border:1px solid rgba(255,255,255,.55);place-items:center;background:rgba(3,34,69,.88);box-shadow:0 4px 14px rgba(0,0,0,.34);color:#fff;font:800 28px/1 Arial,sans-serif;cursor:pointer;transform:translateY(-50%)}.NewsEditorGalleryButton:hover,.NewsEditorGalleryButton:focus-visible{background:#126fa7}.NewsEditorGalleryButton:disabled{opacity:0;pointer-events:none}.NewsEditorGalleryButtonPrev{left:4px;border-radius:0 7px 7px 0}.NewsEditorGalleryButtonNext{right:4px;border-radius:7px 0 0 7px}
.NewsImageRemove{position:absolute;z-index:2;top:7px;right:7px;display:grid;width:26px;height:26px;padding:0;border:1px solid rgba(255,255,255,.82);border-radius:5px;place-items:center;background:rgba(156,24,48,.92);box-shadow:0 2px 9px rgba(0,0,0,.35);color:#fff;font:800 18px/1 Arial,sans-serif;cursor:pointer}.NewsImageRemove:hover,.NewsImageRemove:focus-visible{background:#e32749;transform:scale(1.06)}
@media(max-width:900px){.NewsEditorExistingImages,.NewsUploadPreview{grid-auto-columns:calc((100% - 24px)/3)}}
@media(max-width:700px){.NewsEditorImages{align-items:flex-start;flex-direction:column}.NewsEditorExistingImages,.NewsUploadPreview{grid-auto-columns:calc((100% - 12px)/2)}.NewsEditorInlineForm textarea{min-height:260px}}
.NewsDetailSourceLogo{
  display:block;
  width:46px;
  height:46px;
  padding:4px;
  object-fit:contain;
  border-radius:8px;
  background:rgba(255,255,255,.9);
}

.NewsDetailMeta time{padding-left:12px;border-left:1px solid rgba(255,255,255,.28);}
.NewsDetailHeader h1{max-width:760px;margin:12px 0;font-size:clamp(1.65rem, 2.4vw, 2.25rem);line-height:1.1;letter-spacing:-.02em;}
.NewsDetailLead{margin:0;color:rgba(255,255,255,.82);font-size:1.08rem;line-height:1.55;}

.NewsDetailFigure{
  width:100%;
  aspect-ratio:16 / 9;
  margin:28px 0 24px;
  overflow:hidden;
  border-radius:12px;
  background:#061f3e;
}

.NewsDetailFigure img,
.NewsGalleryItem img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
.NewsDetailFigurePortrait img{
  object-position:
    var(--news-detail-focus-x, 50%)
    var(--news-detail-focus-y, 50%);
}
.NewsDetailFigureFallback{
  display:grid;
  place-items:center;
  background:linear-gradient(145deg, #eaf4f9, #dcecf5);
}
.NewsDetailFigureFallback img{
  width:min(34%, 240px);
  height:min(58%, 240px);
  object-fit:contain;
}

.NewsDetailCopy{
  max-width:780px;
  margin:0 auto;
  color:rgba(255,255,255,.78);
  font-size:16px;
  font-weight:400;
  line-height:1.55;
}
.NewsDetailCopy p{margin:0;text-align:justify;hyphens:none;}
.NewsDetailCopy p + p{margin-top:12px;}
.NewsDetailSource{
  max-width:780px;
  margin:24px auto 0;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.68);
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.NewsDetailSourceLinks{min-width:0;display:grid;gap:6px;}
.NewsDetailSource p{margin:0;}
.NewsDetailSourceLinks a{overflow-wrap:anywhere;}
.NewsDetailSource a{color:#74c8e8;text-decoration:none;}
.NewsDetailSource a:hover{text-decoration:underline;}

.NewsGallery{max-width:780px;margin:34px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);}
.NewsGalleryHeading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;}
.NewsGalleryHeading h2,.NewsDetailAside h2{margin:0;font-size:1.18rem;}
.NewsGalleryControls{display:flex;gap:8px;}
.NewsGalleryControls button{
  width:38px;height:38px;border:1px solid rgba(77,178,238,.55);border-radius:7px;
  background:rgba(4,31,64,.76);color:#fff;font-size:1.45rem;cursor:pointer;
}
.NewsGalleryControls button:disabled{opacity:.35;cursor:default;}
.NewsGalleryViewport{overflow:hidden;}
.NewsGalleryTrack{display:flex;gap:12px;scroll-behavior:smooth;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;}
.NewsGalleryTrack.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;user-select:none;}
.NewsGalleryTrack::-webkit-scrollbar{display:none;}
.NewsGalleryItem{
  flex:0 0 calc((100% - 48px) / 5);aspect-ratio:1;padding:0;overflow:hidden;
  border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#061f3e;cursor:pointer;scroll-snap-align:start;
}
.NewsGalleryItem:hover img,.NewsGalleryItem:focus-visible img{transform:scale(1.04);}
.NewsGalleryItem img{transition:transform .25s ease;-webkit-user-drag:none;}
@media (min-width:901px){
  .NewsGalleryTrack,
  .NewsGalleryItem{cursor:grab;}
  .NewsGalleryTrack.is-dragging .NewsGalleryItem{cursor:grabbing;}
}

body.news-lightbox-open{overflow:hidden;}
.NewsLightbox[hidden]{display:none;}
.NewsLightbox{
  position:absolute;
  z-index:20;
  top:auto;
  bottom:52px;
  left:50%;
  width:min(800px, calc(100vw - 48px));
  height:min(800px, calc(100% - 104px), calc(100vh - 24px));
  height:min(800px, calc(100% - 104px), calc(100dvh - 24px));
  min-height:min(390px, calc(100vh - 24px));
  min-height:min(390px, calc(100dvh - 24px));
  box-sizing:border-box;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  grid-template-rows:minmax(0, 1fr) auto;
  gap:12px 16px;
  align-items:center;
  padding:28px 20px 18px;
  border:1px solid rgba(111,198,247,.58);
  border-radius:12px;
  background:rgba(0,12,31,.78);
  backdrop-filter:blur(8px);
  transform:translateX(-50%);
  box-shadow:
    0 18px 42px rgba(0,8,24,.52),
    0 -8px 28px rgba(35,161,224,.12),
    inset 0 1px 0 rgba(255,255,255,.08);
}
.NewsLightboxFigure{
  grid-column:1 / -1;
  grid-row:1;
  width:100%;
  height:100%;
  max-width:100%;
  min-height:0;
  margin:0;
  cursor:grab;
  user-select:none;
}
.NewsLightboxFigure.is-dragging{cursor:grabbing;}
.NewsLightboxFigure img{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
}
.NewsLightboxCounter{
  grid-column:2;
  grid-row:2;
  min-width:48px;
  color:rgba(255,255,255,.78);
  text-align:center;
  font-size:.9rem;
}
.NewsLightboxClose,
.NewsLightboxButton{
  border:1px solid rgba(255,255,255,.34);
  border-radius:7px;
  background:rgba(5,34,69,.84);
  color:#fff;
  cursor:pointer;
}
.NewsLightboxClose{
  position:absolute;
  top:20px;
  right:20px;
  width:42px;
  height:42px;
  font-size:1.65rem;
}
.NewsLightboxButton{
  grid-row:2;
  width:54px;
  height:42px;
  font-size:1.65rem;
  line-height:1;
}
.NewsLightboxPrevious{grid-column:1;justify-self:end;}
.NewsLightboxNext{grid-column:3;justify-self:start;}
.NewsLightboxClose:hover,.NewsLightboxButton:hover,
.NewsLightboxClose:focus-visible,.NewsLightboxButton:focus-visible{border-color:#2eb5f3;background:#0b5790;}

.NewsDetailAside{
  box-sizing:border-box;
  padding:22px 18px;
  overflow:hidden;
}
.NewsDetailAside h2{padding-bottom:12px;border-bottom:2px solid #159de6;}
.NewsDetailAside a{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:center;padding:16px 0;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.1);}
.NewsDetailAside a[hidden]{display:none;}
.NewsDetailAside a:last-child,.NewsDetailAside a.is-last-visible{border-bottom:0;}
.NewsDetailAside img{width:88px;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:7px;}
.NewsDetailAside a > span{
  align-self:stretch;
  display:grid;
  grid-template-rows:auto auto;
  align-content:end;
  gap:7px;
}
.NewsDetailAside strong{font-size:.9rem;line-height:1.25;}
.NewsDetailAside small{color:rgba(255,255,255,.62);}
.NewsDetailAside .NewsDetailAsideMeta{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
}
.NewsDetailAside .NewsDetailAsideTag{
  padding:3px 6px;
  border-radius:3px;
  background:color-mix(in srgb, var(--category-bg, #159de6) 72%, #edf4f8);
  color:color-mix(in srgb, var(--category-text, #02264b) 82%, #30485e);
  font-size:.62rem;
  font-weight:800;
  line-height:1;
  letter-spacing:.04em;
}

@media (max-width:900px){
  body:has(.NewsDetailDraft) .PageMainContent{
    display:contents;
  }

  .NewsDetailDraft{width:min(100% - 28px, 720px);padding-top:22px;}
  .NewsDetailLayout{grid-template-columns:1fr;}
  .NewsDetailMain{padding:20px;}
  .NewsLightbox{
    position:fixed;
    z-index:1000;
    top:50%;
    right:auto;
    bottom:auto;
    left:50%;
    width:calc(100vw - 24px);
    height:auto;
    min-height:0;
    grid-template-rows:minmax(0, auto) auto;
    border-radius:12px;
    transform:translate(-50%, -50%);
  }
  .NewsLightboxFigure{
    width:min(100%, calc(100vh - 154px));
    width:min(100%, calc(100dvh - 154px));
    height:auto;
    aspect-ratio:1;
    min-width:0;
    min-height:0;
    justify-self:center;
    overflow:hidden;
    background:#020e20;
    touch-action:pan-y;
    user-select:none;
  }
  .NewsLightboxFigure img{
    width:100%;
    height:100%;
    max-height:none;
    object-fit:contain;
    pointer-events:none;
  }
  .NewsDetailAside{display:none;}
  .NewsGalleryItem{flex-basis:calc((100% - 12px) / 2);}
}

@media (max-width:560px){
  .NewsDetailHeaderTop{align-items:flex-start;}
  .NewsDetailActions{gap:5px;}
  .NewsDetailActions button{width:28px;height:28px;}
  .NewsDetailHeader h1{font-size:1.6rem;}
  .NewsDetailLead{font-size:.98rem;}
  .NewsDetailMain{padding:16px;}
  .NewsDetailFigure{margin-top:22px;}
  .NewsGalleryItem{flex-basis:calc((100% - 12px) / 2);}
  .NewsLightbox{
    grid-template-columns:1fr auto 1fr;
    padding:58px 10px 14px;
  }
  .NewsLightboxButton{width:42px;height:38px;font-size:1.45rem;}
  .NewsLightboxClose{top:12px;right:12px;width:36px;height:36px;font-size:1.35rem;}
}

.NewsDetailOther{
  background:#eef1f4;
  color:#102943;
  border-top:1px solid rgba(8,35,70,.1);
}

.NewsDetailOtherInner{
  width:min(1280px, calc(100% - 40px));
  margin:0 auto;
  padding:30px 0 54px;
}

.NewsDetailOtherFilterPanel{
  margin:0 0 22px;
  border:1px solid rgba(125,177,228,.28);
  border-radius:11px;
  background:#f3f7fb;
  box-shadow:0 14px 30px rgba(26,48,69,.1);
}

.NewsDetailOtherFilterPanel > h2{
  margin:0;
  padding:15px 18px;
  border-radius:10px 10px 0 0;
  color:#fff;
  background:linear-gradient(100deg,#0b3265,#071f44);
  font-size:1.2rem;
  line-height:1;
  text-transform:uppercase;
}

.NewsDetailOtherFilter{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  padding:13px;
  border-radius:0 0 10px 10px;
  background:#eaf1f8;
}

.NewsFilterField{
  position:relative;
  min-width:0;
  color:#65758a;
  font-size:13px;
}

.NewsDetailOtherFilter select{
  width:100%;
  height:44px;
  padding:0 32px 0 104px;
  border:1px solid #c8d5e3;
  border-radius:6px;
  background:#ffffff;
  color:#10233f;
  font:inherit;
  font-size:12px;
  font-weight:800;
  text-align:right;
}
.NewsFilterField > span{position:absolute;z-index:2;top:50%;left:11px;max-width:88px;overflow:hidden;transform:translateY(-50%);pointer-events:none;text-overflow:ellipsis;white-space:nowrap}
.NewsFilterNativeSelect{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.NewsFilterSelect{position:relative;min-width:0;font-size:12px}
.NewsFilterTrigger{display:flex!important;width:100%;height:44px!important;align-items:center;justify-content:flex-end;gap:10px;padding:0 11px 0 104px!important;border:1px solid #c8d5e3!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important;color:#10233f!important;font-size:12px!important;font-weight:800!important;letter-spacing:0!important;text-align:right;text-transform:none!important}
.NewsFilterTriggerText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.NewsFilterTrigger:hover,.NewsFilterTrigger:focus-visible,.NewsFilterSelect.is-open .NewsFilterTrigger{border-color:#79a9df!important;background:#f9fcff!important;box-shadow:0 0 0 3px rgba(68,120,227,.1)!important}
.NewsFilterChevron{flex:0 0 auto;color:#8fc2ff;font-size:1.15rem;line-height:1;transition:transform .16s ease}.NewsFilterSelect.is-open .NewsFilterChevron{transform:rotate(180deg)}
.NewsFilterMenu[hidden]{display:none}.NewsFilterMenu{position:absolute;z-index:40;top:calc(100% + 6px);right:0;left:0;display:grid;gap:3px;min-width:100%;padding:6px;border:1px solid #d6e1eb;border-radius:7px;background:#fff;box-shadow:0 16px 32px rgba(20,46,78,.2)}
.NewsDetailOtherFilter .NewsFilterOption{display:flex;width:100%;height:auto;min-height:36px;align-items:center;padding:7px 9px;border:0;border-radius:4px;background:transparent;box-shadow:none;color:#35475d;font-size:13px;font-weight:700;letter-spacing:0;text-align:left;text-transform:none}
.NewsDetailOtherFilter .NewsFilterOption:hover,.NewsDetailOtherFilter .NewsFilterOption:focus-visible{background:#eaf4ff;color:#10233f}
.NewsDetailOtherFilter .NewsFilterOption.is-selected{background:#dcecff;color:#10233f}.NewsDetailOtherFilter .NewsFilterOption.is-selected::after{content:"✓";margin-left:auto;color:#4478e3;font-weight:900}

.NewsDetailOtherFilterActions{
  grid-column:1 / -1;
  justify-self:end;
  display:grid;
  grid-template-columns:110px 110px;
  gap:7px;
}

.NewsDetailOtherFilterActions button{
  min-height:34px;
  padding:6px 10px;
  border:1px solid #4478e3;
  border-radius:5px;
  background:#4478e3;
  color:#ffffff;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  cursor:pointer;
}

.NewsDetailOtherFilterActions button:last-child{border-color:#c8d5e3;color:#71849b;background:transparent}
.NewsDetailOtherFilterActions button:hover,
.NewsDetailOtherFilterActions button:focus-visible{filter:brightness(1.08)}

.NewsDetailOtherLayout{
  display:grid;
  grid-template-columns:minmax(0, 7fr) minmax(260px, 3fr);
  gap:24px;
  align-items:start;
}

.NewsDetailOtherGrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
}

.NewsDetailOtherCard{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(15,48,79,.1);
  border-radius:9px;
  background:#ffffff;
  box-shadow:0 9px 24px rgba(26,48,69,.08);
  transition:transform .18s ease, box-shadow .18s ease;
}

.NewsDetailOtherCard:hover{
  transform:translateY(-3px);
  box-shadow:0 13px 30px rgba(26,48,69,.13);
}

.NewsDetailOtherCard[hidden]{display:none;}
.NewsDetailOtherCard a{height:100%;display:flex;flex-direction:column;color:inherit;text-decoration:none;}
.NewsDetailOtherCardMedia{aspect-ratio:16 / 9;display:block;overflow:hidden;background:#dce3e9;}
.NewsDetailOtherCardMedia img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .2s ease;}
.NewsDetailOtherCard:hover img{transform:scale(1.025);}
.NewsDetailOtherCardBody{padding:13px 14px 15px;display:grid;gap:8px;}
.NewsDetailOtherCardBody small{
  justify-self:start;padding:3px 6px;border-radius:3px;
  background:var(--category-bg, #159de6);color:var(--category-text, #02264b);
  font-size:.57rem;font-weight:850;line-height:1;letter-spacing:.04em;
}
.NewsDetailOtherCardBody strong{min-height:2.5em;color:#102943;font-size:.9rem;line-height:1.25;}
.NewsDetailOtherCardBody time{color:#6e8091;font-size:.68rem;}
.NewsDetailOtherCardExpanded{display:none;}
.NewsDetailOtherExpandButton{display:none;}
.NewsDetailOtherEmpty{margin:0;padding:28px;border-radius:9px;background:#fff;color:#52677a;text-align:center;}

.NewsDetailWorldwide{
  padding:18px;
  border:1px solid rgba(15,48,79,.1);
  border-radius:10px;
  background:#ffffff;
  box-shadow:0 9px 24px rgba(26,48,69,.08);
}

.NewsDetailWorldwide > h2{margin:0 0 15px;color:#0b2d50;font-size:1.18rem;}
.NewsDetailWorldwideSource + .NewsDetailWorldwideSource{margin-top:17px;padding-top:16px;border-top:1px solid #dce3e9;}
.NewsDetailWorldwideSource h3{margin:0 0 9px;color:#4f728d;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;}
.NewsDetailWorldwideSource > div{display:grid;gap:10px;}
.NewsDetailWorldwideCard{position:relative;}
.NewsDetailWorldwideSource a{display:grid;grid-template-columns:64px minmax(0, 1fr);gap:10px;align-items:center;color:inherit;text-decoration:none;}
.NewsDetailWorldwideSource img{width:64px;aspect-ratio:1;display:block;object-fit:cover;border-radius:6px;background:#dce3e9;}
.NewsDetailWorldwideSource img.NewsDetailWorldwideFallback{
  padding:8px;
  object-fit:contain;
  background:#edf5f9;
}
.NewsDetailWorldwideSource span{min-width:0;display:grid;gap:5px;}
.NewsDetailWorldwideSource strong{color:#17324d;font-size:.76rem;line-height:1.25;}
.NewsDetailWorldwideSource time{color:#718292;font-size:.64rem;}
.NewsDetailWorldwideSource .NewsDetailWorldwideExpanded{display:none;}
.NewsDetailWorldwideSource a:hover strong,
.NewsDetailWorldwideSource a:focus-visible strong{color:#397f94;}

@media (max-width:980px){
  .NewsDetailOtherLayout{grid-template-columns:1fr;}
}

@media (max-width:700px){
  .NewsDetailOtherInner{width:min(100% - 28px, 720px);padding:24px 0 40px;}
  .NewsDetailOtherFilter{grid-template-columns:1fr;align-items:stretch;}
  .NewsDetailOtherFilterActions{width:100%;grid-template-columns:1fr 1fr;}
  .NewsDetailOtherGrid{grid-template-columns:1fr;}

  .NewsDetailOtherCard{
    position:relative;
    min-height:104px;
    border-radius:9px;
    transform:none;
  }

  .NewsDetailOtherCard:hover{
    transform:none;
  }

  .NewsDetailOtherCard .NewsDetailOtherCardLink{
    height:104px;
    display:grid;
    grid-template-columns:112px minmax(0, 1fr);
    padding-right:46px;
    overflow:hidden;
  }

  .NewsDetailOtherCard .NewsDetailOtherCardMedia{
    width:112px;
    height:104px;
    aspect-ratio:auto;
  }

  .NewsDetailOtherCard .NewsDetailOtherCardBody{
    min-width:0;
    grid-template-columns:max-content minmax(0, 1fr);
    grid-template-rows:minmax(0, 1fr) 30px;
    align-content:stretch;
    align-items:center;
    padding:10px 8px 10px 12px;
    gap:2px 8px;
  }

  .NewsDetailOtherCard .NewsDetailOtherCardBody small{
    grid-row:2;
    grid-column:1;
    display:inline-flex;
    align-items:center;
  }

  .NewsDetailOtherCard .NewsDetailOtherCardBody time{
    grid-row:2;
    grid-column:2;
    display:block;
    align-self:center;
    font-size:.65rem;
  }

  .NewsDetailOtherCard .NewsDetailOtherCardBody strong{
    grid-row:1;
    grid-column:1/-1;
    min-height:0;
    display:-webkit-box;
    overflow:hidden;
    font-size:.86rem;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }

  .NewsDetailOtherExpandButton{
    position:absolute;
    right:10px;
    bottom:10px;
    z-index:3;
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(0,58,104,.28);
    border-radius:50%;
    background:rgba(255,255,255,.96);
    color:var(--menu-blue);
    box-shadow:0 4px 12px rgba(0,30,60,.14);
    cursor:pointer;
  }

  .NewsDetailOtherExpandButton svg{
    width:16px;
    height:16px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .2s ease;
  }

  .NewsDetailOtherExpandButton[aria-expanded="true"] svg{
    transform:rotate(180deg);
  }

  .NewsDetailOtherExpandButton:hover,
  .NewsDetailOtherExpandButton:focus-visible{
    border-color:#008bd2;
    color:#008bd2;
    outline:2px solid rgba(0,139,210,.22);
    outline-offset:2px;
  }

  .NewsDetailOtherCard.is-open .NewsDetailOtherCardLink{
    height:auto;
    display:block;
    padding-right:0;
    overflow:visible;
  }

  .NewsDetailOtherCard.is-open .NewsDetailOtherCardMedia{
    width:100%;
    height:auto;
    aspect-ratio:16 / 9;
  }

  .NewsDetailOtherCard.is-open .NewsDetailOtherCardBody{
    grid-template-columns:max-content minmax(0, 1fr);
    grid-template-rows:auto 30px;
    padding:14px 56px 14px 16px;
  }

  .NewsDetailOtherCard.is-open .NewsDetailOtherCardBody small,
  .NewsDetailOtherCard.is-open .NewsDetailOtherCardBody time{
    display:block;
  }

  .NewsDetailOtherCard.is-open .NewsDetailOtherCardBody strong{
    grid-row:1;
    grid-column:1/-1;
    display:block;
    overflow:visible;
    color:#102943;
    font-size:1.05rem;
  }

  .NewsDetailOtherCard.is-open .NewsDetailOtherCardExpanded{
    display:grid;
    gap:12px;
    padding:2px 16px 58px;
    color:#3b5268;
    font-size:.9rem;
    line-height:1.52;
  }

  .NewsDetailOtherCard.is-open .NewsDetailOtherCardExpanded > strong{
    color:#29445e;
    font-size:.96rem;
    line-height:1.45;
  }

  .NewsDetailWorldwideCard{
    min-height:76px;
    border-radius:8px;
    background:#f7fafc;
  }

  .NewsDetailWorldwideCard > a{
    min-height:76px;
    grid-template-columns:76px minmax(0, 1fr);
    padding-right:46px;
    overflow:hidden;
  }

  .NewsDetailWorldwideCard > a > img{
    width:76px;
    height:76px;
    border-radius:8px 0 0 8px;
  }

  .NewsDetailWorldwideCard > a > span{
    padding:8px 0;
  }

  .NewsDetailWorldwideCard .NewsDetailOtherExpandButton{
    right:8px;
    bottom:8px;
  }

  .NewsDetailWorldwideCard.is-open > a{
    display:block;
    padding-right:0;
    overflow:visible;
  }

  .NewsDetailWorldwideCard.is-open > a > img{
    width:100%;
    height:auto;
    aspect-ratio:16 / 9;
    border-radius:8px 8px 0 0;
  }

  .NewsDetailWorldwideCard.is-open > a > span{
    padding:13px 52px 52px 14px;
  }

  .NewsDetailWorldwideCard.is-open strong{
    font-size:1.05rem;
    line-height:1.32;
  }

  .NewsDetailWorldwideCard.is-open time{
    font-size:.74rem;
  }

  .NewsDetailWorldwideSource .NewsDetailWorldwideCard.is-open .NewsDetailWorldwideExpanded{
    display:block;
    margin-top:10px;
    color:#3b5268;
    font-size:.96rem;
    line-height:1.56;
  }
}

.LoginDrustvoBlankContent{
  width:100%;
  min-height:0;
  padding:0;
  background:var(--menu-blue);
}

body:has(.LoginDrustvoBlankContent) main,
.FrameContent.DrustvoBlankContent.LoginDrustvoBlankContent{
  background:var(--menu-blue);
}

body:has(.LoginDrustvoBlankContent) .FrameFooter::before{
  content:"";
}

.DrustvoHistoryCards{
  position:relative;
  z-index:4;
  padding:46px max(24px, calc((100% - var(--content-width)) / 2)) 58px;
  background:
    linear-gradient(132deg, rgba(206,214,224,.16) 0 13%, rgba(255,255,255,0) 13.4%) 0 0 / 142px 108px repeat,
    linear-gradient(48deg, rgba(226,231,237,.24) 0 15%, rgba(255,255,255,0) 15.4%) 38px 0 / 156px 116px repeat,
    linear-gradient(226deg, rgba(190,199,211,.13) 0 12%, rgba(255,255,255,0) 12.4%) 86px 0 / 168px 124px repeat,
    linear-gradient(315deg, rgba(218,224,232,.18) 0 17%, rgba(255,255,255,0) 17.4%) 12px 42px / 162px 122px repeat,
    linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.94) 48%, #ffffff 100%),
    #ffffff;
}

.DrustvoHistoryCardGrid{
  width:min(var(--content-width), 100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:24px;
}

.DrustvoHistoryCard{
  position:relative;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(180px, 42%) minmax(0, 1fr);
  border:1px solid rgba(0,44,80,.16);
  border-radius:6px;
  background:#ffffff;
  box-shadow:0 10px 24px rgba(0,34,68,.12);
  overflow:hidden;
}

.DrustvoHistoryCard img{
  width:100%;
  height:100%;
  min-height:236px;
  display:block;
  object-fit:cover;
}

.DrustvoHistoryCard--support{
  display:block;
}

.DrustvoHistoryCard--support::after{
  content:"";
  display:block;
  clear:both;
}

.DrustvoHistorySupportLogo{
  display:flex;
  align-items:center;
  justify-content:center;
  float:right;
  width:210px;
  height:210px;
  min-height:0;
  margin:24px 24px 16px 22px;
  padding:18px;
  box-sizing:border-box;
  background:#152a3a;
}

.DrustvoHistorySupportLogo img{
  width:min(100%, 170px);
  height:auto;
  min-height:0;
  object-fit:contain;
}

.DrustvoHistoryQrImage{
  display:flex;
  align-items:center;
  justify-content:center;
  float:right;
  width:236px;
  height:236px;
  min-height:0;
  margin:24px 24px 16px 22px;
  padding:10px;
  box-sizing:border-box;
  background:#ffffff;
}

.DrustvoHistoryQrImage img{
  width:100%;
  height:auto;
  min-height:0;
  object-fit:contain;
  image-rendering:pixelated;
}

.DonationQrCardOpen{display:none;}
.DonationQrDialog[hidden]{display:none;}
.DonationQrDialog{
  position:fixed;
  z-index:1600;
  inset:0;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(0,10,25,.88);
  backdrop-filter:blur(8px);
}
.DonationQrDialogCard{
  position:relative;
  width:min(86vw,520px);
  box-sizing:border-box;
  padding:54px 18px 18px;
  border:1px solid rgba(111,198,247,.65);
  border-radius:14px;
  background:#fff;
  box-shadow:0 24px 70px rgba(0,5,18,.68);
}
.DonationQrDialogCard img{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  object-fit:contain;
  image-rendering:pixelated;
}
.DonationQrDialogClose{
  position:absolute;
  top:10px;
  right:10px;
  width:36px;
  height:36px;
  padding:0;
  border:1px solid rgba(75,152,202,.55);
  border-radius:7px;
  background:#08294f;
  color:#fff;
  font:700 1.35rem/1 Arial,sans-serif;
  cursor:pointer;
}
.DonationQrDialogClose:hover,
.DonationQrDialogClose:focus-visible{border-color:#2eb5f3;background:#0b5790;}
body.donation-qr-open{overflow:hidden;}

@media (max-width:700px){
  .DrustvoHistoryCard--qr{position:relative;}
  .DonationQrCardOpen{
    position:absolute;
    z-index:3;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    padding:0;
    border:0;
    background:transparent;
    cursor:zoom-in;
  }
}

.DrustvoHistoryCardBody{
  min-width:0;
  padding:52px 24px 26px;
  font-family:var(--font-sdtrzin);
}

.DrustvoHistoryCardBody span{
  display:block;
  margin:0 0 10px;
  color:#008bd2;
  font-size:13px;
  font-weight:900;
  line-height:1;
  text-transform:uppercase;
}

.DrustvoHistoryCardBody h2{
  margin:0 0 12px;
  color:var(--menu-blue);
  font-size:24px;
  font-weight:900;
  line-height:1.12;
  letter-spacing:0;
}

.DrustvoHistoryCardBody p{
  margin:0;
  color:#42536a;
  font-size:16px;
  font-weight:500;
  line-height:1.48;
}

.DrustvoHistoryCardBody strong{
  color:#10213f;
  font-weight:900;
}

.DrustvoHistoryCardRibbon{
  position:absolute;
  top:20px;
  left:24px;
  z-index:2;
  min-height:22px;
  display:inline-flex;
  align-items:center;
  padding:0 9px;
  border-radius:999px;
  background:rgba(0,139,210,.10);
  color:#008bd2;
  font-family:var(--font-sdtrzin);
  font-size:11px;
  font-weight:800;
  line-height:1;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.DrustvoHistorySponsorGrid{
  width:min(760px, 100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
}

.DrustvoHistorySlideFullText .DrustvoHistorySponsorGrid{
  margin-top:24px;
}

.DrustvoHistorySponsorCard{
  min-width:0;
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 16px;
  border:1px solid rgba(0,44,80,.14);
  border-radius:6px;
  background:#ffffff;
  box-shadow:0 10px 24px rgba(0,34,68,.10);
}

.DrustvoHistorySponsorCard img{
  display:block;
  width:min(100%, 270px);
  max-height:96px;
  object-fit:contain;
}

.DrustvoHistorySponsorLogo--obcina{
  max-height:106px;
}

.DrustvoHistorySupportLink{
  margin-top:10px !important;
  overflow-wrap:anywhere;
}

.DrustvoHistorySupportLink a{
  color:#001b44;
  font-weight:900;
  text-decoration:none;
}

.DrustvoHistorySupportLink a:hover,
.DrustvoHistorySupportLink a:focus-visible{
  color:#008bd2;
  text-decoration:underline;
}

.DrustvoTimeline{
  position:relative;
  z-index:2;
  width:100%;
  padding:34px 0 18px;
  background:#ffffff;
}

.DrustvoTimelineScroller{
  width:calc(100% - 48px);
  margin-left:48px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,34,68,.34) transparent;
}

.DrustvoTimelineScroller::-webkit-scrollbar{
  height:7px;
}

.DrustvoTimelineScroller::-webkit-scrollbar-track{
  background:transparent;
}

.DrustvoTimelineScroller::-webkit-scrollbar-thumb{
  background:rgba(0,34,68,.34);
}

.DrustvoTimelineTrack{
  position:relative;
  min-width:1680px;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(72px, 1fr);
  align-items:start;
  gap:0;
  margin:0;
  padding:0 0 18px;
  list-style:none;
}

.DrustvoTimelineTrack::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:34px;
  height:1px;
  background:rgba(0,34,68,.22);
}

.DrustvoTimelineTrack li{
  position:relative;
  min-width:0;
}

.DrustvoTimelineTrack button{
  position:relative;
  width:100%;
  min-height:48px;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  padding:0;
  border:0;
  background:transparent;
  color:rgba(0,34,68,.62);
  font-family:var(--font-sdtrzin);
  font-size:13px;
  font-weight:800;
  line-height:1;
  letter-spacing:0;
  text-align:left;
  cursor:pointer;
}

.DrustvoTimelineTrack button::after{
  content:"";
  position:absolute;
  left:0;
  top:27px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#e30613;
  box-shadow:0 0 0 4px #ffffff;
  transition:transform .16s ease;
}

.DrustvoTimelineTrack button:hover,
.DrustvoTimelineTrack button:focus-visible{
  color:var(--menu-blue);
  outline:none;
}

.DrustvoTimelineTrack button:hover::after,
.DrustvoTimelineTrack button:focus-visible::after{
  transform:scale(1.16);
}

.DrustvoPageTitleBand{
  width:min(var(--content-width), calc(100% - 48px));
  min-height:142px;
  margin:0 auto 18px;
  padding:0 clamp(32px, 4vw, 60px);
  display:flex;
  align-items:center;
  background:#074674 url("assets/bgrPageTitleDarkBlueStripes.png") center center / cover no-repeat;
  color:#ffffff;
  box-shadow:0 16px 34px rgba(0,34,68,.16);
}

.DrustvoPageTitleBand h1{
  margin:0;
  color:#ffffff;
  font-size:clamp(38px, 4.2vw, 64px);
  font-weight:900;
  line-height:1;
  letter-spacing:0;
}

.DrustvoPageEmpty .DrustvoFrameTitle{
  display:none;
}

.DrustvoPageEmpty .DrustvoContentFrame{
  position:relative;
  margin:0 auto;
}

.MenuDrustvo{
  background:#ffffff;
}

.DrustvoSubnav{
  width:100%;
  min-height:48px;
  border-bottom:1px solid var(--menu-blue);
  background:#ffffff;
  overflow:visible;
}

.DrustvoBoomerangToggle{
  display:none;
}

.DrustvoMobileMenuTitle{
  display:none;
}

.DrustvoBoomerangPanel{
  width:100%;
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr));
  align-items:stretch;
}

.DrustvoSubnavLink,
.DrustvoSubnavTrigger{
  width:100%;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:0;
  background:transparent;
  color:var(--menu-blue);
  font-family:var(--font-sdtrzin);
  font-size:13px;
  font-weight:800;
  line-height:1.15;
  letter-spacing:0;
  text-decoration:none;
  text-align:center;
  white-space:normal;
  cursor:pointer;
  transform:scale(1);
  transform-origin:center;
  transition:background-color .18s ease, color .18s ease, transform .22s cubic-bezier(.22,.9,.2,1);
}

.DrustvoBoomerangPanel > * + *{
  border-left:1px solid rgba(0,55,105,.35);
}

.DrustvoSubnavLink:hover,
.DrustvoSubnavLink:focus-visible,
.DrustvoSubnavLink.is-active,
.DrustvoSubnavGroup.has-active-item .DrustvoSubnavTrigger,
.DrustvoSubnavGroup.is-hovered .DrustvoSubnavTrigger,
.DrustvoSubnavGroup:focus-within .DrustvoSubnavTrigger{
  background:var(--info-blue);
  color:#ffffff;
  transform:scale(1.035);
}

.DrustvoSubnavGroup{
  position:relative;
  min-width:0;
}

.DrustvoSubnavTrigger::after{
  content:"";
  width:0;
  height:0;
  margin-left:8px;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:5px solid currentColor;
}

.DrustvoSubnavDropdown{
  position:absolute;
  top:100%;
  left:0;
  z-index:50;
  min-width:340px;
  padding:8px 0;
  background:#ffffff;
  border-radius:8px;
  box-shadow:0 16px 28px rgba(0,34,68,.16);
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
}

.DrustvoSubnavMore .DrustvoSubnavDropdown{
  right:0;
  left:auto;
}

.DrustvoSubnavGroup.is-hovered .DrustvoSubnavDropdown,
.DrustvoSubnavGroup:focus-within .DrustvoSubnavDropdown,
.DrustvoSubnavGroup.is-open .DrustvoSubnavDropdown{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}

.DrustvoSubnavDropdown a{
  display:block;
  padding:12px 18px;
  color:var(--menu-blue);
  font-family:var(--font-sdtrzin);
  font-size:13px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:0;
  text-decoration:none;
  white-space:nowrap;
  transform:scale(1);
  transform-origin:left center;
  transition:background-color .16s ease, color .16s ease, transform .22s cubic-bezier(.22,.9,.2,1);
}

.DrustvoSubnavDropdown a:hover,
.DrustvoSubnavDropdown a:focus-visible,
.DrustvoSubnavDropdown a.is-active{
  background:var(--info-blue);
  color:#ffffff;
  transform:none;
}

.DrustvoDesktopTimeMenu{
  position:absolute;
  top:43px;
  left:auto;
  right:28px;
  z-index:70;
  width:292px;
  font-family:var(--font-sdtrzin);
}

.DrustvoDesktopTimeMenu::before{
  content:none;
  position:absolute;
  top:-24px;
  left:0;
  right:0;
  height:24px;
  background:#ffffff;
  z-index:2;
  pointer-events:none;
}

.DrustvoDesktopTimeMenu::after{
  content:none;
}

.DrustvoDesktopTimeMenu.is-pinned::before{
  content:"";
}

.DrustvoDesktopTimeToggle{
  position:relative;
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  padding:0 14px 0 16px;
  border:1px solid var(--menu-blue);
  border-radius:0;
  background:var(--menu-blue);
  color:#ffffff;
  box-shadow:none;
  font-family:var(--font-sdtrzin);
  font-size:16px;
  font-weight:700;
  line-height:1.15;
  letter-spacing:0;
  text-align:left;
  cursor:pointer;
  overflow:hidden;
}

.DrustvoDesktopTimeToggle > span:first-child{
  position:relative;
  z-index:1;
  width:236px;
  min-height:48px;
  display:flex;
  align-items:center;
  box-sizing:border-box;
  margin-left:auto;
  padding-left:12px;
}

.DrustvoDesktopTimeMenu.is-pinned .DrustvoDesktopTimeToggle > span:first-child{
  width:auto;
  flex:1 1 auto;
  margin-left:0;
}

.DrustvoDesktopTimeIcon{
  z-index:1;
  width:18px;
  height:12px;
  position:relative;
  flex:0 0 auto;
  border-top:2px solid currentColor;
  border-bottom:2px solid currentColor;
}

.DrustvoDesktopTimeIcon::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  border-top:2px solid currentColor;
  transform:translateY(-50%);
}

.DrustvoDesktopTimePanel{
  position:absolute;
  top:calc(100% + 7px);
  right:0;
  width:292px;
  max-height:calc(100vh - 190px);
  overflow-x:hidden;
  overflow-y:auto;
  border:1px solid rgba(0,34,68,.22);
  border-radius:0;
  background:#ffffff;
  box-shadow:none;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(28px);
  transition:transform .34s cubic-bezier(.22,.9,.2,1), opacity .2s ease, visibility 0s linear .34s;
}

.DrustvoDesktopTimeMenu.is-open .DrustvoDesktopTimePanel{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(0);
  transition:transform .34s cubic-bezier(.22,.9,.2,1), opacity .2s ease, visibility 0s;
}

.DrustvoDesktopTimeLink{
  min-height:38px;
  display:flex;
  align-items:center;
  padding:9px 16px;
  border-top:1px solid rgba(0,55,105,.14);
  color:var(--menu-blue);
  font-family:var(--font-sdtrzin);
  font-size:13.5px;
  font-weight:500;
  line-height:1.22;
  letter-spacing:0;
  text-decoration:none;
  background:#ffffff;
  transition:background-color .16s ease, color .16s ease, transform .18s ease;
}

.DrustvoDesktopTimeLink:first-child{
  border-top:0;
}

.DrustvoDesktopTimeLink:hover,
.DrustvoDesktopTimeLink:focus-visible{
  background:#e8f2fa;
  color:var(--menu-blue);
  transform:translateX(3px);
}

.DrustvoDesktopTimeLink.is-active{
  background:var(--menu-blue);
  color:#ffffff;
  font-weight:600;
  transform:translateX(3px);
}

@media (min-width:801px){
  .DrustvoPageCurrent .MenuDrustvo{
    display:none;
  }

  .DrustvoPageCurrent .DrustvoArticle{
    padding-top:34px;
  }

  .DrustvoPageCurrent .DrustvoKicker::before,
  .DrustvoPageCurrent .DrustvoKicker::after{
    content:none;
  }

  .DrustvoPageCurrent .DrustvoKicker{
    overflow:visible;
  }

  .DrustvoPageCurrent .DrustvoKicker .DrustvoKickerEndDot{
    display:none;
  }

  .DrustvoArchiveSnapshot .DrustvoKicker::before{
    content:"";
  }

  .DrustvoArchiveSnapshot .DrustvoKicker::after{
    content:"";
    width:calc(100% + 298px);
    background:
      radial-gradient(circle at 25% center, #e30613 0 4px, transparent 4.5px),
      radial-gradient(circle at 50% center, #e30613 0 4px, transparent 4.5px),
      radial-gradient(circle at 75% center, #e30613 0 4px, transparent 4.5px),
      linear-gradient(rgba(0,34,68,.18), rgba(0,34,68,.18));
    background-repeat:no-repeat;
    background-size:calc(100% - 298px) 9px, calc(100% - 298px) 9px, calc(100% - 298px) 9px, 100% 1px;
    background-position:left center, left center, left center, left center;
  }

  .DrustvoPageCurrent .DrustvoFactPanel::after{
    content:none;
  }
}

.DrustvoContentShell{
  width:100%;
  min-height:520px;
  background:#ffffff;
}

.DrustvoSection{
  min-height:520px;
}

.DrustvoIntroVisual{
  position:relative;
  width:100%;
  margin:30px 0 34px;
  overflow:hidden;
  background:var(--menu-blue);
  border:1px solid rgba(0,34,68,.16);
  border-radius:4px;
}

.DrustvoIntroVisual::after{
  content:"";
  position:absolute;
  inset:52% 0 0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(0,34,68,0), rgba(0,34,68,.58));
}

.DrustvoIntroImage{
  width:100%;
  height:clamp(210px, 24vw, 360px);
  display:block;
  object-fit:cover;
  object-position:center 48%;
  border-radius:4px;
}

.DrustvoArticle{
  padding:42px 48px 60px;
}

.DrustvoArticleLayout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 280px;
  gap:44px;
  align-items:start;
}

.DrustvoArticleMain{
  min-width:0;
  overflow:visible;
}

.DrustvoKicker{
  position:relative;
  height:13px;
  margin:-14px 0 32px;
  color:transparent;
  font-size:0;
  line-height:0;
  letter-spacing:0;
  overflow:visible;
}

.DrustvoKicker::before{
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#e30613;
  transform:translateY(-50%);
}

.DrustvoKicker::after{
  content:"";
  position:absolute;
  top:50%;
  left:18px;
  width:calc(100% + 40px);
  height:9px;
  transform:translateY(-50%);
  background:
    radial-gradient(circle at 20% center, #e30613 0 4px, transparent 4.5px),
    radial-gradient(circle at 40% center, #e30613 0 4px, transparent 4.5px),
    radial-gradient(circle at 60% center, #e30613 0 4px, transparent 4.5px),
    radial-gradient(circle at 80% center, #e30613 0 4px, transparent 4.5px),
    linear-gradient(rgba(0,34,68,.18), rgba(0,34,68,.18));
  background-repeat:no-repeat;
  background-size:100% 9px, 100% 9px, 100% 9px, 100% 9px, 100% 1px;
  background-position:center, center, center, center, left center;
  pointer-events:none;
}

.DrustvoArticle h1{
  max-width:820px;
  margin:0;
  color:var(--menu-blue);
  font-size:clamp(28px, 3vw, 40px);
  line-height:1.02;
  font-weight:900;
  letter-spacing:0;
}

.DrustvoLead{
  max-width:820px;
  margin:18px 0 0;
  color:#263b52;
  font-size:19px;
  line-height:1.55;
  font-weight:500;
  text-align:justify;
  text-align-last:left;
}

.DrustvoArticleGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:42px;
  margin-top:42px;
  padding-top:34px;
  border-top:1px solid rgba(0,34,68,.14);
}

.DrustvoArticleGrid h2{
  margin:0 0 12px;
  color:var(--menu-blue);
  font-size:22px;
  line-height:1.18;
}

.DrustvoArticleGrid p{
  margin:0;
  color:#30455d;
  font-size:16px;
  line-height:1.65;
  text-align:justify;
  text-align-last:left;
}

.DrustvoArticleBlocks{
  max-width:860px;
  margin-top:42px;
  padding-top:34px;
  border-top:1px solid rgba(0,34,68,.14);
}

.DrustvoTextBlock{
  margin:0 0 30px;
}

.DrustvoTextBlock h2{
  margin:0 0 10px;
  color:var(--menu-blue);
  font-size:23px;
  line-height:1.18;
  font-weight:900;
}

.DrustvoTextBlock h4{
  margin:28px 0 12px;
  color:var(--menu-blue);
  font-size:20px;
  line-height:1.2;
  font-weight:900;
}

.DrustvoTextBlock p,
.DrustvoClosingStatement{
  margin:0;
  color:#30455d;
  font-size:16px;
  line-height:1.68;
  text-align:justify;
  text-align-last:left;
}

.DrustvoTextBlock p + p{
  margin-top:16px;
}

.DrustvoTextBlock ul,
.DrustvoTextBlock dl{
  margin:0 0 22px;
  padding:0;
}

.DrustvoTextBlock a{
  color:var(--menu-blue);
  font-weight:800;
}

.DrustvoTextBlock img{
  max-width:100%;
  height:auto;
  border-radius:4px;
}

.DrustvoIntroMap{
  height:clamp(220px, 24vw, 340px);
}

.DrustvoIntroMap iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}

.DrustvoDevelopmentNote{
  margin:34px 0;
  padding:20px 24px;
  border-left:3px solid #e30613;
  background:#fff7df;
  color:#21384f;
  font-family:var(--font-sdtrzin);
  font-size:var(--sdtrzin-body-size);
  font-weight:var(--sdtrzin-strong-body-weight);
  line-height:var(--sdtrzin-body-line-height);
  letter-spacing:0;
  text-align:justify;
  text-align-last:left;
}

.DrustvoClosingStatement{
  margin-top:36px;
  padding:24px 28px;
  border-left:5px solid var(--menu-blue);
  background:#f3f8fc;
  color:#21384f;
  font-family:var(--font-sdtrzin);
  font-size:var(--sdtrzin-body-size);
  font-weight:var(--sdtrzin-strong-body-weight);
  line-height:var(--sdtrzin-body-line-height);
  letter-spacing:0;
}

.DrustvoFactPanel{
  position:sticky;
  top:92px;
  margin-top:96px;
  padding-left:0;
}

@media (min-width:801px){
  .DrustvoSection,
  .DrustvoArticle,
  .DrustvoArticleLayout{
    overflow:visible;
  }

  .DrustvoArticleLayout{
    align-items:start;
  }

  .DrustvoFactPanel{
    position:sticky;
    top:calc(var(--header-compact-height) + 34px);
    align-self:start;
    z-index:2;
  }
}

.DrustvoFactPanel::before{
  content:"";
  position:absolute;
  top:-103.5px;
  left:8px;
  width:1px;
  height:110.5px;
  background:rgba(0,34,68,.18);
  pointer-events:none;
}

.DrustvoFactPanel::after{
  content:"";
  position:absolute;
  top:-108px;
  left:3.5px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#e30613;
  pointer-events:none;
}

.DrustvoFactPanel dl{
  position:relative;
  margin:0;
  padding:0 0 0 34px;
}

.DrustvoFactPanel dl::before{
  content:"";
  position:absolute;
  top:9px;
  bottom:9px;
  left:8px;
  width:1px;
  background:rgba(0,34,68,.18);
}

.DrustvoFactPanel div{
  position:relative;
  margin:0 0 18px;
  padding:0 0 18px;
  border-bottom:0;
}

.DrustvoFactPanel div::before{
  content:"";
  position:absolute;
  top:7px;
  left:-31px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#e30613;
  box-shadow:0 0 0 5px #ffffff;
}

.DrustvoFactPanel div:last-child{
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:0;
}

.DrustvoFactPanel dt{
  margin:0 0 5px;
  color:var(--menu-blue);
  font-family:var(--font-sdtrzin);
  font-size:var(--sdtrzin-fact-title-size);
  font-weight:var(--sdtrzin-fact-title-weight);
  line-height:var(--sdtrzin-fact-title-line-height);
  letter-spacing:0;
}

.DrustvoFactPanel dd{
  margin:0;
  color:#41556c;
  font-family:var(--font-sdtrzin);
  font-size:var(--sdtrzin-fact-text-size);
  font-weight:var(--sdtrzin-fact-text-weight);
  line-height:var(--sdtrzin-fact-text-line-height);
  letter-spacing:0;
  text-align:justify;
  text-align-last:left;
}

.DrustvoSection .drustvo-result-list,
.DrustvoSection .drustvo-document-list{
  list-style:none;
  margin:0 0 22px;
  padding:0;
}

.DrustvoSection .drustvo-result-list li{
  position:relative;
  padding:8px 0 8px 18px;
  color:#30455d;
  font-size:15.5px;
  line-height:1.45;
  border-bottom:1px solid rgba(0,34,68,.09);
  text-align:justify;
  text-align-last:left;
}

.DrustvoSection .drustvo-result-list li::before{
  content:"";
  position:absolute;
  top:18px;
  left:0;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--menu-blue);
}

.DrustvoSection .drustvo-document-list li{
  margin:0 0 8px;
}

.DrustvoSection .drustvo-document-list a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--menu-blue);
  font-size:16px;
  font-weight:800;
  text-decoration:none;
}

.DrustvoSection .drustvo-document-list a:hover{
  text-decoration:underline;
}

.DrustvoSection .drustvo-document-list img{
  width:24px;
  flex:0 0 24px;
}

.DrustvoSection .drustvo-contact-details{
  margin:0 0 22px;
}

.DrustvoSection .drustvo-contact-details div{
  display:grid;
  grid-template-columns:210px minmax(0, 1fr);
  gap:18px;
  padding:4px 0;
}

.DrustvoSection .drustvo-contact-details dt,
.DrustvoSection .drustvo-contact-details dd{
  margin:0;
  color:#30455d;
  font-size:15.5px;
  line-height:1.38;
}

.DrustvoSection .drustvo-contact-details dt{
  font-weight:800;
  color:var(--menu-blue);
}

.DrustvoSection .drustvo-support-donation{
  margin:16px 0 24px;
}

.DrustvoSection .drustvo-support-link{
  margin-top:6px;
  text-align:left;
  text-align-last:left;
  word-break:break-word;
}

.DrustvoSection .drustvo-support-logo{
  float:left;
  display:block;
  width:220px;
  margin:4px 24px 14px 0;
}

.DrustvoSection .drustvo-support-logo--qr{
  width:220px;
}

.DrustvoSection .drustvo-support-logo img{
  display:block;
  width:100%;
  height:auto;
}

.DrustvoSection .drustvo-support-donation::after{
  content:"";
  display:block;
  clear:both;
}

@media (min-width:901px){
  .DrustvoSection,
  .DrustvoSection *{
    font-family:var(--font-sdtrzin) !important;
  }

  .DrustvoSection .DrustvoArticle h1{
    font-size:var(--sdtrzin-title-size);
    font-weight:var(--sdtrzin-title-weight);
    line-height:var(--sdtrzin-title-line-height);
    letter-spacing:0;
  }

  .DrustvoSection .DrustvoLead{
    font-size:var(--sdtrzin-lead-size);
    font-weight:var(--sdtrzin-lead-weight);
    line-height:var(--sdtrzin-lead-line-height);
    letter-spacing:0;
  }

  .DrustvoSection .DrustvoArticleGrid h2,
  .DrustvoSection .DrustvoTextBlock h2,
  .DrustvoSection .DrustvoTextBlock h4{
    font-size:var(--sdtrzin-heading-size);
    font-weight:var(--sdtrzin-heading-weight);
    line-height:var(--sdtrzin-heading-line-height);
    letter-spacing:0;
  }

  .DrustvoSection .DrustvoArticleGrid p,
  .DrustvoSection .DrustvoTextBlock p,
  .DrustvoSection .DrustvoClosingStatement,
  .DrustvoSection .DrustvoDevelopmentNote,
  .DrustvoSection .drustvo-result-list li,
  .DrustvoSection .drustvo-contact-details,
  .DrustvoSection .drustvo-support-donation,
  .DrustvoSection .drustvo-support-form-note{
    font-size:var(--sdtrzin-body-size);
    font-weight:var(--sdtrzin-body-weight);
    line-height:var(--sdtrzin-body-line-height);
    letter-spacing:0;
  }

  .DrustvoSection .DrustvoClosingStatement,
  .DrustvoSection .DrustvoDevelopmentNote{
    font-weight:var(--sdtrzin-strong-body-weight);
  }

  .DrustvoSection .DrustvoFactPanel dt{
    font-size:var(--sdtrzin-fact-title-size);
    font-weight:var(--sdtrzin-fact-title-weight);
    line-height:var(--sdtrzin-fact-title-line-height);
    letter-spacing:0;
  }

  .DrustvoSection .DrustvoFactPanel dd{
    font-size:var(--sdtrzin-fact-text-size);
    font-weight:var(--sdtrzin-fact-text-weight);
    line-height:var(--sdtrzin-fact-text-line-height);
    letter-spacing:0;
  }

  .DrustvoSection .drustvo-document-list a,
  .DrustvoSubnavLink,
  .DrustvoSubnavTrigger,
  .DrustvoSubnavDropdown a{
    font-family:var(--font-sdtrzin) !important;
    letter-spacing:0;
  }
}

.TemplatePagePanel{
  width:min(560px, 100%);
  margin:clamp(120px, 16vh, 180px) auto auto;
  padding:34px 38px;
  border:1px solid rgba(0,34,68,.16);
  background:#ffffff;
  box-shadow:0 14px 30px rgba(0,34,68,.10);
}

.TemplatePageKicker{
  margin:0 0 10px;
  color:#e30613;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.TemplatePagePanel h1{
  margin:0;
  color:var(--menu-blue);
  font-size:clamp(28px, 3vw, 38px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:0;
}

.TemplatePageIntro{
  max-width:480px;
  margin:14px 0 0;
  color:#24364a;
  font-size:16px;
  line-height:1.5;
}

.TemplatePageMessages{
  margin:22px 0 0;
  padding:16px 18px;
  border-left:4px solid var(--menu-accent-blue);
  background:#eef6fd;
  color:#203349;
  font-size:14px;
  line-height:1.55;
}

.TemplatePageMessages p{
  margin:0;
}

.TemplatePageMessages p + p{
  margin-top:10px;
}

.TemplateStatusSlot{
  width:100%;
  min-height:0;
  margin:18px 0 0;
}

.TemplateStatusSlot:empty{
  display:none;
}

.TemplatePageForm{
  max-width:none;
  margin-top:22px;
}

.TemplatePageForm label{
  display:block;
  margin:0 0 14px;
}

.TemplatePageForm label > span:first-child{
  display:block;
  margin:0 0 7px;
  padding:0;
  position:static;
  background:transparent;
  color:var(--menu-blue);
  font-size:14px;
  line-height:1.25;
  font-weight:600;
}

.TemplatePageForm input,
.TemplatePageForm .PasswordField{
  width:100%;
  height:42px;
  border:1px solid rgba(0,34,68,.72);
  border-radius:2px;
  background:#ffffff;
  color:#10213a;
  font-size:14px;
}

.TemplatePageForm input{
  padding:0 12px;
}

.TemplatePageForm input:focus,
.TemplatePageForm .PasswordField:focus-within{
  border-color:var(--menu-blue);
  box-shadow:0 0 0 3px rgba(0,34,68,.12);
  outline:0;
}

.TemplatePageForm .PasswordField input{
  height:40px;
  border:0;
  box-shadow:none;
}

.TemplatePageForm .PasswordField button{
  width:44px;
  height:40px;
  padding:0;
  border-left:1px solid rgba(0,34,68,.42);
  justify-content:center;
}

.TemplatePageForm .PasswordField button svg{
  width:18px;
  height:18px;
}

.TemplatePageForm .PasswordField button span{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}

.TemplatePageActions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}

.TemplatePageAction{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border:1px solid var(--info-blue);
  background:var(--info-blue);
  color:#ffffff;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}

.TemplatePageAction:hover,
.TemplatePageAction:focus-visible{
  background:var(--deep-blue);
}

.TemplatePageActionSecondary{
  background:#ffffff;
  color:var(--info-blue);
}

.TemplatePageActionSecondary:hover,
.TemplatePageActionSecondary:focus-visible{
  background:#eef6fd;
  color:var(--info-blue);
}

.FramePageBackground .FrameContent.TermsContent{
  align-items:flex-start;
  padding:0;
}

.TermsFrame{
  width:calc(100% - 80px);
  margin:40px;
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
  border:1px solid #d6dde5;
  background:#ffffff;
  box-shadow:0 10px 24px rgba(16,33,58,.08);
}

.TermsTabs{
  display:flex;
  align-items:flex-end;
  gap:2px;
  position:relative;
  z-index:3;
  border-bottom:1px solid #cfd7e0;
  background:#eef6fd;
}

.TermsTab{
  min-width:132px;
  min-height:42px;
  padding:0 18px;
  border:0;
  border-right:1px solid rgba(16,33,58,.12);
  background:#eef6fd;
  color:#465466;
  font-size:14px;
  font-weight:800;
  line-height:1;
  text-align:center;
  cursor:pointer;
  transition:background .16s ease, color .16s ease;
}

.TermsTab:hover{
  background:#e3f0fa;
  color:var(--menu-blue);
}

.TermsTab.is-active{
  min-height:48px;
  background:var(--info-blue);
  color:#ffffff;
}

.TermsLayers{
  flex:1;
  position:relative;
  z-index:2;
  background:transparent;
}

.TermsLayer{
  padding:34px 460px 34px 38px;
}

.TermsSideImage{
  position:absolute;
  top:82px;
  right:30px;
  bottom:34px;
  z-index:1;
  width:400px;
  height:calc(100% - 116px);
  min-height:0;
  background-image:url("/static/assets/imgSysLegalLetters_Generated_500x5000.png");
  background-size:cover;
  background-position:center top;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 12px 26px rgba(16,33,58,.10);
  pointer-events:none;
}

.TermsSideImage::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.66);
}

.TermsLayer h1{
  margin:0;
  color:var(--menu-blue);
  font-size:26px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:0;
}

.TermsSectionMenu{
  display:none;
  position:relative;
  width:max-content;
  max-width:100%;
  margin:18px 0 30px;
  z-index:12;
}

.TermsSectionMenu.has-items{
  display:block;
}

.TermsSectionMenuToggle{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(6,58,104,.24);
  border-radius:999px;
  padding:0 18px 0 14px;
  background:#eef6fd;
  color:var(--menu-blue);
  font-family:var(--font-sdtrzin);
  font-size:14px;
  line-height:1;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(16,33,58,.08);
  transition:background .16s ease, color .16s ease, border-color .16s ease;
}

.TermsSectionMenuToggle:hover,
.TermsSectionMenu.is-open .TermsSectionMenuToggle{
  border-color:var(--menu-blue);
  background:var(--menu-blue);
  color:#ffffff;
}

.TermsSectionMenuIcon{
  width:18px;
  display:grid;
  gap:4px;
}

.TermsSectionMenuIcon span{
  height:2px;
  border-radius:999px;
  background:currentColor;
}

.TermsSectionMenuList{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  width:min(360px, calc(100vw - 96px));
  max-height:420px;
  overflow:auto;
  padding:8px 0;
  border:1px solid rgba(6,58,104,.16);
  border-radius:4px;
  background:#eaf4fc;
  box-shadow:0 18px 34px rgba(16,33,58,.16);
}

.TermsSectionMenuList a{
  min-height:40px;
  display:flex;
  align-items:center;
  padding:10px 18px;
  border-bottom:1px solid rgba(6,58,104,.16);
  color:#17253a;
  font-size:13px;
  line-height:1.25;
  font-weight:700;
  text-decoration:none;
  transition:background .16s ease, color .16s ease;
}

.TermsSectionMenuList a:last-child{
  border-bottom:0;
}

.TermsSectionMenuList a:hover{
  background:var(--info-blue);
  color:#ffffff;
}

.TermsSections{
  display:grid;
  gap:30px;
}

.TermsSection{
  position:relative;
  scroll-margin-top:96px;
}

.TermsSection:nth-child(even){
  padding:18px 0;
  background:transparent;
}

.TermsSection:nth-child(even)::before{
  content:"";
  position:absolute;
  inset:0 -10px;
  background:#eef6fd;
  z-index:0;
}

.TermsSection > *{
  position:relative;
  z-index:1;
}

.TermsSection h2{
  margin:0 0 12px;
  color:var(--menu-blue);
  font-size:19px;
  line-height:1.15;
  font-weight:800;
}

.TermsSection p{
  margin:0 0 12px;
  color:#24364b;
  font-size:14px;
  line-height:1.55;
}

.TermsSection ul{
  margin:0 0 16px;
  padding-left:22px;
  color:#24364b;
  font-size:14px;
  line-height:1.55;
}

.TermsSection li{
  margin:0 0 6px;
}

.TermsSection address{
  margin:0 0 16px;
  color:#24364b;
  font-size:14px;
  line-height:1.55;
  font-style:normal;
  font-weight:600;
}

.TermsSection a{
  color:var(--info-blue);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}

.TermsSection code{
  padding:2px 6px;
  border:1px solid #d7e0ea;
  border-radius:3px;
  background:#f4f7fa;
  color:#12395f;
  font-family:Consolas, "Liberation Mono", monospace;
  font-size:13px;
}

@media (max-width:1100px){
  .TermsLayer{
    padding-right:38px;
  }

  .TermsSideImage{
    display:none;
  }
}

.FrameFooter{
  --footer-surface:var(--menu-blue);
  --footer-outline-color:var(--menu-accent-blue);
  --footer-outline-width:2px;
  --footer-shade-rise:46px;
  --frame-footer-elevation:
    0 -16px 30px rgba(0,10,30,.42),
    0 -5px 14px rgba(0,139,210,.14);
  flex:0 0 auto;
  position:relative;
  z-index:5;
  background:var(--footer-surface);
  color:#ffffff;
  text-align:center;
  min-height:56px;
  padding:0 24px;
  border-top:0;
  box-shadow:var(--frame-footer-elevation);
  display:flex;
  align-items:center;
  justify-content:center;
}

.FrameFooter::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  z-index:1;
  height:var(--footer-outline-width);
  background:var(--footer-outline-color);
  pointer-events:none;
}

.FrameFooter::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:calc(-1 * var(--footer-shade-rise));
  height:var(--footer-shade-rise);
  z-index:0;
  background:linear-gradient(180deg, rgba(2,19,50,0) 0%, rgba(2,19,50,.12) 34%, rgba(2,19,50,.34) 72%, rgba(2,19,50,.58) 100%);
  pointer-events:none;
}

.FooterTop{
  position:fixed;
  left:auto;
  right:32px;
  top:auto;
  bottom:32px;
  z-index:3300;
  width:46px;
  height:46px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.72);
  transform:none;
  color:var(--menu-blue);
  border:1px solid rgba(255,255,255,.82);
  border-radius:50%;
  font-size:0;
  line-height:1;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
  box-shadow:0 12px 26px rgba(0,16,34,.22);
  backdrop-filter:blur(10px);
  overflow:hidden;
  transition:opacity .18s ease, visibility .18s ease, transform .18s ease, background-color .18s ease;
}

.FooterTop:hover,
.FooterTop:focus-visible{
  background:rgba(255,255,255,.9);
  transform:translateY(-2px);
}

.FooterTop::before{
  content:"\2191";
  position:relative;
  z-index:2;
  display:block;
  color:var(--menu-blue);
  font-size:19px;
  line-height:1;
  pointer-events:none;
}

.footer-top-hidden .FooterTop,
.FooterTop.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.FooterTop span{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}

.FooterInner{
  width:min(var(--content-width), calc(100% - 48px));
  margin:0 auto;
  color:rgba(255,255,255,.94);
  font-size:14px;
  line-height:1;
}

.FooterInner p{
  margin:0;
}

.FooterMobileAuth{
  display:none;
}

.TemplatePageIntro{
  max-width:760px;
}

.TemplatePageIntro p{
  margin:0 0 12px;
  color:var(--info-blue);
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.TemplatePageIntro h1{
  margin:0;
  color:var(--dark-text);
  font-size:clamp(34px, 5vw, 76px);
  line-height:.98;
  letter-spacing:0;
}

.LoginPage .FrameContent{
  padding:0;
  align-items:stretch;
}

.FramePageBackground .FrameContent.LoginFrame{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:stretch;
}

.LoginFrame{
  min-height:660px;
  background:#ffffff;
}

.LoginHalf{
  min-height:660px;
  display:flex;
  align-items:center;
}

.LoginInfoPane{
  background:#f4f6f8;
  padding:0 76px 72px;
  align-items:flex-start;
  justify-content:flex-start;
}

.LoginFormPane{
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:40px 0 72px;
}

.FrameLoginPanel{
  width:450px;
  max-width:450px;
  margin:0 auto;
  flex:0 0 auto;
  padding:24px 42px 32px;
  background:#f2f7fc;
  border:1px solid var(--menu-blue);
  border-radius:2px;
  box-shadow:0 2px 3px rgba(0,0,0,.18);
}

.LoginAvatar{
  width:104px;
  height:104px;
  margin:0 auto 24px;
  color:#dddddf;
  border-radius:50%;
  overflow:hidden;
  background:transparent;
}

.LoginAvatar img{
  width:100%;
  height:100%;
  display:block;
  border-radius:50%;
  object-fit:cover;
  background:transparent;
}

.FrameLoginTitle{
  margin:0 0 16px;
  color:var(--menu-blue);
  font-size:26px;
  line-height:1.15;
  font-weight:500;
  text-align:center;
  letter-spacing:0;
}

.LoginIntro{
  width:100%;
  max-width:450px;
}

.FrameLoginInfoFloat{
  width:100%;
  max-width:450px;
  margin-top:40px;
}

.FormMessages{
  width:450px;
  max-width:100%;
  margin:0 0 14px;
}

.FormMessage{
  margin:0 0 8px;
  padding:9px 12px;
  border:1px solid #d4d4d4;
  border-radius:2px;
  background:#ffffff;
  color:#10213a;
  font-size:13px;
  line-height:1.35;
}

.FormMessage-error,
.FormMessage-login_error,
.FormMessage-register_error{
  border-color:#d8a8a8;
  background:#fff6f6;
  color:#8a1f1f;
}

.FormMessage-success,
.FormMessage-login_success,
.FormMessage-register_success{
  border-color:#9fc4ad;
  background:#f3fbf6;
  color:#245b35;
}

.LoginFormMessages{
  margin:0 auto 14px;
}

.PanelStatusSlot{
  width:100%;
  max-width:none;
  min-height:48px;
  margin:0 0 12px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}

.PanelStatusSlot .FormMessage{
  margin:0;
}

.LoginIntroImage{
  width:450px;
  max-width:100%;
  height:255px;
  display:block;
  margin:0 0 12px;
  object-fit:cover;
  object-position:center;
}

.RegistracijaNagovorText{
  width:450px;
  max-width:100%;
}

.LoginEyebrow{
  margin:0 0 14px;
  color:var(--info-blue);
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.LoginIntro h1{
  margin:0 0 18px;
  color:var(--menu-blue);
  font-size:30px;
  line-height:1.02;
  font-weight:800;
  letter-spacing:0;
}

.FrameRegistracijaPanel{
  width:450px;
  max-width:450px;
  margin:0;
  padding:28px 34px 28px;
  background:#f2f7fc;
  border:1px solid var(--menu-blue);
  border-radius:2px;
  box-shadow:0 2px 3px rgba(0,0,0,.18);
}

.FrameRegistracijaHeader{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:16px;
  margin:0 0 18px;
}

.FrameRegistracijaPanel h2{
  margin:0;
  color:var(--menu-blue);
  font-size:26px;
  line-height:1.05;
  font-weight:800;
}

.FrameRegistracijaClose{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border:1px solid var(--menu-blue);
  border-radius:2px;
  background:var(--menu-blue);
  color:#ffffff;
  cursor:pointer;
  font-size:20px;
  font-weight:700;
  line-height:1;
}

.FrameRegistracijaClose:hover{
  border-color:var(--menu-blue);
}

.FrameRegistracijaPanel .AuthForm{
  max-width:none;
}

.FrameRegistracijaPanel .AuthForm > label,
.FrameRegistracijaPanel .RegisterCredentialBox > label,
.FrameRegistracijaPanel .RegisterClubField > label{
  position:relative;
  display:block;
  margin:0 0 10px;
  padding-top:9px;
}

.FrameRegistracijaPanel .AuthForm input,
.FrameRegistracijaPanel .AuthForm select{
  width:100%;
  height:38px;
  border:1px solid #d4d4d4;
  border-radius:2px;
  padding:0 12px;
  color:#10213a;
  background:#ffffff;
  font-family:var(--font-sdtrzin);
  font-size:14px;
}

.FrameRegistracijaPanel .AuthForm input[type="date"]{
  padding-left:18px;
}

.FrameRegistracijaPanel .AuthForm select{
  appearance:auto;
}

.FrameRegistracijaPanel .PasswordField{
  height:38px;
  border:1px solid #d4d4d4;
  border-radius:2px;
}

.FrameRegistracijaPanel .PasswordField input{
  height:36px;
  border:0;
  box-shadow:none;
}

.FrameRegistracijaPanel .PasswordField button{
  height:36px;
  padding:0 10px;
}

.FrameRegistracijaPanel .PasswordField button svg{
  width:13px;
  height:13px;
}

.FrameRegistracijaPanel .AuthForm > label > span:first-child,
.FrameRegistracijaPanel .RegisterCredentialBox > label > span:first-child,
.FrameRegistracijaPanel .RegisterClubField > label > span:first-child{
  position:absolute;
  left:12px;
  top:2px;
  z-index:1;
  width:auto;
  height:auto;
  overflow:visible;
  clip:auto;
  padding:0 6px;
  background:#f2f7fc;
  color:#4f5863;
  font-size:14px;
  font-weight:500;
  line-height:1;
  white-space:nowrap;
}

.FrameRegistracijaPanel .PrimaryButton{
  margin:12px 0 12px;
}

.FrameRegistracijaPanel .RegisterSeparator{
  height:1px;
  margin:16px 0 18px;
  background:#d4d4d4;
}

.FrameRegistracijaPanel .RegisterTermsBox{
  width:100%;
  min-height:76px;
  max-height:86px;
  overflow:auto;
  margin:6px 0 8px;
  padding:10px 12px;
  border:1px solid rgba(0,34,68,.24);
  border-radius:2px;
  background:#ffffff;
  color:#334155;
  font-size:11px;
  line-height:1.45;
}

.FrameRegistracijaPanel .RegisterTermsCheck{
  display:flex;
  align-items:flex-start;
  gap:15px;
  margin:0;
  padding:0;
  color:#46515f;
  font-size:11px;
  font-weight:400;
  line-height:1.45;
}

.FrameRegistracijaPanel .RegisterTermsCheck input{
  width:18px;
  height:18px;
  flex:0 0 18px;
  margin:0;
  padding:0;
}

.FrameRegistracijaPanel .RegisterTermsCheck span{
  position:static;
  width:auto;
  height:auto;
  overflow:visible;
  clip:auto;
  padding:0;
  background:transparent;
  color:inherit;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
}

.FrameRegistracijaPanel .RegisterTermsCheck > span{
  display:block;
  flex:1 1 auto;
  min-width:0;
  text-align:left;
}

.FrameRegistracijaPanel .RegisterTermsCheck a{
  color:var(--menu-blue);
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:2px;
}

.RegisterClubField{
  margin:0 0 8px;
}

.RegisterClubField > label{
  width:100%;
  margin:0 0 8px;
}

.RegisterClubNote{
  margin:0;
  color:#687789;
  font-size:11px;
  line-height:1.35;
}

.RegisterClubActions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  align-items:center;
}

.FrameRegistracijaPanel .RegisterClubOption{
  min-height:22px;
  display:flex;
  align-items:center;
  gap:9px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:#10213a;
  font-family:var(--font-sdtrzin);
  font-size:12px;
  font-weight:500;
  line-height:1.2;
  white-space:nowrap;
  text-align:left;
  cursor:pointer;
}

.FrameRegistracijaPanel .RegisterClubAdmin input{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}

.FrameRegistracijaPanel .RegisterOptionCheck{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:grid;
  place-items:center;
  border:1px solid #b9c0c8;
  border-radius:2px;
  background:#ffffff;
}

.FrameRegistracijaPanel .RegisterClubAdmin input:checked + .RegisterOptionCheck::after{
  content:"";
  width:11px;
  height:6px;
  border-left:2px solid var(--menu-blue);
  border-bottom:2px solid var(--menu-blue);
  transform:rotate(-45deg) translate(1px, -1px);
}

.FrameRegistracijaPanel .RegisterClubAdd{
  width:100%;
  justify-content:flex-end;
  font-size:12px;
  font-weight:500;
  line-height:1.2;
  transform:translateY(-2px);
}

.FrameRegistracijaPanel .CheckBoxPlus{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:block;
  object-fit:contain;
}

.FrameRegistracijaPanel .RegisterOptionText{
  display:inline-block;
  margin:0;
  padding:0;
  line-height:1.2;
}


.LoginIntro p{
  max-width:450px;
  margin:0 0 12px;
  color:#061426;
  font-size:14px;
  line-height:1.48;
  text-align:justify;
  text-align-last:left;
}

.RegisterIntroButton{
  width:100%;
  height:44px;
  border:0;
  background:var(--menu-blue);
  color:#ffffff;
  cursor:pointer;
  font-family:var(--font-sdtrzin);
  font-size:14px;
  font-weight:800;
}

.RegisterIntroButton:hover{
  background:var(--info-blue);
}

.RegisterIntroButton:disabled{
  cursor:not-allowed;
  opacity:.48;
  background:#5c7188;
}

.LoginRegisterButton{
  display:block;
  margin-top:12px;
}

.FrameLoginPanel > .LoginRegisterButton{
  width:100%;
}

.LoginRegisterButton[hidden]{
  display:none !important;
}

.AuthForm{
  width:100%;
  max-width:560px;
}

.FrameLoginPanel .AuthForm{
  max-width:none;
}

.FrameLoginPanel .AuthForm label{
  margin:0 0 8px;
}

.FrameLoginPanel .AuthForm label > span:first-child{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}

.FrameLoginPanel .AuthForm input{
  height:42px;
  border:1px solid #d4d4d4;
  padding:0 12px;
  font-size:14px;
}

.FrameLoginPanel .AuthForm input::placeholder{
  color:#8d949c;
}

.FrameLoginPanel .PasswordField{
  border:1px solid #d4d4d4;
}

.FrameLoginPanel .PasswordField input{
  height:40px;
}

.FrameLoginPanel .PasswordField button{
  height:40px;
  width:44px;
  padding:0;
  justify-content:center;
}

.FrameLoginPanel .PasswordField button svg{
  width:18px;
  height:18px;
}

.FrameLoginPanel .PasswordField button span{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}

.FrameLoginPanel .LoginSocialTop{
  display:none;
}

.FrameLoginPanel .LoginSocialSection > .SocialDivider{
  display:none;
}

.LoginHelpLinks{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 12px;
}

.LoginHelpLinks a{
  color:#7a8491;
  font-size:13.5px;
  line-height:1.25;
  text-decoration:underline;
}

.LoginHelpLinks a:hover{
  color:#002b55;
}

.RememberMeControl{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0;
  color:var(--menu-blue);
  font-size:14px;
  line-height:1.25;
  font-weight:500;
  cursor:pointer;
}

.FrameLoginPanel .AuthForm .RememberMeControl input[type="checkbox"]{
  flex:0 0 auto;
  width:16px;
  height:16px;
  margin:0;
  padding:0;
  accent-color:var(--info-blue);
  cursor:pointer;
}

.FrameLoginPanel .PrimaryButton{
  margin:0 0 12px;
}

.LoginNewUser{
  margin:18px 0 12px;
  color:#66717c;
  font-size:14px;
  line-height:1.25;
  text-align:center;
}

.AuthForm label{
  display:block;
  position:relative;
  margin:0 0 14px;
  color:#10213a;
  font-size:14px;
  font-weight:500;
}

.AuthForm label > span:first-child{
  display:inline-block;
  margin:0;
  padding:0 8px;
  background:#ffffff;
  position:relative;
  left:14px;
  top:8px;
  z-index:1;
  line-height:1;
}

.RegisterPanel .AuthForm label > span:first-child{
  background:#f4f6f8;
}

.AuthForm input{
  width:100%;
  height:46px;
  border:2px solid rgba(16,33,58,.78);
  border-radius:3px;
  padding:8px 18px 0;
  color:#10213a;
  background:#ffffff;
  font-size:16px;
  outline:none;
}

.AuthForm input:focus{
  border-color:var(--info-blue);
  box-shadow:0 0 0 2px rgba(6,58,104,.14);
}

.PasswordField{
  display:flex;
  align-items:center;
  border:2px solid rgba(16,33,58,.78);
  border-radius:3px;
  background:#ffffff;
}

.PasswordField input{
  height:42px;
  border:0;
  box-shadow:none;
}

.PasswordField button{
  flex:0 0 auto;
  height:42px;
  border:0;
  padding:4px 18px 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  background:transparent;
  color:#10213a;
  font-size:11px;
  font-weight:600;
  cursor:pointer;
}

.PasswordField button svg{
  width:15px;
  height:15px;
  fill:currentColor;
}

.RegisterHelpLinks{
  display:flex;
  justify-content:flex-end;
  margin:-2px 0 12px;
}

.RegisterHelpLinks a{
  color:#7a8491;
  font-size:12px;
  text-decoration:underline;
}

.PrimaryButton,
.RegisterNowButton{
  width:100%;
  height:44px;
  border:0;
  cursor:pointer;
  font-size:14px;
}

.PrimaryButton{
  margin:0 0 20px;
  background:var(--menu-blue);
  color:#ffffff;
  font-weight:800;
  font-family:var(--font-sdtrzin);
}

.SocialDivider{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 16px;
  color:#8a94a1;
  font-size:13px;
  line-height:1;
}

.SocialDivider::before,
.SocialDivider::after{
  content:"";
  height:1px;
  flex:1;
  background:#d7dde3;
}

.SocialLoginGroup{
  display:grid;
  gap:10px;
  margin:0;
}

.SocialLoginButton{
  width:100%;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid #cfd6de;
  border-radius:6px;
  background:rgba(0,34,68,.07);
  color:#10213a;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
  text-decoration:none;
  box-sizing:border-box;
  transition:border-color .18s ease, box-shadow .18s ease;
}

.SocialLoginButton:hover{
  border-color:#9ca8b4;
  background:rgba(0,34,68,.1);
  box-shadow:0 8px 18px rgba(16,33,58,.08);
}

.SocialLoginButton.is-pending{
  opacity:.72;
  pointer-events:none;
}

.SocialLoginHint{
  width:100%;
  display:none;
  margin:0 0 3px;
  padding:7px 9px;
  border:1px solid rgba(0,34,68,.14);
  background:#f7faff;
  color:#667789;
  font-size:12px;
  line-height:1.28;
  font-weight:650;
  text-align:center;
}

.SocialLoginHint.is-active{
  margin-top:0;
  border-color:rgba(0,34,68,.28);
  color:var(--menu-blue);
}

.SocialLoginButtonFacebook{
  background:#4267b2;
  border-color:#4267b2;
  color:#ffffff;
  font-weight:800;
}

.SocialLoginButtonFacebook:hover{
  background:#385a9d;
  border-color:#385a9d;
  color:#ffffff;
}

.SocialLoginButtonGoogle{
  background:#ffffff;
  color:#10213a;
}

.SocialLoginButtonGoogle:hover{
  background:#f7f9fb;
}

.SocialLoginButtonApple{
  background:#000000;
  border-color:#000000;
  color:#ffffff;
  font-weight:800;
}

.SocialLoginButtonApple:hover{
  background:#151515;
  border-color:#151515;
  color:#ffffff;
}

.SocialIcon{
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:4px;
  color:#ffffff;
  font-size:14px;
  font-weight:900;
  line-height:1;
}

.GoogleIcon{
  background:transparent;
  border:0;
}

.GoogleIcon svg{
  width:20px;
  height:20px;
  display:block;
}

.AppleIcon{
  background:transparent;
  color:#ffffff;
}

.AppleIcon svg{
  width:18px;
  height:18px;
  display:block;
  fill:currentColor;
}

.FacebookIcon{
  background:#4267b2;
  font-family:Arial, sans-serif;
  font-size:18px;
}

.RegisterNowButton{
  background:transparent;
  color:#10213a;
  font-weight:800;
}

.TextLink{
  border:0;
  padding:0;
  background:transparent;
  color:#d71920;
  font:inherit;
  cursor:pointer;
}

.BackToLogin{
  margin-top:20px;
  color:var(--info-blue);
  font-weight:700;
}

@media (min-width:801px){
  .DrustvoPageEmpty:not(.DrustvoPageCurrent){
    display:none;
  }
}

@media (max-width:800px){
  :root{
    --info-height:50px;
    --menu-height:50px;
    --logo-large-width:142px;
    --logo-large-height:94px;
    --logo-small-width:80px;
    --logo-small-height:45px;
  }

  .HeaderInner{
    width:calc(100% - 32px);
  }

  .HeroOverlay{
    width:calc(100% - 32px);
  }

  .FrameContent{
    width:calc(100% - 16px);
    margin:0 auto 8px;
    padding:8px;
  }

  .FramePageBackground .FrameContent{
    width:calc(100% - 16px);
    margin:0 auto 8px;
    padding:8px;
  }

  .FramePageBackground.Template2Page.ForgotPasswordPage .FrameContent,
  .FramePageBackground.Template2Page.ResetPasswordPage .FrameContent,
  .FramePageBackground.Template2Page.AccountStatusPage .FrameContent{
    width:calc(100% - 16px);
    min-height:calc(100vh - var(--header-compact-height) - 58px - 16px);
    margin:0 auto 8px;
    padding:8px;
    align-items:center;
    justify-content:center;
  }

  .ForgotPasswordPage .TemplatePagePanel,
  .ResetPasswordPage .TemplatePagePanel,
  .AccountStatusPage .TemplatePagePanel{
    width:100%;
    margin:auto;
    padding:28px 22px;
  }

  .ForgotPasswordPage .TemplatePagePanel h1,
  .ResetPasswordPage .TemplatePagePanel h1,
  .AccountStatusPage .TemplatePagePanel h1{
    font-size:26px;
    line-height:1.08;
  }

  .ForgotPasswordPage .TemplatePageIntro,
  .ResetPasswordPage .TemplatePageIntro,
  .AccountStatusPage .TemplatePageIntro{
    font-size:15px;
    line-height:1.45;
  }

  .ForgotPasswordPage .TemplatePageActions,
  .ResetPasswordPage .TemplatePageActions,
  .AccountStatusPage .TemplatePageActions{
    flex-wrap:nowrap;
  }

  .ForgotPasswordPage .TemplatePageAction,
  .ResetPasswordPage .TemplatePageAction,
  .AccountStatusPage .TemplatePageAction{
    flex:0 0 calc((100% - 12px) / 2);
    width:calc((100% - 12px) / 2);
    padding:0 10px;
  }

  .DrustvoHero{
    height:220px;
  }

  .DrustvoHeroImage{
    height:calc(100% + 32px);
    object-position:center top !important;
    transform:translateY(-34px);
  }

  .DrustvoPageGradient{
    height:72px;
  }

  .DrustvoFrameTitle{
    width:calc(100% - 32px);
    margin:-235px auto 0;
    display:none;
  }

  .DrustvoPageTitleBand{
    display:none;
  }

  .DrustvoContentFrame{
    width:100%;
    margin:-200px auto 0;
    position:relative;
    z-index:2;
    border-left:0;
    border-right:0;
  }

  .DrustvoPageEmpty{
    min-height:0;
    padding:0 0 8px;
    background:#ffffff;
  }

  .DrustvoPageCurrent.FrameContent{
    padding:0 0 8px;
    background:#ffffff;
  }

  .DrustvoPageCurrent.FrameContent::before{
    content:none;
  }

  .FrameContentDrustvoTitle{
    display:none;
  }

  .DrustvoTimeline{
    display:none;
  }

  .DrustvoDesktopArchive{
    display:none;
  }

  .DrustvoPageEmpty .DrustvoContentFrame{
    margin:0 auto;
  }

  .DrustvoContentFrame .DrustvoContentShell{
    font-family:var(--font-sdtrzin);
    padding:0;
  }

  .DrustvoContentFrame .DrustvoContentShell *{
    font-family:var(--font-sdtrzin);
  }

  .DrustvoPageCurrent .FrameContentDrustvo > .DrustvoContentShell{
    display:block;
  }

  .DrustvoPageCurrent .DrustvoDesktopTimeMenu{
    display:none;
  }

  .DrustvoPageCurrent .DrustvoSection{
    display:none !important;
  }

  .DrustvoPageCurrent .DrustvoSection.is-active{
    display:block !important;
  }

  .DrustvoSubnav{
    position:relative;
    min-height:46px;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    padding:5px 8px;
    overflow:visible;
  }

  .DrustvoMobileMenuTitle{
    display:inline-flex;
    align-items:center;
    margin-left:8px;
    margin-right:auto;
    color:var(--menu-blue);
    font-family:var(--font-sdtrzin);
    font-size:17px;
    font-weight:800;
    line-height:1;
    letter-spacing:0;
  }

  .DrustvoBoomerangToggle{
    width:42px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.78);
    background:#ffffff;
    color:#000000;
    box-shadow:0 8px 18px rgba(0,34,68,.12);
    cursor:pointer;
  }

.DrustvoBoomerangIcon{
  position:relative;
  width:20px;
  height:14px;
  display:block;
  border-top:3px solid currentColor;
  border-bottom:3px solid currentColor;
  transform:none;
  transition:border-color .16s ease, transform .2s ease;
}

.DrustvoBoomerangIcon::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  border-top:3px solid currentColor;
  transform:translateY(-50%);
  transition:transform .2s ease;
}

.DrustvoBoomerangIcon::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  display:block;
  border-top:3px solid currentColor;
  opacity:0;
  transform:translateY(-50%) rotate(-45deg);
  transition:opacity .16s ease, transform .2s ease;
}

.DrustvoSubnav.is-boomerang-open .DrustvoBoomerangIcon{
  border-color:transparent;
}

.DrustvoSubnav.is-boomerang-open .DrustvoBoomerangIcon::before{
  transform:translateY(-50%) rotate(45deg);
}

.DrustvoSubnav.is-boomerang-open .DrustvoBoomerangIcon::after{
  opacity:1;
  transform:translateY(-50%) rotate(-45deg);
}

  .DrustvoBoomerangPanel{
    position:absolute;
    top:calc(100% + 2px);
    right:8px;
    z-index:80;
    width:min(300px, calc(100vw - 16px));
    max-height:calc(100vh - 230px);
    overflow-y:auto;
    display:grid;
    grid-template-columns:1fr;
    align-items:stretch;
    border:1px solid rgba(0,34,68,.32);
    border-radius:8px;
    background:#ffffff;
    box-shadow:0 18px 34px rgba(0,34,68,.18);
    overflow:hidden auto;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(120%);
    transition:transform .46s cubic-bezier(.22,.9,.2,1), opacity .28s ease, visibility 0s linear .46s;
    will-change:transform;
  }

  .DrustvoSubnav.is-boomerang-open .DrustvoBoomerangPanel{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(0);
    transition:transform .46s cubic-bezier(.22,.9,.2,1), opacity .28s ease, visibility 0s;
  }

  .DrustvoBoomerangPanel > * + *{
    border-left:0;
    border-top:1px solid rgba(0,55,105,.18);
  }

  .DrustvoSubnavLink,
  .DrustvoSubnavTrigger,
  .DrustvoSubnavDropdown a{
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:0 14px;
    font-family:var(--font-sdtrzin);
    font-size:16px;
    font-weight:400;
    line-height:1.15;
    letter-spacing:0;
    text-align:left;
    color:var(--menu-blue);
    text-decoration:none;
    white-space:normal;
    transform:scale(1);
    transform-origin:left center;
    transition:background-color .18s ease, color .18s ease, transform .22s cubic-bezier(.22,.9,.2,1);
  }

  .DrustvoSubnavLink:hover,
  .DrustvoSubnavLink:focus-visible,
  .DrustvoSubnavLink.is-active,
  .DrustvoSubnavDropdown a:hover,
  .DrustvoSubnavDropdown a:focus-visible,
  .DrustvoSubnavDropdown a.is-active{
    transform:none;
  }

  .DrustvoSubnavTrigger{
    display:none;
  }

  .DrustvoSubnavTrigger::after{
    display:none;
  }

  .DrustvoSubnavGroup,
  .DrustvoSubnavDropdown{
    display:contents;
  }

  .DrustvoSubnavDropdown{
    position:static;
    min-width:0;
    width:100%;
    padding:0;
    border-radius:0;
    box-shadow:none;
    transform:none;
    border-top:1px solid rgba(0,55,105,.14);
    overflow:visible;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .DrustvoSubnavDropdown a{
    border-top:1px solid rgba(0,55,105,.18);
  }

  .DrustvoDesktopTimeMenu{
    display:none;
  }

  .DrustvoIntroImage{
    height:132px;
  }

  .DrustvoArticle{
    padding:30px 18px 42px;
  }

  .DrustvoKicker{
    display:none;
  }

  .DrustvoArticleLayout{
    grid-template-columns:1fr;
    gap:30px;
  }

  .DrustvoFactPanel{
    position:static;
    margin-top:0;
    padding:22px 0 0;
    border-top:1px solid rgba(0,34,68,.14);
  }

  .DrustvoFactPanel::before,
  .DrustvoFactPanel::after{
    display:none;
  }

  .DrustvoSection .drustvo-contact-details div{
    grid-template-columns:1fr;
    gap:2px;
    padding:8px 0;
  }

  .DrustvoSection .drustvo-support-logo,
  .DrustvoSection .drustvo-support-logo--qr{
    float:none;
    width:min(220px, 100%);
    margin:0 0 18px;
  }

  .DrustvoArticle h1{
    font-family:var(--font-sdtrzin);
    font-size:25.5px;
    font-weight:800;
    line-height:1.16;
    letter-spacing:0;
  }

  .DrustvoLead{
    font-family:var(--font-sdtrzin);
    font-size:16.5px;
    font-weight:500;
    line-height:1.35;
    letter-spacing:0;
  }

  .DrustvoArticleGrid p,
  .DrustvoTextBlock p,
  .DrustvoClosingStatement,
  .DrustvoDevelopmentNote,
  .DrustvoFactPanel dd,
  .DrustvoSection .drustvo-result-list li,
  .DrustvoSection .drustvo-contact-details,
  .DrustvoSection .drustvo-support-donation,
  .DrustvoSection .drustvo-support-form-note{
    font-family:var(--font-sdtrzin);
    font-size:16px;
    font-weight:400;
    line-height:1.5;
    letter-spacing:0;
  }

  .DrustvoArticleGrid h2,
  .DrustvoTextBlock h2,
  .DrustvoFactPanel dt{
    font-family:var(--font-sdtrzin);
    font-size:20px;
    font-weight:800;
    line-height:1.16;
    letter-spacing:0;
  }

  .DrustvoSection,
  .DrustvoSection *{
    font-family:var(--font-sdtrzin) !important;
  }

  .DrustvoSection .DrustvoArticle h1{
    font-size:var(--sdtrzin-title-size);
    font-weight:var(--sdtrzin-title-weight);
    line-height:var(--sdtrzin-title-line-height);
    letter-spacing:0;
  }

  .DrustvoSection .DrustvoLead{
    font-size:var(--sdtrzin-lead-size);
    font-weight:var(--sdtrzin-lead-weight);
    line-height:var(--sdtrzin-lead-line-height);
    letter-spacing:0;
  }

  .DrustvoSection .DrustvoArticleGrid h2,
  .DrustvoSection .DrustvoTextBlock h2,
  .DrustvoSection .DrustvoTextBlock h4{
    font-size:var(--sdtrzin-heading-size);
    font-weight:var(--sdtrzin-heading-weight);
    line-height:var(--sdtrzin-heading-line-height);
    letter-spacing:0;
  }

  .DrustvoSection .DrustvoArticleGrid p,
  .DrustvoSection .DrustvoTextBlock p,
  .DrustvoSection .DrustvoClosingStatement,
  .DrustvoSection .DrustvoDevelopmentNote,
  .DrustvoSection .drustvo-result-list li,
  .DrustvoSection .drustvo-contact-details,
  .DrustvoSection .drustvo-support-donation,
  .DrustvoSection .drustvo-support-form-note{
    font-size:var(--sdtrzin-body-size);
    font-weight:var(--sdtrzin-body-weight);
    line-height:var(--sdtrzin-body-line-height);
    letter-spacing:0;
  }

  .DrustvoSection .DrustvoClosingStatement,
  .DrustvoSection .DrustvoDevelopmentNote{
    font-weight:var(--sdtrzin-strong-body-weight);
  }

  .DrustvoSection .DrustvoFactPanel dt{
    font-size:var(--sdtrzin-fact-title-size);
    font-weight:var(--sdtrzin-fact-title-weight);
    line-height:var(--sdtrzin-fact-title-line-height);
    letter-spacing:0;
  }

  .DrustvoSection .DrustvoFactPanel dd{
    font-size:var(--sdtrzin-fact-text-size);
    font-weight:var(--sdtrzin-fact-text-weight);
    line-height:var(--sdtrzin-fact-text-line-height);
    letter-spacing:0;
  }

  .DrustvoSection .drustvo-document-list a{
    font-family:var(--font-sdtrzin) !important;
    letter-spacing:0;
  }

  .DrustvoLead,
  .DrustvoArticleGrid p,
  .DrustvoTextBlock p,
  .DrustvoClosingStatement,
  .DrustvoDevelopmentNote,
  .DrustvoFactPanel dd,
  .DrustvoSection .drustvo-result-list li{
    text-align:left;
    text-align-last:left;
    -webkit-hyphens:none;
    -ms-hyphens:none;
    hyphens:none;
  }

  .DrustvoArticleGrid{
    grid-template-columns:1fr;
    gap:24px;
    margin-top:30px;
    padding-top:26px;
  }

  .DrustvoArticleBlocks{
    margin-top:26px;
    padding-top:0;
    border-top:0;
  }

  .DrustvoDevelopmentNote{
    margin:28px 0;
    padding:18px 20px;
    font-size:16px;
  }

  .DrustvoDevelopmentNote--desktop{
    display:block;
  }

  .DrustvoClosingStatement{
    margin-top:28px;
    padding:20px 22px;
  }

  .TermsFrame{
    width:calc(100% - 32px);
    min-height:calc(100% - 32px);
    margin:16px;
  }

  .TermsTabs{
    align-items:stretch;
    overflow-x:auto;
  }

  .TermsTab,
  .TermsTab.is-active{
    flex:0 0 auto;
    width:auto;
    min-width:max-content;
    min-height:42px;
    padding:0 14px;
    font-size:13px;
    white-space:nowrap;
  }

  .TermsLayer{
    padding:26px 22px;
  }

  .TermsSection:nth-child(even){
    margin-left:0;
    margin-right:0;
    padding:16px 0;
  }

  .TermsSideImage{
    display:none;
  }

  .TermsLayer h1{
    font-size:23px;
  }

  .TermsSectionMenu{
    margin:20px 0 24px;
  }

  .TermsSectionMenuToggle{
    min-height:38px;
  }

  .TermsSectionMenuList{
    width:min(320px, calc(100vw - 68px));
  }

  .TermsSection h2{
    font-size:18px;
  }

  .SiteHeader,
  .FrameHeader{
    display:block;
    position:relative;
    width:100%;
    background:var(--clrDarkBlue);
    color:#ffffff;
    z-index:3000;
  }

  .FrameHeader{
    position:sticky;
    top:-50px;
  }

  html,
  body{
    overflow-x:clip;
  }

  body{
    background:var(--clrDarkBlue);
  }

  .FrameInfoBar,
  .FrameMainMenu,
  .FrameShortMenu{
    height:50px;
    min-height:50px;
    background:var(--clrDarkBlue);
    border-top:0;
    border-bottom:0;
    box-shadow:none;
  }

  .FrameMainMenu{
    border-top:0;
  }

  .FrameShortMenu{
    border-top:0;
  }

  .FrameMainMenu::after{
    display:block;
    height:1px;
    background:#35cfff;
    transform:scaleY(.5);
    transform-origin:bottom;
  }

  .wrInfoBar,
  .wrMainMenu,
  .wrShortMenu{
    height:50px;
    min-height:50px;
  }

  body:has(.LoginPageUTRZ) .FrameInfoBar{
    margin-top:0;
  }

  .InfoInner{
    justify-content:space-between;
    font-size:14px;
    font-weight:700;
    letter-spacing:0;
  }

  .InfoWordmark{
    display:none;
  }

  .InfoTagline{
    display:none;
  }

  .InfoContact{
    width:100%;
    flex:1 1 auto;
    justify-content:space-between;
    gap:12px;
  }

  .InfoAuth{
    display:none;
  }

  .InfoContact > .InfoDivider{
    display:none;
  }

  .InfoSocials{
    order:0;
    width:auto;
    flex:0 0 auto;
    display:none;
    gap:12px;
    margin-right:auto;
  }

  .InfoSocials a{
    width:20px;
    height:20px;
  }

  .LanguageToggle{
    order:2;
    display:flex;
    width:42px;
    flex:0 0 42px;
    height:34px;
    align-items:center;
    justify-content:center;
    margin-right:0;
    margin-left:auto;
  }

  .LanguageToggle img{
    width:30px;
    height:20px;
  }

  .FrameShortMenu{
    display:none;
  }

  .ShortMenuInner{
    display:flex;
    align-items:center;
    justify-content:stretch;
    gap:0;
  }

  .ShortMenuLink{
    flex:0 0 33.3333%;
    width:33.3333%;
    min-height:32px;
    padding:0;
    border-radius:0;
    font-size:14px;
    justify-content:flex-start;
    text-align:left;
  }

  .ShortMenuLink:nth-child(1){
    justify-content:flex-start;
    text-align:left;
  }

  .ShortMenuLink:nth-child(2){
    justify-content:center;
    text-align:center;
  }

  .ShortMenuLink:nth-child(3){
    justify-content:flex-end;
    text-align:right;
  }

  .ShortMenuLink:hover,
  .ShortMenuLink:focus-visible,
  .ShortMenuLink.is-active{
    background:transparent;
    color:#ffffff;
  }

  .MenuInner{
    display:flex;
    justify-content:space-between;
    gap:0;
  }

  .MenuGroup{
    display:none;
  }

  .BrandLogo{
    position:absolute;
    left:50%;
    top:var(--logo-top);
    transform:translateX(-50%);
  }

  .BrandLogo img{
    --mobile-logo-image-scale:calc(1.42 - (.14 * var(--logo-progress)));
    transform:scale(var(--mobile-logo-image-scale));
    transform-origin:center;
  }

  .MobileMenuToggle{
    order:-1;
    display:flex;
    width:34px;
    height:34px;
    margin-left:0;
    margin-right:auto;
    padding:0;
    border:0;
    background:transparent;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:4px;
    cursor:pointer;
    z-index:4;
  }

  .MobileMenuToggle span{
    display:block;
    width:19px;
    height:2px;
    border-radius:999px;
    background:#ffffff;
    transition:transform .18s ease, opacity .18s ease;
  }

  body.mobile-menu-open .MobileMenuToggle span:nth-child(1){
    transform:translateY(6px) rotate(45deg);
  }

  body.mobile-menu-open .MobileMenuToggle span:nth-child(2){
    opacity:0;
  }

  body.mobile-menu-open .MobileMenuToggle span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg);
  }

  .MobileLanguageToggle{
    display:none;
    align-items:center;
    justify-content:center;
    width:42px;
    height:34px;
    flex:0 0 42px;
    margin-left:8px;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
  }

  .MobileHeaderAuth{
    order:2;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    width:42px;
    flex:0 0 42px;
    margin-left:auto;
    z-index:4;
  }

  .MobileHeaderAuth .HeaderUserMenu{
    width:42px;
    flex:0 0 42px;
    min-height:42px;
  }

  .MobileHeaderAuth .HeaderAvatarButton,
  .MobileHeaderLogin{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .MobileHeaderAuth .HeaderAvatar{
    width:34px;
    height:34px;
  }

  .MobileHeaderAuth .UserDropdown{
    right:0;
  }

  .MobileLanguageToggle img{
    width:30px;
    height:20px;
    display:block;
    object-fit:cover;
    border-radius:2px;
    box-shadow:0 0 0 1px rgba(255,255,255,.45);
  }

  body.mobile-menu-open{
    overflow:hidden;
  }

  body.mobile-menu-open .MobileMenuPanel{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .MobileMenuPanel{
    display:block;
    position:fixed;
    inset:0;
    z-index:3000;
    padding:100px 8px 16px;
    background:transparent;
    overflow-y:auto;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transition:opacity .28s ease, visibility 0s linear .46s;
  }

  body.frame-info-hidden .MobileMenuPanel{
    padding-top:52px;
  }

  .MobileMenuClose{
    display:none;
  }

  .MobileMenuCard{
    width:max-content;
    min-width:210px;
    max-width:66.666vw;
    margin:0 auto 0 0;
    padding:6px 8px;
    border:1px solid rgba(53,207,255,.22);
    border-left:0;
    border-radius:8px;
    background:
      radial-gradient(circle 240px at 16% -12%, rgba(53,207,255,.13), transparent 62%),
      linear-gradient(180deg, rgba(13,35,68,.96), rgba(5,22,48,.99));
    box-shadow:
      0 24px 70px rgba(0,8,24,.46),
      0 0 0 1px rgba(255,255,255,.04) inset;
    backdrop-filter:blur(16px);
    pointer-events:auto;
    transform:translateX(-120%);
    transition:transform .46s cubic-bezier(.22,.9,.2,1);
    will-change:transform;
  }

  body.mobile-menu-open .MobileMenuPanel{
    transition-delay:0s;
  }

  body.mobile-menu-open .MobileMenuCard{
    transform:translateX(0);
  }

  .MobileMenuCard details,
  .MobileMenuLink{
    position:relative;
    display:block;
    border-bottom:0;
  }

  .MobileMenuCard details::after,
  .MobileMenuLink::after{
    content:"";
    position:absolute;
    left:10px;
    right:10px;
    bottom:0;
    height:1px;
    background:rgba(53,207,255,.34);
    transform:scaleY(.5);
    transform-origin:bottom;
    pointer-events:none;
  }

  .MobileMenuCard summary,
  .MobileMenuLink{
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 10px;
    border:1px solid transparent;
    border-radius:5px;
    color:rgba(214,231,247,.9);
    font-family:var(--font-sdtrzin);
    font-size:16px;
    line-height:1.15;
    font-weight:620;
    letter-spacing:0;
    list-style:none;
    cursor:pointer;
    text-decoration:none;
    transition:background-color .16s ease, color .16s ease;
  }

  .MobileMenuCard details[open] summary,
  .MobileMenuCard summary:hover,
  .MobileMenuCard summary:focus-visible,
  .MobileMenuLink:hover,
  .MobileMenuLink:focus-visible,
  .MobileMenuLink.is-active{
    border-color:rgba(53,207,255,.22);
    background:rgba(255,255,255,.08);
    color:#ffffff;
    outline:none;
  }

  .MobileMenuLinkStatic:hover,
  .MobileMenuLinkStatic:focus-visible{
    border-color:transparent;
    background:transparent;
    color:rgba(214,231,247,.9);
    outline:none;
  }

  .MobileMenuCard summary::-webkit-details-marker{
    display:none;
  }

  .MobileMenuCard summary::after{
    content:"";
    flex:0 0 auto;
    width:9px;
    height:9px;
    margin-left:18px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg) translateY(-3px);
    transition:transform .18s ease;
  }

  .MobileMenuCard details[open] summary::after{
    transform:rotate(225deg) translate(-2px, -1px);
  }

  .MobileMenuCard details a{
    min-height:46px;
    display:flex;
    align-items:center;
    padding:0 14px;
    border-radius:5px;
    color:rgba(214,231,247,.78);
    font-family:var(--font-sdtrzin);
    font-size:16px;
    font-weight:400;
    line-height:1.15;
    letter-spacing:0;
    text-align:left;
    white-space:normal;
    text-decoration:none;
    transition:background-color .16s ease, color .16s ease;
  }

  .MobileMenuCard details a:hover,
  .MobileMenuCard details a:focus-visible,
  .MobileMenuCard details a.is-active{
    background:rgba(255,255,255,.08);
    color:#ffffff;
    outline:none;
  }

  .MobileMenuCard details a + a{
    border-top:1px solid rgba(53,207,255,.28);
  }

  .MobileMenuAuth{
    display:none;
    margin:0 -20px -10px;
  }

  .MobileMenuAuth a{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 20px;
    background:var(--info-blue);
    color:#ffffff;
    border-radius:0;
    border-bottom:1px solid rgba(255,255,255,.18);
    font-size:16px;
    font-weight:400;
    line-height:1.15;
    letter-spacing:0;
  }

  .MobileMenuAvatar{
    width:34px;
    height:34px;
    display:block;
    border-radius:50%;
    object-fit:cover;
    background:#dddddf;
  }

  .FrameFooter{
    position:relative;
    z-index:1;
    min-height:58px;
    padding:0 16px;
    border-top:1px solid rgba(255,255,255,.2);
    justify-content:center;
    box-shadow:0 -10px 20px rgba(0,24,52,.18);
  }

  main{
    padding-bottom:0;
  }

  .FrameFooter::before{
    display:block;
    top:0;
    height:1px;
    background:rgba(53,207,255,.62);
  }

  .FooterTop{
    position:fixed;
    left:auto;
    right:18px;
    top:auto;
    bottom:18px;
    z-index:3300;
    width:38px;
    min-width:0;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:1px solid rgba(255,255,255,.82);
    border-radius:50%;
    background:rgba(255,255,255,.72);
    color:var(--menu-blue);
    transform:none;
    box-shadow:0 8px 18px rgba(0,16,34,.24);
    backdrop-filter:blur(10px);
    overflow:hidden;
  }

  .FooterTop::before{
    display:block;
    color:var(--menu-blue);
    font-size:18px;
  }

  .FooterTop span{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
  }

  .FooterInner{
    width:100%;
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
  }

  .FooterInner p{
    display:block;
    max-width:280px;
    color:rgba(255,255,255,.94);
    font-size:12px;
    line-height:1.3;
    text-align:center;
  }

  .FooterMobileAuth{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-end;
  }

  .FooterMobileLogin,
  .FooterMobileUserMenu summary{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    box-shadow:0 0 0 1px rgba(255,255,255,.28);
    cursor:pointer;
  }

  .FooterMobileUserMenu{
    position:relative;
  }

  .FooterMobileUserMenu summary{
    list-style:none;
  }

  .FooterMobileUserMenu summary::-webkit-details-marker{
    display:none;
  }

  .FooterMobileAvatar{
    width:30px;
    height:30px;
    display:block;
    border-radius:50%;
    object-fit:cover;
    background:#dddddf;
  }

  .FooterMobileUserDropdown{
    position:absolute;
    right:0;
    bottom:calc(100% + 8px);
    min-width:190px;
    padding:18px 20px 22px;
    border-top:5px solid var(--menu-blue);
    border-radius:12px;
    background:#ffffff;
    box-shadow:0 2px 2px rgba(0,22,44,.14);
    color:#111111;
  }

  .FooterMobileUserDropdown a{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0;
    color:#111111;
    font-size:16px;
    font-weight:400;
    line-height:1.15;
    text-align:left;
    white-space:nowrap;
  }

  .FooterMobileUserDropdown a + a{
    border-top:1px solid rgba(16,33,58,.1);
  }

  .FrameHeroNews{
    min-height:510px;
    padding:0;
    background-position:center center;
  }

  .HeroOverlay{
    position:absolute;
    left:50%;
    bottom:10px;
    width:calc(100% - 32px);
    transform:translateX(-50%);
  }

  .HeroNewsCards{
    display:none;
  }

  .FrameTOPNews{
    top:10px;
    bottom:auto;
    width:calc(100% - 32px);
  }

  .IndexSkircaContent > .FrameTOPNews{
    display:none;
  }

  .MobileLatestNews .FrameTOPNews{
    top:auto;
    bottom:auto;
    width:100%;
  }

  .skirca-banner,
  .skirca-bg{
    height:92px;
    min-height:92px;
  }

  .skirca-overlay{
    grid-template-columns:72px minmax(0, 1fr) 88px;
    gap:6px;
    padding:0 10px 0 0;
  }

  .skirca-logo img{
    height:92px;
  }

  .skirca-logo::after{
    width:28px;
  }

  .skirca-title{
    font-size:clamp(14px, 3.45vw, 19px);
    line-height:1.08;
    white-space:normal;
    text-align:center;
  }

  .skirca-center{
    transform:translateX(-4px);
  }

  .skirca-date{
    font-size:11px;
    line-height:1.1;
    text-align:center;
  }

  .skirca-title-line,
  .skirca-date-line{
    display:block;
  }

  .skirca-title-line{
    white-space:nowrap;
  }

  .skirca-year{
    align-self:stretch;
    box-sizing:border-box;
    height:100%;
    padding:16px 0 7px;
    font-size:clamp(30px, 8vw, 38px);
    align-items:flex-end;
    justify-content:flex-start;
    gap:3px;
    letter-spacing:.02em;
  }

  .skirca-year-number{
    font-size:clamp(30px, 8vw, 38px);
  }

  .skirca-countdown{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, auto));
    gap:4px;
    justify-content:end;
    align-self:flex-end;
    width:auto;
    margin-top:5px;
    text-shadow:0 2px 7px rgba(0,0,0,.5);
  }

  .skirca-countdown span{
    min-width:0;
    gap:1px;
  }

  .skirca-countdown strong{
    font-size:12px;
    font-weight:650;
    letter-spacing:0;
  }

  .skirca-countdown small{
    font-size:7px;
    font-weight:700;
    letter-spacing:.04em;
  }

  .FrameHeroNews::before{
    width:50vw;
    height:40vw;
    background-size:7px 7px;
    background-image:radial-gradient(circle, rgba(0,255,255,1) 0 1.35px, transparent 1.65px);
  }

  .FrameHeroNews::after{
    width:92vw;
    height:78vw;
    bottom:0;
    -webkit-mask-image:radial-gradient(circle, #000 0 1.12px, transparent 1.42px);
    mask-image:radial-gradient(circle, #000 0 1.12px, transparent 1.42px);
    -webkit-mask-size:7px 7px;
    mask-size:7px 7px;
  }

}

/* Final login layout override: keep current database-backed forms, replace only the page composition. */
.FramePageBackground.LoginPageUTRZ{
  min-height:calc(100vh - var(--header-expanded-height) - 76px);
  align-items:stretch;
  background:
    radial-gradient(circle at 68% 48%, rgba(255,255,255,.74) 0 25%, rgba(255,255,255,.44) 42%, rgba(255,255,255,0) 67%),
    linear-gradient(90deg, rgba(8,32,74,.88) 0%, rgba(8,32,74,.70) 31%, rgba(8,32,74,.32) 63%, rgba(8,32,74,.56) 100%),
    linear-gradient(180deg, rgba(8,32,74,.18) 0%, rgba(8,32,74,.42) 100%),
    url("assets/imgBgrLoginShooters20250323.jpg") center center / cover no-repeat,
    #08204a;
  color:var(--dark-text);
}

.FramePageBackground.LoginPageUTRZ::after{
  content:none;
}

.LoginPageUTRZ .FrameContent.LoginFrame{
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(1280px, calc(100% - 64px));
  max-width:calc(100vw - 64px);
  box-sizing:border-box;
  min-height:calc(100vh - var(--header-expanded-height) - 76px);
  padding:62px 0 32px;
  background:transparent;
}

.LoginPageUTRZ .LoginPortalBox{
  --login-panel-height:792px;
  --login-portal-height:888px;
  box-sizing:border-box;
  width:100%;
  height:var(--login-portal-height);
  min-height:var(--login-portal-height);
  max-height:var(--login-portal-height);
  margin:0 auto;
  position:relative;
  transform:translateY(-30px);
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  overflow:visible;
  background:#ffffff;
  border:1px solid rgba(0,43,85,.18);
  box-shadow:0 22px 46px rgba(0,43,85,.14);
}

.LoginPageUTRZ .LoginMobileTabs,
.LoginPageUTRZ .FrameLoginInfoFloatMobile{
  display:none;
}

.LoginPageUTRZ .LoginMobileTab{
  height:38px;
  border:1px solid rgba(0,34,68,.72);
  background:#eef6fd;
  color:var(--menu-blue);
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}

.LoginPageUTRZ .LoginMobileTab[aria-selected="true"]{
  background:var(--info-blue);
  color:#ffffff;
}

.LoginPageUTRZ .FrameRegistracija{
  position:relative;
  height:100%;
  min-height:100%;
  max-height:100%;
  padding:48px;
  display:flex;
  align-items:stretch;
  justify-content:center;
  background:#ffffff;
}

.LoginPageUTRZ .LoginPortalBox.is-register-open .FrameRegistracija{
  padding:28px 20px 36px;
  align-items:flex-start;
  background:#ffffff;
}

.LoginPageUTRZ .LoginPortalBox.is-register-open .FrameRegistracija > .FrameLoginInfoFloat{
  display:none;
}

.LoginPageUTRZ .LoginPortalBox.is-login-open .FrameRegistracija > .FrameLoginInfoFloat{
  height:100%;
  min-height:100%;
  max-height:100%;
}

.LoginPageUTRZ .FrameLogin{
  position:relative;
  height:100%;
  min-height:100%;
  max-height:100%;
  padding:34px 56px 42px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  background:#ffffff;
}

.LoginPageUTRZ .FrameLoginInfoFloat,
.LoginPageUTRZ .LoginIntro,
.LoginPageUTRZ .RegistracijaNagovorText{
  width:450px;
  max-width:100%;
  margin-top:0 !important;
}

.LoginPageUTRZ .FrameLoginInfoFloat{
  width:100%;
  max-width:none;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:auto;
  z-index:5;
  height:var(--login-panel-height);
  min-height:var(--login-panel-height);
  max-height:var(--login-panel-height);
  flex:0 0 var(--login-panel-height);
  padding:48px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:
    linear-gradient(
      to top,
      rgba(0,34,68,1) 0%,
      rgba(0,34,68,1) 33%,
      rgba(0,34,68,.20) 80%,
      rgba(0,34,68,.20) 100%
    ),
    url("assets/imgBgrLoginInfoLeft.png");
  background-position:center center;
  background-size:cover;
}

.LoginPageUTRZ .FrameLoginInfoFloat.FrameLoginInfoFloatMobile{
  display:none;
}

.LoginPageUTRZ .FrameLogin > .FrameLoginInfoFloat{
  display:none;
  padding:34px 56px 42px;
}

.LoginPageUTRZ .LoginPortalBox.is-register-open .FrameLogin > .FrameLoginInfoFloat{
  display:flex;
  height:100%;
  min-height:100%;
  max-height:100%;
}

.LoginPageUTRZ .FrameLoginInfoFloat .LoginIntro{
  width:100%;
  max-width:none;
  position:relative;
  height:100%;
  min-height:0;
  display:flex;
  align-items:flex-end;
  padding:0 0 24px;
}

.LoginPageUTRZ .FrameLoginInfoFloat .RegistracijaNagovorText{
  position:absolute;
  left:0;
  right:0;
  bottom:24px;
  width:auto;
  max-width:none;
  padding:22px 24px 24px;
  background:#eef6fd;
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 18px 34px rgba(0,34,68,.24);
}

.LoginPageUTRZ .LoginIntroImage{
  width:450px;
  max-width:100%;
  height:245px;
  margin:0 0 28px;
  border-radius:10px;
}

.LoginPageUTRZ .LoginIntro h1{
  font-size:34px;
}

.LoginPageUTRZ .LoginIntro p{
  max-width:450px;
  font-size:15px;
  line-height:1.62;
  text-align:left;
}

.LoginPageUTRZ .FrameLoginInfoFloat .LoginIntro h1{
  color:var(--menu-blue);
  font-size:25px;
}

.LoginPageUTRZ .FrameLoginInfoFloat .LoginIntro p{
  color:#24364a;
  font-size:14px;
  line-height:1.55;
  text-align:justify;
  text-align-last:left;
}

.LoginPageUTRZ .TextLink{
  border:0;
  padding:0;
  background:transparent;
  color:#e30613;
  cursor:pointer;
  font:inherit;
}

.LoginPageUTRZ .TextLink:hover{
  text-decoration:underline;
}

.LoginPageUTRZ .FrameRegistracijaPanel{
  width:min(100%, 514px);
  max-width:514px;
  height:var(--login-panel-height);
  min-height:var(--login-panel-height);
  max-height:var(--login-panel-height);
  flex:0 0 var(--login-panel-height);
  margin:0 auto;
  transform:none;
  padding:0;
  border:0;
  border-radius:0;
  background:#ffffff;
  box-shadow:none;
  display:flex;
  flex-direction:column;
}

.LoginPageUTRZ .FrameLoginPanel{
  width:100%;
  max-width:350px;
  height:var(--login-panel-height);
  min-height:var(--login-panel-height);
  max-height:var(--login-panel-height);
  flex:0 0 var(--login-panel-height);
  margin:0 auto;
  padding:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.LoginPageUTRZ .FrameRegistracijaPanel .RegisterForm{
  flex:1;
  display:flex;
  flex-direction:column;
}

.LoginPageUTRZ .FrameRegistracijaHeader{
  margin:0 0 10px;
}

.LoginPageUTRZ .FrameLoginPanel .LoginAvatar{
  width:154px;
  height:154px;
  margin:0 auto 14px;
}

.LoginPageUTRZ .FrameLoginTitle{
  margin:0 0 16px;
  color:var(--menu-blue);
  font-size:25px;
  line-height:1.1;
  font-weight:500;
  text-align:center;
}

.LoginPageUTRZ .LoginCredentialSection,
.LoginPageUTRZ .LoginSocialSection,
.LoginPageUTRZ .LoginRegisterSection{
  width:100%;
}

.LoginPageUTRZ .LoginRegisterSection{
  margin-top:auto;
}

.LoginPageUTRZ .LoginRegisterSeparator{
  height:1px;
  margin:28px 0 0;
  background:rgba(0,34,68,.18);
}

.LoginPageUTRZ .FrameLoginPanel .LoginSocialTop{
  display:grid;
}

.LoginPageUTRZ .LoginSocialSection > .SocialDivider{
  display:flex;
  margin:10px 0 14px;
}

.LoginPageUTRZ .SocialLoginButton{
  height:50px;
  border-radius:1px;
}

.LoginPageUTRZ .SocialLoginButtonFacebook{
  background:#4267b2;
  border-color:#4267b2;
}

.LoginPageUTRZ .SocialLoginButtonGoogle{
  background:#ffffff;
  border-color:#e3e7ec;
}

.LoginPageUTRZ .SocialLoginButtonApple{
  background:#000000;
  border-color:#000000;
}

.LoginPageUTRZ .FrameLoginPanel .AuthForm label > span:first-child{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  display:block;
  clip:rect(0 0 0 0);
  overflow:hidden;
  margin:0;
  padding:0;
  white-space:nowrap;
}

.LoginPageUTRZ .FrameLoginPanel .AuthForm input,
.LoginPageUTRZ .FrameLoginPanel .PasswordField{
  height:41px;
  border:1px solid rgba(0,34,68,.72);
  border-radius:2px;
  background:#ffffff;
  transition:border-color .18s ease, box-shadow .18s ease;
}

.LoginPageUTRZ .FrameLoginPanel .PasswordField input,
.LoginPageUTRZ .FrameLoginPanel .PasswordField button{
  height:39px;
}

.LoginPageUTRZ .FrameLoginPanel .PasswordField input{
  border:0;
}

.LoginPageUTRZ .FrameLoginPanel .AuthForm input:focus,
.LoginPageUTRZ .FrameLoginPanel .PasswordField:focus-within{
  border-color:var(--menu-blue);
  box-shadow:0 0 0 3px rgba(0,34,68,.12);
  outline:0;
}

.LoginPageUTRZ .FrameLoginPanel .PasswordField button{
  border-top:0;
  border-right:0;
  border-bottom:0;
  border-left:1px solid rgba(0,34,68,.42);
}

.LoginPageUTRZ .LoginRegisterButton{
  margin-top:0;
  border:1px solid var(--menu-blue);
  background:var(--menu-blue);
  color:#ffffff;
}

.LoginPageUTRZ .LoginRegisterButton[hidden]{
  display:block !important;
  visibility:hidden;
  pointer-events:none;
}

.LoginPageUTRZ .LoginRegisterButton:hover{
  background:#001b37;
  color:#ffffff;
}

.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm > label:not(.RegisterTermsCheck),
.LoginPageUTRZ .FrameRegistracijaPanel .RegisterCredentialBox > label,
.LoginPageUTRZ .FrameRegistracijaPanel .RegisterClubField > label{
  display:grid;
  grid-template-columns:150px 350px;
  align-items:center;
  column-gap:14px;
  padding-top:0;
  margin:0 0 7px;
}

.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm > label:not(.RegisterTermsCheck) > span:first-child,
.LoginPageUTRZ .FrameRegistracijaPanel .RegisterCredentialBox > label > span:first-child,
.LoginPageUTRZ .FrameRegistracijaPanel .RegisterClubField > label > span:first-child{
  position:relative;
  left:0;
  top:0;
  display:block;
  margin:0;
  padding:0;
  background:transparent;
  color:#516171;
  font-size:15px;
  line-height:1.25;
  font-weight:500;
}

.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSeparator,
.LoginPageUTRZ .FrameRegistracijaPanel .RegisterHelpLinks,
.LoginPageUTRZ .FrameRegistracijaPanel .RegisterTermsBox,
.LoginPageUTRZ .FrameRegistracijaPanel .RegisterTermsCheck,
.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions{
  margin-left:164px;
  width:350px;
  max-width:calc(100% - 164px);
}

.LoginPageUTRZ .FrameRegistracijaPanel .RegisterHelpLinks{
  text-align:right;
}

.LoginPageUTRZ .FrameRegistracijaPanel .RegisterHelpLinks{
  display:block;
  margin:10px 0 6px;
  font-size:12.5px;
  line-height:1.2;
  text-align:left;
}

.LoginPageUTRZ .FrameRegistracijaPanel .RegisterHelpLinks a{
  color:#65758a;
  font-size:13.5px;
  font-weight:500;
  line-height:1.25;
  text-decoration:none;
}

.LoginPageUTRZ .FrameRegistracijaPanel .RegisterClubNote{
  margin:-2px 0 8px 164px;
  width:350px;
  max-width:calc(100% - 164px);
}

.LoginPageUTRZ .FrameRegistracijaPanel .RegisterTermsCheck{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:8px;
  font-size:12px;
  line-height:1.35;
}

.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions{
  margin-top:18px;
  margin-bottom:0;
}

.LoginPageUTRZ .FrameRegistracijaPanel .RegisterTermsSeparator,
.LoginPageUTRZ .FrameRegistracijaPanel .RegisterTermsBox,
.LoginPageUTRZ .FrameRegistracijaPanel .RegisterTermsCheck,
.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions{
  margin-left:0;
  width:100%;
  max-width:none;
}

.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 44px;
  gap:12px;
  align-items:center;
}

.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions .PrimaryButton,
.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions .FrameRegistracijaClose,
.LoginPageUTRZ .LoginRegisterButton{
  height:44px;
}

.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions .PrimaryButton{
  width:100%;
  margin:0;
  border:1px solid rgba(0,34,68,.72);
  background:var(--info-blue);
  color:#ffffff;
}

.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions .PrimaryButton:hover,
.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions .PrimaryButton:focus-visible{
  background:var(--menu-blue);
  color:#ffffff;
}

.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions .FrameRegistracijaClose{
  width:44px;
  margin:0;
}

.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSeparator{
  margin-top:12px;
  margin-bottom:12px;
}

.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm input,
.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm select,
.LoginPageUTRZ .FrameRegistracijaPanel .PasswordField{
  height:40px;
  border:1px solid rgba(0,34,68,.72);
  border-radius:0;
  background:#ffffff;
  color:#10213a;
  font-size:14px;
  transition:border-color .18s ease, box-shadow .18s ease;
}

.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm input:focus,
.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm select:focus,
.LoginPageUTRZ .FrameRegistracijaPanel .PasswordField:focus-within{
  border-color:var(--menu-blue);
  box-shadow:0 0 0 3px rgba(0,34,68,.1);
  outline:0;
}

.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm input::placeholder{
  color:#6f7780;
  opacity:1;
}

.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm input,
.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm select{
  padding:0 12px;
}

.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm input[type="date"]{
  padding-left:12px;
  padding-right:36px;
}

.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm input[type="date"]::-webkit-calendar-picker-indicator{
  display:none;
  width:36px;
  height:100%;
  margin:0;
  padding:0;
  opacity:0;
  cursor:pointer;
}

.LoginPageUTRZ .RegisterDateField{
  position:relative;
  display:block;
}

.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm select{
  appearance:none;
  padding-right:36px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath fill='%2310213a' d='M7.4 8.6 12 13.2l4.6-4.6L18 10l-6 6-6-6z'/%3E%3C/svg%3E")
    right 12px center / 14px 14px no-repeat,
    #ffffff;
}

.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm select:required:invalid,
.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm select[name="club_id"]:has(option[value=""]:checked){
  color:#6f7780;
}

.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm select option{
  color:#10213a;
}

.LoginPageUTRZ .FrameRegistracijaPanel .PasswordField input,
.LoginPageUTRZ .FrameRegistracijaPanel .PasswordField button{
  height:38px;
}

.LoginPageUTRZ .FrameRegistracijaPanel .PasswordField input{
  border:0;
}

.LoginPageUTRZ .FrameRegistracijaPanel .PasswordField button{
  width:44px;
  padding:0;
  justify-content:center;
  border-top:0;
  border-right:0;
  border-bottom:0;
  border-left:1px solid rgba(0,34,68,.42);
}

.LoginPageUTRZ .FrameRegistracijaPanel .PasswordField button svg{
  width:18px;
  height:18px;
}

.LoginPageUTRZ .FrameRegistracijaPanel .PasswordField button span{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}

@media (max-width: 900px){
  .LoginPageUTRZ .FrameContent.LoginFrame{
    align-items:stretch;
    justify-content:flex-start;
    width:calc(100% - 16px);
    max-width:calc(100% - 16px);
    min-height:0;
    padding:8px 0 44px;
  }

  .LoginPageUTRZ .LoginPortalBox{
    --login-panel-height:auto;
    --login-portal-height:auto;
    height:auto;
    max-height:none;
    display:flex;
    flex-direction:column;
    margin-top:0;
    padding:5px;
    transform:none;
  }

  .LoginPageUTRZ .LoginMobileTabs{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
    margin:0 0 5px;
    order:0;
  }

  .LoginPageUTRZ .FrameRegistracija,
  .LoginPageUTRZ .FrameLogin{
    height:auto;
    min-height:0;
    max-height:none;
    padding:0 17px 25px;
  }

  .LoginPageUTRZ .LoginPortalBox.is-login-open > .FrameRegistracija,
  .LoginPageUTRZ .LoginPortalBox.is-register-open > .FrameLogin{
    display:none;
  }

  .LoginPageUTRZ .LoginPortalBox.is-login-open > .FrameLogin,
  .LoginPageUTRZ .LoginPortalBox.is-register-open > .FrameRegistracija{
    display:flex;
    order:1;
  }

  .LoginPageUTRZ .LoginPortalBox.is-register-open .FrameRegistracija{
    padding:0 17px 25px;
  }

  .LoginPageUTRZ .LoginRegisterSection{
    display:none;
    margin-top:18px;
  }

  .LoginPageUTRZ .LoginCredentialSection{
    padding-top:8px;
  }

  .LoginPageUTRZ .LoginStatusSlot{
    min-height:46px;
    margin:0 0 8px;
  }

  .LoginPageUTRZ .LoginStatusSlot:not(:has(.FormMessage)){
    min-height:46px;
    margin:0 0 8px;
  }

  .LoginPageUTRZ .LoginStatusSlot .FormMessage{
    min-height:40px;
    display:flex;
    align-items:center;
    padding:6px 9px;
    font-size:13px;
    line-height:1.25;
  }

  .LoginPageUTRZ .LoginCredentialBox{
    display:grid;
    gap:7px;
    padding:8px;
    border:1px solid rgba(0,34,68,.22);
    background:#f8fbfe;
  }

  .LoginPageUTRZ .LoginCredentialBox label{
    margin:0;
  }

  .LoginPageUTRZ .LoginHelpLinks{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:10px;
    margin:20px 0 10px;
    font-size:12.5px;
    line-height:1.2;
  }

  .LoginPageUTRZ .LoginHelpLinks a{
    color:#65758a;
    font-weight:500;
    text-decoration:none;
  }

  .LoginPageUTRZ .LoginHelpLinks .ForgotPassword{
    text-align:right;
  }

  .LoginPageUTRZ .FrameLoginPanel .PrimaryButton{
    min-height:38px;
    border:1px solid rgba(0,34,68,.72);
    border-radius:0;
    background:var(--info-blue);
    color:#ffffff;
    font-size:14px;
    font-weight:800;
  }

  .LoginPageUTRZ .FrameLoginPanel .PrimaryButton:hover,
  .LoginPageUTRZ .FrameLoginPanel .PrimaryButton:focus-visible{
    background:var(--menu-blue);
    color:#ffffff;
  }

.LoginPageUTRZ .RememberMeControl{
  display:flex;
  width:100%;
  flex-direction:row;
  align-items:center;
  gap:9px;
  justify-content:flex-end;
  align-self:flex-end;
  margin:0 0 12px auto;
  color:#65758a;
  font-size:13.5px;
  line-height:1.25;
  font-weight:500;
}

.LoginPageUTRZ .FrameLoginPanel .AuthForm .RememberMeControl > span:first-child{
  position:static;
  left:auto;
  top:auto;
  width:auto;
  height:auto;
  display:inline;
  clip:auto;
  overflow:visible;
  margin:0;
  padding:0;
  white-space:normal;
  background:transparent;
  z-index:auto;
  line-height:inherit;
}

  .LoginPageUTRZ .FrameLoginPanel .LoginSocialTop{
    gap:7px;
    padding:0;
    border:0;
    background:transparent;
  }

  .LoginPageUTRZ .LoginSocialTop .SocialLoginHint{
    display:block;
  }

  .LoginPageUTRZ .LoginSocialTop .SocialLoginButton,
  .LoginPageUTRZ .LoginSocialTop .SocialLoginButton:hover,
  .LoginPageUTRZ .LoginSocialTop .SocialLoginButton:focus-visible{
    border-color:rgba(0,34,68,.72);
    background:#ffffff;
    color:var(--menu-blue);
    box-shadow:none;
  }

  .LoginPageUTRZ .LoginSocialTop .SocialLoginButtonFacebook,
  .LoginPageUTRZ .LoginSocialTop .SocialLoginButtonFacebook:hover,
  .LoginPageUTRZ .LoginSocialTop .SocialLoginButtonFacebook:focus-visible{
    border-color:rgba(66,103,178,.48);
    background:#f3f7ff;
    color:#214f9a;
  }

  .LoginPageUTRZ .LoginSocialTop .SocialLoginButtonApple,
  .LoginPageUTRZ .LoginSocialTop .SocialLoginButtonApple:hover,
  .LoginPageUTRZ .LoginSocialTop .SocialLoginButtonApple:focus-visible{
    border-color:rgba(17,24,39,.52);
    background:#eceff2;
    color:#111827;
  }

  .LoginPageUTRZ .LoginSocialTop .SocialIcon{
    background:transparent;
    color:var(--menu-blue);
  }

  .LoginPageUTRZ .LoginSocialTop .GoogleIcon svg{
    filter:brightness(0) saturate(100%) invert(11%) sepia(83%) saturate(1210%) hue-rotate(179deg) brightness(92%) contrast(105%);
  }

  .LoginPageUTRZ .FrameRegistracijaHeader{
    display:none;
  }

  .LoginPageUTRZ .LoginPortalBox.is-register-open .FrameRegistracijaHeader{
    margin-top:20px;
  }

  .LoginPageUTRZ .FrameRegistracija > .FrameLoginInfoFloat,
  .LoginPageUTRZ .FrameLogin > .FrameLoginInfoFloat{
    display:none !important;
  }

  .LoginPageUTRZ .FrameLoginInfoFloat.FrameLoginInfoFloatMobile{
    display:none;
  }

  .LoginPageUTRZ .FrameLoginInfoFloat,
  .LoginPageUTRZ .LoginIntro,
  .LoginPageUTRZ .RegistracijaNagovorText,
  .LoginPageUTRZ .FrameRegistracijaPanel,
  .LoginPageUTRZ .FrameLoginPanel{
    width:100%;
    max-width:none;
  }

  .LoginPageUTRZ .FrameRegistracijaPanel{
    transform:none;
  }

  .LoginPageUTRZ .RegisterStatusSlot{
    min-height:46px;
    margin:0 0 8px;
  }

  .LoginPageUTRZ .RegisterStatusSlot:not(:has(.FormMessage)){
    min-height:46px;
    margin:0 0 8px;
  }

  .LoginPageUTRZ .RegisterStatusSlot .FormMessage{
    min-height:40px;
    display:flex;
    align-items:center;
    padding:6px 9px;
    font-size:13px;
    line-height:1.25;
  }

  .LoginPageUTRZ .LoginPortalBox{
    min-height:0;
  }

  .LoginPageUTRZ .FrameRegistracijaPanel,
  .LoginPageUTRZ .FrameLoginPanel,
  .LoginPageUTRZ .FrameLoginInfoFloat,
  .LoginPageUTRZ .FrameLoginInfoFloat .LoginIntro{
    height:auto;
    min-height:0;
    max-height:none;
    flex:0 0 auto;
  }

  .LoginPageUTRZ .FrameLoginInfoFloatMobile,
  .LoginPageUTRZ .FrameLoginInfoFloatMobile .LoginIntro{
    min-height:0;
  }

  .LoginPageUTRZ .FrameLoginInfoFloatMobile .LoginIntro{
    padding:0;
    height:auto;
    min-height:0;
    display:block;
  }

  .LoginPageUTRZ .FrameLoginInfoFloatMobile .RegistracijaNagovorText{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    width:100%;
  }

  .LoginPageUTRZ .PanelStatusSlot:not(.LoginStatusSlot):not(.RegisterStatusSlot):not(:has(.FormMessage)){
    min-height:0;
    margin:0;
  }

  .LoginPageUTRZ .RegisterCredentialBox{
    display:grid;
    gap:7px;
    padding:8px;
    border:1px solid rgba(0,34,68,.22);
    background:#f8fbfe;
  }

  .LoginPageUTRZ .FrameRegistracijaPanel .AuthForm > label:not(.RegisterTermsCheck),
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterCredentialBox > label,
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterClubField > label{
    display:block;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
  }

  .LoginPageUTRZ .FrameRegistracijaPanel .AuthForm > label:not(.RegisterTermsCheck) > span:first-child,
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterCredentialBox > label > span:first-child,
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterClubField > label > span:first-child{
    position:absolute;
    left:-9999px;
    top:auto;
    width:1px;
    height:1px;
    display:block;
    clip:rect(0 0 0 0);
    overflow:hidden;
    margin:0;
    padding:0;
    white-space:nowrap;
  }

  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterCredentialBox > .RegisterDateLabel > span:first-child{
    position:static;
    left:auto;
    top:auto;
    width:auto;
    height:auto;
    display:block;
    clip:auto;
    overflow:visible;
    margin:0 0 5px;
    padding:0;
    color:#65758a;
    background:transparent;
    font-size:12.5px;
    line-height:1.2;
    font-weight:500;
    white-space:normal;
  }


  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterSeparator,
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterHelpLinks,
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterTermsBox,
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterTermsCheck,
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions{
    margin-left:0;
    width:100%;
    max-width:none;
  }

  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions .FrameRegistracijaClose{
    display:none;
  }

  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions{
    grid-template-columns:1fr;
  }

  .LoginPageUTRZ .LoginIntroImage{
    width:100%;
    height:auto;
    aspect-ratio:16 / 9;
  }

  .LoginPageUTRZ .FrameLoginPanel .LoginAvatar{
    display:none;
  }
}

@media (min-width: 901px){
  .LoginPageUTRZ .FrameContent.LoginFrame{
    width:min(680px, calc(100% - 64px));
    max-width:min(680px, calc(100% - 64px));
    min-height:calc(100vh - var(--header-expanded-height) - 76px);
    padding:34px 0;
    align-items:center;
    justify-content:center;
  }

  .LoginPageUTRZ .LoginPortalBox{
    --login-panel-height:auto;
    --login-portal-height:auto;
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    display:flex;
    flex-direction:column;
    margin:0 auto;
    padding:6px;
    transform:none;
  }

  .LoginPageUTRZ .LoginMobileTabs{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
    margin:0 0 6px;
    order:0;
  }

  .LoginPageUTRZ .FrameRegistracija,
  .LoginPageUTRZ .FrameLogin{
    height:auto;
    min-height:0;
    max-height:none;
    padding:0 22px 28px;
    background:#ffffff;
  }

  .LoginPageUTRZ .LoginPortalBox.is-login-open > .FrameRegistracija,
  .LoginPageUTRZ .LoginPortalBox.is-register-open > .FrameLogin{
    display:none;
  }

  .LoginPageUTRZ .LoginPortalBox.is-login-open > .FrameLogin,
  .LoginPageUTRZ .LoginPortalBox.is-register-open > .FrameRegistracija{
    display:flex;
    order:1;
  }

  .LoginPageUTRZ .LoginPortalBox.is-register-open .FrameRegistracija{
    padding:0 22px 28px;
  }

  .LoginPageUTRZ .FrameRegistracija > .FrameLoginInfoFloat,
  .LoginPageUTRZ .FrameLogin > .FrameLoginInfoFloat,
  .LoginPageUTRZ .FrameLoginInfoFloat.FrameLoginInfoFloatMobile{
    display:none !important;
  }

  .LoginPageUTRZ .FrameRegistracijaPanel,
  .LoginPageUTRZ .FrameLoginPanel{
    width:100%;
    max-width:none;
    height:auto;
    min-height:0;
    max-height:none;
    flex:0 0 auto;
    margin:0;
    padding:0;
  }

  .LoginPageUTRZ .FrameLoginPanel .LoginAvatar,
  .LoginPageUTRZ .FrameRegistracijaHeader,
  .LoginPageUTRZ .LoginRegisterSection,
  .LoginPageUTRZ .LoginRegisterSeparator,
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions .FrameRegistracijaClose{
    display:none;
  }

  .LoginPageUTRZ .LoginCredentialSection{
    padding-top:8px;
  }

  .LoginPageUTRZ .LoginStatusSlot,
  .LoginPageUTRZ .RegisterStatusSlot,
  .LoginPageUTRZ .LoginStatusSlot:not(:has(.FormMessage)),
  .LoginPageUTRZ .RegisterStatusSlot:not(:has(.FormMessage)){
    min-height:46px;
    margin:0 0 8px;
  }

  .LoginPageUTRZ .LoginStatusSlot .FormMessage,
  .LoginPageUTRZ .RegisterStatusSlot .FormMessage{
    min-height:40px;
    display:flex;
    align-items:center;
    padding:6px 9px;
    font-size:13px;
    line-height:1.25;
  }

  .LoginPageUTRZ .LoginCredentialBox,
  .LoginPageUTRZ .RegisterCredentialBox{
    display:grid;
    gap:7px;
    padding:8px;
    border:1px solid rgba(0,34,68,.22);
    background:#f8fbfe;
  }

  .LoginPageUTRZ .LoginCredentialBox label,
  .LoginPageUTRZ .FrameRegistracijaPanel .AuthForm > label:not(.RegisterTermsCheck),
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterCredentialBox > label,
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterClubField > label{
    display:block;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
  }

  .LoginPageUTRZ .FrameRegistracijaPanel .AuthForm > label:not(.RegisterTermsCheck) > span:first-child,
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterCredentialBox > label > span:first-child,
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterClubField > label > span:first-child,
  .LoginPageUTRZ .FrameLoginPanel .AuthForm label > span:first-child{
    position:absolute;
    left:-9999px;
    top:auto;
    width:1px;
    height:1px;
    display:block;
    clip:rect(0 0 0 0);
    overflow:hidden;
    margin:0;
    padding:0;
    white-space:nowrap;
  }

  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterCredentialBox > .RegisterDateLabel > span:first-child{
    position:static;
    left:auto;
    top:auto;
    width:auto;
    height:auto;
    display:block;
    clip:auto;
    overflow:visible;
    margin:0 0 5px;
    padding:0;
    color:#65758a;
    background:transparent;
    font-size:12.5px;
    line-height:1.2;
    font-weight:500;
    white-space:normal;
  }

  .LoginPageUTRZ .LoginHelpLinks{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:10px;
    margin:20px 0 10px;
    font-size:12.5px;
    line-height:1.2;
  }

  .LoginPageUTRZ .LoginHelpLinks a,
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterHelpLinks a{
    color:#65758a;
    font-size:13.5px;
    font-weight:500;
    line-height:1.25;
    text-decoration:none;
  }

  .LoginPageUTRZ .LoginHelpLinks .ForgotPassword{
    text-align:right;
  }

  .LoginPageUTRZ .FrameLoginPanel .PrimaryButton,
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions .PrimaryButton{
    min-height:38px;
    border:1px solid rgba(0,34,68,.72);
    border-radius:0;
    background:var(--info-blue);
    color:#ffffff;
    font-size:14px;
    font-weight:800;
  }

  .LoginPageUTRZ .FrameLoginPanel .PrimaryButton:hover,
  .LoginPageUTRZ .FrameLoginPanel .PrimaryButton:focus-visible,
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions .PrimaryButton:hover,
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions .PrimaryButton:focus-visible{
    background:var(--menu-blue);
    color:#ffffff;
  }

  .LoginPageUTRZ .RememberMeControl{
    display:flex;
    width:100%;
    flex-direction:row;
    align-items:center;
    gap:9px;
    justify-content:flex-end;
    align-self:flex-end;
    margin:0 0 12px auto;
    color:#65758a;
    font-size:13.5px;
    line-height:1.25;
    font-weight:500;
  }

  .LoginPageUTRZ .FrameLoginPanel .AuthForm .RememberMeControl > span:first-child{
    position:static;
    left:auto;
    top:auto;
    width:auto;
    height:auto;
    display:inline;
    clip:auto;
    overflow:visible;
    margin:0;
    padding:0;
    white-space:normal;
    background:transparent;
    z-index:auto;
    line-height:inherit;
  }

  .LoginPageUTRZ .FrameLoginPanel .LoginSocialTop{
    display:grid;
    gap:7px;
    padding:0;
    border:0;
    background:transparent;
  }

  .LoginPageUTRZ .LoginSocialSection > .SocialDivider{
    display:flex;
    margin:10px 0 14px;
  }

  .LoginPageUTRZ .LoginSocialTop .SocialLoginButton,
  .LoginPageUTRZ .LoginSocialTop .SocialLoginButton:hover,
  .LoginPageUTRZ .LoginSocialTop .SocialLoginButton:focus-visible{
    border-color:rgba(0,34,68,.72);
    background:#ffffff;
    color:var(--menu-blue);
    box-shadow:none;
  }

  .LoginPageUTRZ .LoginSocialTop .SocialLoginButtonFacebook,
  .LoginPageUTRZ .LoginSocialTop .SocialLoginButtonFacebook:hover,
  .LoginPageUTRZ .LoginSocialTop .SocialLoginButtonFacebook:focus-visible{
    border-color:rgba(66,103,178,.48);
    background:#f3f7ff;
    color:#214f9a;
  }

  .LoginPageUTRZ .LoginSocialTop .SocialLoginButtonApple,
  .LoginPageUTRZ .LoginSocialTop .SocialLoginButtonApple:hover,
  .LoginPageUTRZ .LoginSocialTop .SocialLoginButtonApple:focus-visible{
    border-color:rgba(17,24,39,.52);
    background:#eceff2;
    color:#111827;
  }

  .LoginPageUTRZ .LoginSocialTop .SocialIcon{
    background:transparent;
    color:var(--menu-blue);
  }

  .LoginPageUTRZ .LoginSocialTop .GoogleIcon svg{
    filter:brightness(0) saturate(100%) invert(11%) sepia(83%) saturate(1210%) hue-rotate(179deg) brightness(92%) contrast(105%);
  }

  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterSeparator,
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterHelpLinks,
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterTermsBox,
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterTermsCheck,
  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions{
    margin-left:0;
    width:100%;
    max-width:none;
  }

  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterHelpLinks{
    display:block;
    margin:10px 0 6px;
    font-size:12.5px;
    line-height:1.2;
    text-align:left;
  }

  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterTermsCheck{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-top:8px;
    font-size:12px;
    line-height:1.35;
  }

  .LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    align-items:center;
    margin-top:18px;
    margin-bottom:0;
  }
}

.LoginPageUTRZ .LoginMobileTab[aria-selected="true"],
.LoginPageUTRZ .FrameLoginPanel .PrimaryButton{
  border-color:#08204a;
  background:#08204a;
  color:#ffffff;
}

.LoginPageUTRZ .LoginMobileTab[aria-selected="true"]:hover,
.LoginPageUTRZ .LoginMobileTab[aria-selected="true"]:focus-visible,
.LoginPageUTRZ .FrameLoginPanel .PrimaryButton:hover,
.LoginPageUTRZ .FrameLoginPanel .PrimaryButton:focus-visible{
  border-color:#061836;
  background:#061836;
  color:#ffffff;
}

.FrameContent.DrustvoBlankContent.LoginDrustvoBlankContent{
  min-height:0;
  padding:32px max(24px, calc((100% - var(--content-width)) / 2)) 24px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  box-sizing:border-box;
  background:
    radial-gradient(circle 760px at 24% 18%, rgba(36,189,242,.16), transparent 58%),
    radial-gradient(circle 560px at 78% 70%, rgba(255,255,255,.08), transparent 60%),
    var(--menu-blue);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginPortalBox{
  width:min(1120px, 100%);
  height:auto;
  min-height:0;
  max-height:none;
  transform:none;
  overflow:hidden;
  background:rgba(2,19,50,.78);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 24px 52px rgba(0,10,28,.38);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracija,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLogin{
  height:auto;
  min-height:0;
  max-height:none;
  background:linear-gradient(180deg, rgba(8,32,74,.92), rgba(2,19,50,.96));
  color:#eaf4ff;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracija{
  border-right:1px solid rgba(255,255,255,.16);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel{
  height:auto;
  min-height:0;
  max-height:none;
  color:#eaf4ff;
  background:transparent;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginInfoFloat{
  background:
    linear-gradient(180deg, rgba(2,19,50,.20) 0%, rgba(2,19,50,.56) 44%, rgba(2,19,50,.96) 100%),
    url("assets/imgBgrLoginInfoLeft.png") center center / cover no-repeat;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginInfoFloat .RegistracijaNagovorText{
  background:rgba(2,19,50,.78);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 18px 34px rgba(0,10,28,.34);
  color:#eaf4ff;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginIntro h1,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginInfoFloat .LoginIntro h1,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaHeader h2{
  color:#ffffff;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginIntro p,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginInfoFloat .LoginIntro p,
.LoginDrustvoBlankContent.LoginPageUTRZ .RegisterTermsBox,
.LoginDrustvoBlankContent.LoginPageUTRZ .RegisterTermsCheck,
.LoginDrustvoBlankContent.LoginPageUTRZ .RememberMeControl,
.LoginDrustvoBlankContent.LoginPageUTRZ .SocialLoginHint{
  color:rgba(234,244,255,.82);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .SocialLoginHint{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .AuthForm input,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm input,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm select,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .PasswordField,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .PasswordField{
  border-color:rgba(255,255,255,.32);
  background:rgba(255,255,255,.94);
  color:#08204a;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .AuthForm input:focus,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm input:focus,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm select:focus,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .PasswordField:focus-within,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .PasswordField:focus-within{
  border-color:#35cfff;
  box-shadow:0 0 0 3px rgba(53,207,255,.18);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginHelpLinks a,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .RegisterHelpLinks a,
.LoginDrustvoBlankContent.LoginPageUTRZ .RegisterTermsCheck a{
  color:#35cfff;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginRegisterSeparator,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSeparator{
  background:rgba(255,255,255,.18);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginMobileTab[aria-selected="true"],
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .PrimaryButton,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions .PrimaryButton,
.LoginDrustvoBlankContent.LoginPageUTRZ .LoginRegisterButton{
  border-color:#35cfff;
  background:#008bd2;
  color:#ffffff;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginMobileTab[aria-selected="true"]:hover,
.LoginDrustvoBlankContent.LoginPageUTRZ .LoginMobileTab[aria-selected="true"]:focus-visible,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .PrimaryButton:hover,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .PrimaryButton:focus-visible,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions .PrimaryButton:hover,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions .PrimaryButton:focus-visible,
.LoginDrustvoBlankContent.LoginPageUTRZ .LoginRegisterButton:hover,
.LoginDrustvoBlankContent.LoginPageUTRZ .LoginRegisterButton:focus-visible{
  border-color:#76e4ff;
  background:#0077b6;
  color:#ffffff;
}

@media (max-width:800px){
  .FrameContent.DrustvoBlankContent.LoginDrustvoBlankContent{
    padding:26px 16px 34px;
  }

  .LoginDrustvoBlankContent.LoginPageUTRZ .LoginPortalBox{
    width:min(680px, 100%);
  }

  .LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracija{
    border-right:0;
  }
}

.LoginDrustvoBlankContent.LoginPageUTRZ{
  --sd-auth-page:#021332;
  --sd-auth-panel-border:#1f5b8a;
  --sd-auth-field-top:#041730;
  --sd-auth-field-bottom:#02132b;
  --sd-auth-field-border:rgba(53,207,255,.62);
  --sd-auth-field-border-hover:rgba(53,207,255,.78);
  --sd-auth-field-border-focus:#35cfff;
  --sd-auth-text:#f4f9ff;
  --sd-auth-muted:rgba(214,231,247,.66);
  --sd-auth-link:#8fe9ff;
  --sd-auth-tab-bg:#102b49;
  --sd-auth-tab-active:#021332;
  --sd-auth-button:#01102a;
  --sd-auth-button-hover:#021332;
  --sd-auth-inner-width:600px;
  --sd-auth-window-height:656px;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginPortalBox,
.LoginDrustvoBlankContent.LoginPageUTRZ .LoginPortalBox.is-register-open{
  width:min(900px, 100%);
  min-height:var(--sd-auth-window-height);
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  padding:20px 28px 44px;
  overflow:hidden;
  border:1px solid var(--sd-auth-panel-border);
  border-radius:8px;
  background:
    radial-gradient(circle 360px at 50% -18%, rgba(53,207,255,.20), transparent 62%),
    linear-gradient(180deg, rgba(22,49,86,.88), rgba(9,24,45,.94));
  box-shadow:
    0 24px 70px rgba(0,8,24,.48),
    0 0 0 1px rgba(255,255,255,.04) inset;
  backdrop-filter:blur(16px);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginPortalBox::before{
  content:none;
  display:none;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginMobileTabs{
  order:1;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  width:min(var(--sd-auth-inner-width), 100%);
  gap:5px;
  margin:0 auto 20px;
  padding:4px;
  box-sizing:border-box;
  border:0;
  border-radius:7px;
  background:rgba(255,255,255,.05);
  box-shadow:0 8px 22px rgba(0,8,24,.20) inset;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginMobileTab{
  height:38px;
  min-width:0;
  box-sizing:border-box;
  border:1px solid transparent;
  border-radius:5px;
  background:transparent;
  color:var(--sd-auth-muted);
  box-shadow:none;
  font-size:14px;
  font-weight:800;
  text-transform:uppercase;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginMobileTab:hover,
.LoginDrustvoBlankContent.LoginPageUTRZ .LoginMobileTab:focus-visible{
  border-color:rgba(42,111,164,.58);
  background:var(--sd-auth-tab-bg);
  color:#ffffff;
  box-shadow:none;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginMobileTab[aria-selected="true"],
.LoginDrustvoBlankContent.LoginPageUTRZ .LoginMobileTab[aria-selected="true"]:hover,
.LoginDrustvoBlankContent.LoginPageUTRZ .LoginMobileTab[aria-selected="true"]:focus-visible{
  border-color:var(--sd-auth-field-border-focus);
  background:var(--sd-auth-tab-active);
  color:#ffffff;
  box-shadow:0 10px 22px rgba(0,8,24,.32);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLogin,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracija{
  order:2;
  width:min(var(--sd-auth-inner-width), 100%);
  margin:0 auto;
  padding:0;
  display:none;
  background:transparent;
  border:0;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginPortalBox.is-login-open > .FrameLogin,
.LoginDrustvoBlankContent.LoginPageUTRZ .LoginPortalBox.is-register-open > .FrameRegistracija{
  display:flex;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginPortalBox.is-register-open .FrameRegistracija{
  padding:0;
  background:transparent;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel{
  width:100%;
  max-width:none;
  flex:0 1 auto;
  margin:0;
  padding:0;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .LoginAvatar,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginInfoFloat,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginInfoFloatMobile,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaHeader,
.LoginDrustvoBlankContent.LoginPageUTRZ .LoginRegisterSection,
.LoginDrustvoBlankContent.LoginPageUTRZ .LoginRegisterSeparator,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions .FrameRegistracijaClose{
  display:none;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .AuthForm,
.LoginDrustvoBlankContent.LoginPageUTRZ .LoginCredentialBox,
.LoginDrustvoBlankContent.LoginPageUTRZ .RegisterCredentialBox{
  display:grid;
  gap:10px;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .RegisterForm,
.LoginDrustvoBlankContent.LoginPageUTRZ .LoginCredentialBox,
.LoginDrustvoBlankContent.LoginPageUTRZ .RegisterCredentialBox{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginCredentialBox label,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm > label:not(.RegisterTermsCheck),
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .RegisterCredentialBox > label{
  display:block;
  margin:0;
  padding-top:0;
  background:transparent;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .AuthForm label > span:first-child,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm > label:not(.RegisterTermsCheck) > span:first-child,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .RegisterCredentialBox > label > span:first-child{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .AuthForm input:not([type="checkbox"]),
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm input:not([type="checkbox"]),
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm select,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .PasswordField,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .PasswordField,
.LoginDrustvoBlankContent.LoginPageUTRZ .RegisterTermsBox{
  appearance:none;
  outline:0;
  border:1px solid var(--sd-auth-field-border);
  border-radius:7px;
  background:linear-gradient(180deg, var(--sd-auth-field-top), var(--sd-auth-field-bottom));
  color:var(--sd-auth-text);
  box-shadow:
    0 11px 22px rgba(0,8,24,.24),
    0 1px 0 rgba(255,255,255,.05) inset,
    0 0 18px rgba(53,207,255,.05) inset;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .AuthForm input:not([type="checkbox"]),
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm input:not([type="checkbox"]),
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm select,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .PasswordField,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .PasswordField{
  height:44px;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .AuthForm input:not([type="checkbox"]),
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm input:not([type="checkbox"]),
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm select{
  padding:0 15px;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .PasswordField input,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .PasswordField input{
  appearance:none;
  outline:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .PasswordField button,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .PasswordField button{
  height:42px;
  border-left:1px solid rgba(53,207,255,.30);
  background:transparent;
  color:var(--sd-auth-text);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .AuthForm input:not([type="checkbox"]):hover,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm input:not([type="checkbox"]):hover,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm select:hover,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .PasswordField:hover,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .PasswordField:hover,
.LoginDrustvoBlankContent.LoginPageUTRZ .RegisterTermsBox:hover{
  border-color:var(--sd-auth-field-border-hover);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .AuthForm input:not([type="checkbox"]):focus,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .AuthForm input:not([type="checkbox"]):focus-visible,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm input:not([type="checkbox"]):focus,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm input:not([type="checkbox"]):focus-visible,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm select:focus,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm select:focus-visible,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .PasswordField:focus-within,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .PasswordField:focus-within{
  border-color:var(--sd-auth-field-border-focus);
  box-shadow:
    0 12px 24px rgba(0,8,24,.28),
    0 0 0 2px rgba(53,207,255,.16),
    0 1px 0 rgba(255,255,255,.07) inset,
    0 0 22px rgba(53,207,255,.10) inset;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .AuthForm input:not([type="checkbox"])::placeholder,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm input:not([type="checkbox"])::placeholder{
  color:rgba(214,231,247,.64);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm select{
  color:var(--sd-auth-text);
  color-scheme:dark;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .AuthForm select option{
  background:#102b49;
  color:var(--sd-auth-text);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginHelpLinks,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .RegisterHelpLinks{
  margin:0;
  display:flex;
  justify-content:space-between;
  gap:12px;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginHelpLinks a,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .RegisterHelpLinks a,
.LoginDrustvoBlankContent.LoginPageUTRZ .RegisterTermsCheck a,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .AuthForm .RememberMeControl > span:first-child,
.LoginDrustvoBlankContent.LoginPageUTRZ .RememberMeControl{
  color:var(--sd-auth-link);
  font-size:13px;
  font-weight:500;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginHelpLinks a:hover,
.LoginDrustvoBlankContent.LoginPageUTRZ .LoginHelpLinks a:focus-visible{
  color:#bdf4ff;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .PrimaryButton,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions .PrimaryButton{
  width:100%;
  min-height:48px;
  margin:0;
  border:1px solid rgba(255,255,255,.86);
  border-radius:7px;
  background:var(--sd-auth-button);
  color:#ffffff;
  box-shadow:0 12px 24px rgba(0,8,24,.28);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .PrimaryButton:hover,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .PrimaryButton:focus-visible,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions .PrimaryButton:hover,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions .PrimaryButton:focus-visible{
  border-color:#ffffff;
  background:var(--sd-auth-button-hover);
  box-shadow:0 14px 28px rgba(0,8,24,.34);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .RememberMeControl{
  display:flex;
  width:100%;
  justify-content:flex-end;
  gap:10px;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .AuthForm .RememberMeControl > span:first-child{
  position:static;
  width:auto;
  height:auto;
  overflow:visible;
  clip:auto;
  white-space:normal;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .AuthForm .RememberMeControl input[type="checkbox"]{
  position:relative;
  width:16px;
  height:16px;
  flex:0 0 16px;
  box-sizing:border-box;
  appearance:none;
  margin:0;
  border:1px solid var(--sd-auth-field-border);
  border-radius:3px;
  background:linear-gradient(180deg, var(--sd-auth-field-top), var(--sd-auth-field-bottom));
  box-shadow:0 4px 10px rgba(0,8,24,.22);
  accent-color:var(--sd-auth-field-border-focus);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .RegisterTermsCheck input[type="checkbox"]{
  position:relative;
  width:16px;
  min-width:16px;
  max-width:16px;
  height:16px;
  min-height:16px;
  max-height:16px;
  flex:0 0 16px;
  display:inline-block;
  box-sizing:border-box;
  appearance:none;
  margin:2px 0 0;
  padding:0;
  border:1px solid var(--sd-auth-field-border);
  border-radius:3px;
  background:linear-gradient(180deg, var(--sd-auth-field-top), var(--sd-auth-field-bottom));
  box-shadow:0 4px 10px rgba(0,8,24,.22);
  accent-color:var(--sd-auth-field-border-focus);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .AuthForm .RememberMeControl input[type="checkbox"]:checked,
.LoginDrustvoBlankContent.LoginPageUTRZ .RegisterTermsCheck input[type="checkbox"]:checked{
  background:linear-gradient(180deg, rgba(53,207,255,.82), rgba(24,159,212,.82));
  border-color:rgba(143,233,255,.72);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .AuthForm .RememberMeControl input[type="checkbox"]:checked::after,
.LoginDrustvoBlankContent.LoginPageUTRZ .RegisterTermsCheck input[type="checkbox"]:checked::after{
  content:"";
  position:absolute;
  left:4px;
  top:1px;
  width:5px;
  height:9px;
  border-right:2px solid rgba(255,255,255,.88);
  border-bottom:2px solid rgba(255,255,255,.88);
  transform:rotate(42deg);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginSocialSection > .SocialDivider{
  margin:14px 0;
  color:var(--sd-auth-muted);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .LoginSocialSection > .SocialDivider::before,
.LoginDrustvoBlankContent.LoginPageUTRZ .LoginSocialSection > .SocialDivider::after{
  background:rgba(53,207,255,.22);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameLoginPanel .LoginSocialTop{
  gap:10px;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .SocialLoginButton{
  height:48px;
  border:1px solid rgba(53,207,255,.22);
  border-radius:7px;
  background:rgba(255,255,255,.08);
  color:var(--sd-auth-text);
  box-shadow:none;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .SocialLoginButton:hover,
.LoginDrustvoBlankContent.LoginPageUTRZ .SocialLoginButton:focus-visible{
  border-color:#2f4a6d;
  background:#061f4b;
  color:#ffffff;
  box-shadow:0 12px 26px rgba(0,10,28,.34);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .SocialLoginHint{
  border:0;
  background:transparent;
  color:rgba(214,231,247,.58);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .GoogleIcon svg{
  filter:none;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FacebookIcon{
  color:#35cfff;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .AppleIcon{
  color:var(--sd-auth-text);
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSeparator,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .RegisterTermsBox,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .RegisterTermsCheck,
.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions{
  width:100%;
  margin-left:0;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .RegisterTermsBox{
  max-height:92px;
  overflow:auto;
  padding:12px;
  color:var(--sd-auth-muted);
  font-size:12px;
  line-height:1.45;
  scrollbar-color:#102b49 #021332;
  scrollbar-width:thin;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .RegisterTermsBox::-webkit-scrollbar{
  width:10px;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .RegisterTermsBox::-webkit-scrollbar-track{
  background:#021332;
  border-radius:7px;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .RegisterTermsBox::-webkit-scrollbar-thumb{
  background:#102b49;
  border:2px solid #021332;
  border-radius:7px;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .RegisterTermsCheck{
  margin-top:-4px;
  color:var(--sd-auth-muted);
  font-size:13px;
  line-height:1.35;
}

.LoginDrustvoBlankContent.LoginPageUTRZ .FrameRegistracijaPanel .RegisterSubmitActions{
  margin-top:34px;
}

@media (max-width:800px){
  .LoginDrustvoHero{
    display:none;
  }

  .LoginDrustvoBand{
    height:1px;
  }

  .PageMainContent{
    min-height:calc(100vh - var(--header-compact-height, 82px) - 59px);
  }

  .LoginDrustvoBlankContent.LoginPageUTRZ .LoginPortalBox,
  .LoginDrustvoBlankContent.LoginPageUTRZ .LoginPortalBox.is-register-open{
    width:100%;
    min-height:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
  }

  .LoginDrustvoBlankContent.LoginPageUTRZ .SocialLoginHint{
    display:none !important;
  }

  body:has(.LoginDrustvoBlankContent) .FrameFooter::before{
    left:0;
    right:0;
    height:1px;
  }
}

@media (max-width:900px){
  .DrustvoHistoryCardGrid{
    grid-template-columns:1fr;
  }

  .DrustvoHistoryCard{
    grid-template-columns:minmax(180px, 38%) minmax(0, 1fr);
  }

  .DrustvoHistoryCard--support{
    grid-template-columns:minmax(160px, 30%) minmax(0, 1fr);
  }

}

@media (max-width:620px){
  .DrustvoHistoryCards{
    padding:30px 12px 36px;
  }

  .DrustvoHistoryCardGrid{
    gap:16px;
  }

  .DrustvoHistoryCard{
    grid-template-columns:1fr;
  }

  .DrustvoHistorySupportLogo{
    float:none;
    width:min(100%, 210px);
    height:210px;
    margin:18px auto 0;
    min-height:0;
    padding:22px;
  }

  .DrustvoHistorySupportLogo img{
    max-height:132px;
  }

  .DrustvoHistoryQrImage{
    float:none;
    width:min(100%, 236px);
    height:236px;
    margin:18px auto 0;
    min-height:0;
    padding:12px;
  }

  .DrustvoHistoryQrImage img{
    max-width:236px;
  }

  .DrustvoHistoryCard img{
    min-height:0;
    aspect-ratio:16 / 9;
  }

  .DrustvoHistorySupportLogo img,
  .DrustvoHistoryQrImage img{
    aspect-ratio:auto;
  }

  .DrustvoHistoryCardBody{
    padding:20px 18px 22px;
  }

  .DrustvoHistoryCardBody h2{
    font-size:21px;
  }

}

@media (max-width:700px){
  body:has(.DrustvoHeaderImage){
    background:var(--menu-blue);
  }

  .DrustvoHeaderImage{
    display:none;
  }

  .DrustvoHeaderImage::before{
    background:
      linear-gradient(180deg, rgba(2,19,50,.3) 0%, rgba(2,19,50,.92) 100%),
      linear-gradient(90deg, rgba(2,19,50,.96) 0%, rgba(2,19,50,.42) 50%, rgba(2,19,50,.96) 100%);
  }

  .DrustvoHeaderImage::after{
    opacity:.18;
  }

  .DrustvoHeaderImagePhoto{
    display:none;
  }

  .DrustvoHeaderImageTitle{
    left:22px;
    right:18px;
    bottom:22px;
    font-size:28px;
    font-weight:820;
    line-height:1;
    letter-spacing:0;
    text-align:left;
    text-transform:lowercase;
  }

  .DrustvoHeaderImageTitle::first-letter{
    text-transform:uppercase;
  }

  .DrustvoHistoryTabs{
    min-height:40px;
    height:auto;
    align-items:stretch;
    gap:0;
    padding:0;
    overflow-x:auto;
    overflow-y:hidden;
    border-top:1px solid rgba(255,255,255,.32);
    border-bottom:1px solid rgba(53,207,255,.62);
    background:var(--menu-blue);
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .DrustvoHistoryTabs::-webkit-scrollbar{
    display:none;
  }

  .DrustvoHistoryTabs::before{
    content:none;
  }

  .DrustvoHistoryTabs a{
    flex:0 0 auto;
    width:auto;
    min-width:max-content;
    height:40px;
    justify-content:center;
    padding:0 14px;
    border-right:1px solid rgba(255,255,255,.22);
    border-top:0;
    border-radius:0;
    background:transparent;
    color:#ffffff;
    font-size:14px;
    font-weight:760;
    text-transform:none;
    scroll-snap-align:start;
  }

  .DrustvoHistoryTabs a:first-child{
    border-left:0;
  }

  .DrustvoHistoryTabs a:hover,
  .DrustvoHistoryTabs a:focus-visible,
  .DrustvoHistoryTabs a.is-active{
    background:#26345f;
  }

  .DrustvoHistoryTabs a.is-active::after{
    left:0;
    right:0;
    bottom:0;
    width:auto;
    height:2px;
    border-radius:0;
    background:#35cfff;
    transform:scaleY(.75);
    transform-origin:bottom;
  }

  .DrustvoHistoryTimeline{
    --history-viewport:calc(100vw - 48px);
    --history-slide-gap:32px;
    min-height:0;
    padding:34px 0 38px;
    display:grid;
    grid-template-columns:1fr;
    grid-template-areas:
      "title"
      "subtitle"
      "intro"
      "years"
      "controls"
      "slider";
    overflow:hidden;
    background:var(--menu-blue);
  }

  .DrustvoHistoryTimeline[hidden]{
    display:none;
  }

  .FrameContent .DrustvoHistorySectionTitle{
    grid-area:title;
    width:var(--history-viewport);
    margin:0 auto 14px;
    padding-right:58px;
    color:#35cfff;
    font-size:22px;
    font-weight:780;
    line-height:1;
    text-transform:lowercase;
  }

  .DrustvoHistorySectionTitle::first-letter{
    text-transform:uppercase;
  }

  .DrustvoHistorySectionIntro{
    grid-area:intro;
    width:var(--history-viewport);
    margin:0 auto 18px;
    color:rgba(255,255,255,.82);
    font-size:14px;
    line-height:1.46;
    text-align:left;
  }

  .DrustvoHistorySectionSubtitle{
    grid-area:subtitle;
    width:var(--history-viewport);
    margin:0 auto 12px;
    color:#ffffff;
    font-size:18px;
    font-weight:760;
    line-height:1.12;
    text-align:left;
  }

  .DrustvoHistorySectionSubtitle + .DrustvoHistorySectionIntro{
    margin-top:4px;
  }

  #zgodovina .DrustvoHistoryYears,
  #skirca-open .DrustvoHistoryYears,
  #uspehi .DrustvoHistoryYears{
    grid-area:years;
    width:100%;
    margin:0;
    display:flex;
    gap:12px;
    padding:0 24px 18px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  #zgodovina .DrustvoHistoryYears::-webkit-scrollbar,
  #skirca-open .DrustvoHistoryYears::-webkit-scrollbar,
  #uspehi .DrustvoHistoryYears::-webkit-scrollbar{
    display:none;
  }

  .DrustvoHistoryYears button{
    flex:0 0 auto;
    min-width:54px;
    min-height:52px;
    padding:0 0 14px;
    color:rgba(255,255,255,.42);
    font-size:16px;
    font-weight:760;
    text-align:center;
    scroll-snap-align:center;
  }

  .DrustvoHistoryYears button span{
    position:static;
    display:block;
    letter-spacing:.01em;
    transform:scaleX(.9);
    transform-origin:center;
  }

  .DrustvoHistoryYears button::before{
    left:50%;
    right:auto;
    top:auto;
    bottom:0;
    width:calc(100% + 12px);
    border-top:2px dashed rgba(76,103,165,.58);
  }

  .DrustvoHistoryYears button::after{
    left:50%;
    top:auto;
    bottom:-7px;
    width:14px;
    height:14px;
  }

  .DrustvoHistoryYears button.is-past,
  .DrustvoHistoryYears button.is-active{
    color:#35cfff;
  }

  .DrustvoHistoryYears button.is-active{
    font-size:24px;
    font-weight:820;
  }

  .DrustvoHistorySliderShell{
    grid-area:slider;
    width:var(--history-viewport);
    transition:height .24s ease;
  }

  .DrustvoHistorySlider{
    align-items:flex-start;
    touch-action:pan-y;
  }

  .DrustvoHistoryTimeline--single .DrustvoHistorySlider{
    transform:none;
  }

  .DrustvoHistorySlide{
    flex-basis:var(--history-slide-width);
    display:flex;
    flex-direction:column;
    overflow:visible;
  }

  #uspehi .DrustvoHistorySlide{
    display:flex;
    flex-direction:column;
  }

  .DrustvoHistorySlide[aria-hidden="true"]{
    height:0;
    overflow:hidden;
  }

  .DrustvoHistorySlide.is-active{
    height:auto;
    overflow:visible;
  }

  .DrustvoHistorySidePeek{
    display:none;
  }

  .DrustvoHistorySlideMedia,
  #uspehi .DrustvoHistorySlideMedia,
  .DrustvoHistoryTimeline--presentation .DrustvoHistorySlideMedia,
  .DrustvoHistoryTimeline--membership .DrustvoHistorySlideMedia,
  .DrustvoHistoryTimeline--single .DrustvoHistorySlideMedia{
    position:relative;
    left:auto;
    top:auto;
    float:none;
    order:1;
    width:100%;
    min-height:0;
    aspect-ratio:16 / 9;
    margin:0 0 22px;
    border:1px solid rgba(184,196,210,.58);
    box-shadow:
      0 0 0 1px rgba(255,255,255,.08) inset,
      0 8px 18px rgba(0,0,0,.18);
    background-size:cover;
  }

  .DrustvoHistorySlideKicker{
    order:0;
    margin:0 0 16px;
    padding-right:58px;
    color:#35cfff;
    font-size:22px;
    font-weight:820;
    text-align:left;
    text-transform:lowercase;
  }

  .DrustvoHistorySlideKicker::first-letter{
    text-transform:uppercase;
  }

  .DrustvoHistorySlideText{
    order:2;
  }

  #uspehi .DrustvoHistorySlideText,
  #uspehi .DrustvoHistorySlideFullText{
    margin-left:0;
  }

  .DrustvoHistorySlideText span{
    margin:0 0 22px;
    color:#35cfff;
    font-size:29px;
    font-weight:820;
    text-align:center;
  }

  #zgodovina .DrustvoHistorySlideText span,
  #skirca-open .DrustvoHistorySlideText span,
  #uspehi .DrustvoHistorySlideText span{
    display:none;
  }

  .DrustvoHistorySlideText h2,
  .DrustvoHistoryTimeline--presentation .DrustvoHistorySlideText h2,
  .DrustvoHistoryTimeline--membership .DrustvoHistorySlideText h2{
    margin:0 0 14px;
    color:#ffffff;
    font-size:18px;
    font-weight:760;
    line-height:1.12;
    text-transform:none;
  }

  .DrustvoHistoryTimeline--membership .DrustvoHistorySlideText h2{
    font-size:18px;
    text-transform:none;
  }

  .DrustvoHistoryTimeline--membership .DrustvoHistorySlideText h2::first-letter{
    text-transform:none;
  }

  .DrustvoHistoryTimeline--presentation .DrustvoHistorySlideText h2,
  .DrustvoHistoryTimeline--single .DrustvoHistorySlideText h2{
    font-size:18px;
    font-weight:760;
  }

  #zgodovina .DrustvoHistorySlideText h2,
  #skirca-open .DrustvoHistorySlideText h2,
  #uspehi .DrustvoHistorySlideText h2{
    font-size:18px;
  }

  .DrustvoHistoryTimeline--membership .DrustvoHistorySlideText h3,
  .DrustvoHistorySlideText h2 + h3{
    margin:0 0 14px;
    color:#9feaff;
    font-size:17px;
    font-weight:700;
    line-height:1.12;
    text-transform:none;
  }

  .DrustvoHistorySlideText p,
  .DrustvoHistorySlideFullText,
  .DrustvoHistorySlideFullText p,
  .DrustvoHistoryResultList li,
  #uspehi .DrustvoHistoryResultList li{
    color:rgba(255,255,255,.82);
    font-size:14px;
    font-weight:500;
    line-height:1.46;
    text-align:left;
  }

  .DrustvoHistorySlideText p + p,
  .DrustvoHistorySlideFullText p + p{
    margin-top:16px;
  }

  .DrustvoHistorySlideText + .DrustvoHistorySlideFullText{
    order:3;
    margin-top:18px;
  }

  .DrustvoHistorySlideFullText h3,
  .DrustvoHistoryTimeline--presentation .DrustvoHistorySlideFullText h3,
  #uspehi .DrustvoHistorySlideFullText h3{
    margin:26px 0 12px;
    color:#35cfff;
    font-size:17px;
    line-height:1.12;
  }

  .DrustvoHistorySlideFullText h3 + p{
    margin-top:0;
  }

  .DrustvoHistoryTimelineControls{
    grid-area:controls;
    position:static;
    width:var(--history-viewport);
    height:auto;
    margin:-4px auto 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    pointer-events:auto;
  }

  #zgodovina .DrustvoHistoryTimelineControls,
  #zgodovina .DrustvoHistorySidePeek,
  #skirca-open .DrustvoHistoryTimelineControls,
  #skirca-open .DrustvoHistorySidePeek,
  #uspehi .DrustvoHistoryTimelineControls,
  #uspehi .DrustvoHistorySidePeek{
    top:auto;
  }

  .DrustvoHistoryTimelineControls button{
    position:static;
    width:40px;
    height:40px;
    flex:0 0 40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#26345f;
    box-shadow:none;
    pointer-events:auto;
  }

  .DrustvoHistoryTimelineControls button:first-child,
  .DrustvoHistoryTimelineControls button:last-child{
    border-radius:50%;
  }

  .DrustvoHistoryTimelineControls button::before{
    font-size:28px;
    color:#35cfff;
    transform:translateY(-3px);
  }

  .DrustvoHistoryTimelineControls button:disabled{
    opacity:.34;
    pointer-events:auto;
    cursor:default;
  }

  .DrustvoHistoryCards{
    padding:26px 24px 38px;
    background:#ffffff;
  }

  .DrustvoHistoryCardGrid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:22px 12px;
  }

  .DrustvoHistoryCard,
  .DrustvoHistoryCard--support{
    min-width:0;
    display:grid;
    grid-template-columns:1fr;
    align-content:start;
    overflow:hidden;
    border:1px solid rgba(0,44,80,.14);
    border-radius:10px;
    background:#ffffff;
    box-shadow:0 8px 20px rgba(0,27,58,.11);
  }

  .DrustvoHistoryCard--support::after{
    content:none;
  }

  .DrustvoHistorySupportLogo,
  .DrustvoHistoryQrImage{
    float:none;
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:4 / 3;
    margin:0;
    padding:12px;
    box-sizing:border-box;
    background:#f3f6f9;
  }

  .DrustvoHistorySupportLogo{
    display:flex;
  }

  .DrustvoHistoryQrImage{
    display:flex;
  }

  .DrustvoHistorySupportLogo img,
  .DrustvoHistoryQrImage img,
  .DrustvoHistoryCard img{
    width:100%;
    height:100%;
    min-height:0;
    max-width:none;
    max-height:none;
    aspect-ratio:auto;
    padding:0;
    border-radius:8px;
    object-fit:contain;
  }

  .DrustvoHistoryCardRibbon{
    width:auto;
    max-width:calc(100% - 20px);
    top:10px;
    left:10px;
    margin:0;
    min-height:20px;
    display:inline-flex;
    padding:0 8px;
    overflow:hidden;
    background:rgba(255,255,255,.92);
    color:#008bd2;
    font-size:11px;
    font-weight:800;
    line-height:1;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  .DrustvoHistoryCardBody{
    padding:12px 10px 13px;
  }

  .DrustvoHistoryCardBody h2{
    min-height:calc(3 * 1.2em);
    margin:0;
    font-size:16px;
    line-height:1.2;
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
  }

  .DrustvoHistoryCardBody p{
    display:none;
  }

  .DrustvoHistoryCardBody .DrustvoHistorySupportLink{
    display:block;
    margin-top:8px !important;
    font-size:13px;
    line-height:1.25;
  }

  .DrustvoBlankContent{
    display:none;
  }

  .LoginDrustvoBlankContent{
    display:block;
    min-height:0;
  }
}

/* Final mobile index sponsor layout; kept after shared sponsor rules so the
   desktop grid cannot override the intended 2 x 2 mobile presentation. */
@media (max-width:800px){
  .IndexSkircaContent .newsDrustvoSponsors{
    padding-right:16px;
    padding-left:16px;
  }

  .IndexSkircaContent .newsDrustvoSponsorsTitle,
  .IndexSkircaContent .newsDrustvoSponsorsTitle span{
    font-size:18px;
    font-weight:600;
    line-height:1.0666666667;
  }

  .IndexSkircaContent .newsDrustvoSponsorsTitle span:first-child{
    width:auto;
    min-width:0;
    padding:3px 8px 4px;
    transform:none;
  }

  .IndexSkircaContent .newsDrustvoSponsorsTitle span:nth-child(2){
    height:2px;
    margin:0 0 0 14px;
    background:var(--menu-blue);
  }

  .IndexSkircaContent .newsDrustvoSponsorsTitle span:last-child{
    display:none;
  }

  .IndexSkircaContent .newsDrustvoSponsorGrid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
  }

  .IndexSkircaContent .newsDrustvoSponsorGrid a{
    min-width:0;
    display:block;
    border-radius:6px;
  }

  .IndexSkircaContent .newsDrustvoSponsorGrid img{
    width:100%;
    height:auto;
    max-height:none;
    aspect-ratio:16 / 7;
    padding:12px 14px;
    border:1px solid rgba(0,44,80,.14);
    border-radius:6px;
    object-fit:contain;
    background:#ffffff;
    box-shadow:0 10px 24px rgba(0,34,68,.10);
  }
}

/* PageTemplate01 mobile content keeps the original archive layout. */
@media (max-width:800px){
  .PageTemplate01MenuDrustvo{
    padding-left:0;
  }

  .PageTemplate01MenuDrustvo a.is-active::after{
    left:0;
    right:0;
    bottom:0;
    width:auto;
    height:2px;
    border-radius:0;
    transform:scaleY(.75);
  }

  .PageTemplate01TransferredContent .DrustvoHistoryTimeline{
    --history-viewport:calc(100vw - 48px);
  }

  .PageTemplate01TransferredContent #zgodovina .DrustvoHistoryTimelineControls,
  .PageTemplate01TransferredContent #zgodovina .DrustvoHistorySidePeek,
  .PageTemplate01TransferredContent #skirca-open .DrustvoHistoryTimelineControls,
  .PageTemplate01TransferredContent #skirca-open .DrustvoHistorySidePeek,
  .PageTemplate01TransferredContent #uspehi .DrustvoHistoryTimelineControls,
  .PageTemplate01TransferredContent #uspehi .DrustvoHistorySidePeek{
    top:auto;
  }

  .PageTemplate01TransferredContent .DrustvoHistorySidePeek{
    display:none;
  }
}

/* Team / Ekipa ----------------------------------------------------------- */
.TeamHero{
  position:relative;
  height:clamp(260px, 30vw, 390px);
  isolation:isolate;
}

.PageTemplate01Hero.TeamHero .DrustvoHeaderImagePhoto{
  top:0;
  height:100%;
  object-position:center 42%;
}

.TeamHeroShade{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg, rgba(1,20,48,.88) 0%, rgba(1,27,61,.48) 48%, rgba(1,24,53,.16) 74%),
    linear-gradient(0deg, rgba(1,18,42,.62), transparent 64%);
}

.TeamHeroCopy{
  position:absolute;
  left:clamp(28px, 5vw, 72px);
  bottom:clamp(30px, 4vw, 54px);
  z-index:2;
  max-width:560px;
  color:#fff;
}

.TeamHeroKicker,
.TeamEyebrow,
.TeamCardLabel{
  display:block;
  color:#008bd2;
  font-size:12px;
  font-weight:800;
  letter-spacing:.15em;
}

.TeamHeroCopy .TeamHeroKicker{
  color:#72f2ff;
}

.TeamHeroCopy h1{
  margin:7px 0 4px;
  font-size:clamp(42px, 6vw, 76px);
  line-height:.98;
  letter-spacing:.035em;
}

.TeamHeroCopy p{
  margin:12px 0 0;
  font-size:clamp(16px, 1.8vw, 21px);
}

.TeamPage{
  padding:clamp(26px, 4vw, 56px);
  border-radius:0 0 11px 11px;
  background:#f4f7f9;
}

.TeamPreviewNotice{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 26px;
  padding:12px 16px;
  border:1px solid #b9dcec;
  border-radius:9px;
  color:#174665;
  background:#eaf7fc;
  font-size:14px;
}

.TeamPreviewDot{
  width:9px;
  height:9px;
  flex:0 0 auto;
  border-radius:50%;
  background:#008bd2;
  box-shadow:0 0 0 4px rgba(0,139,210,.13);
}

.TeamIntro{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:30px;
}

.TeamIntro h2,
.TeamResultWorkspaceHead h2{
  margin:6px 0 8px;
  color:#06294c;
  font-size:clamp(27px, 3vw, 40px);
  line-height:1.08;
}

.TeamIntro p,
.TeamResultWorkspaceHead p{
  max-width:680px;
  margin:0;
  color:#546678;
  line-height:1.5;
}

.TeamCount{
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:13px 18px;
  border-radius:10px;
  color:#fff;
  background:#063a68;
  white-space:nowrap;
}

.TeamCount strong{
  font-size:28px;
}

.TeamCount span{
  font-size:14px;
}

.TeamFilters{
  display:grid;
  grid-template-columns:minmax(210px, 1.45fr) repeat(3, minmax(145px, 1fr)) auto;
  align-items:end;
  gap:13px;
  margin-bottom:30px;
  padding:19px;
  border:1px solid #dbe4ea;
  border-radius:12px;
  background:#fff;
  box-shadow:0 8px 24px rgba(0,34,68,.06);
}

.TeamFilters label,
.TeamResultFilters label{
  display:grid;
  gap:7px;
  min-width:0;
  color:#496071;
  font-size:12px;
  font-weight:700;
}

.TeamFilters input,
.TeamFilters select,
.TeamResultFilters select{
  width:100%;
  min-height:44px;
  padding:0 12px;
  border:1px solid #ccd8e0;
  border-radius:8px;
  color:#133854;
  outline:0;
  background:#f8fafb;
}

.TeamFilters input:focus,
.TeamFilters select:focus,
.TeamResultFilters select:focus{
  border-color:#008bd2;
  box-shadow:0 0 0 3px rgba(0,139,210,.12);
}

.TeamInputWrap{
  position:relative;
}

.TeamInputWrap svg{
  position:absolute;
  left:12px;
  top:50%;
  width:18px;
  height:18px;
  transform:translateY(-50%);
  fill:none;
  stroke:#718496;
  stroke-width:1.8;
}

.TeamInputWrap input{
  padding-left:39px;
}

.TeamFilterSubmit,
.TeamFilterReset{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 19px;
  border:0;
  border-radius:8px;
  color:#fff;
  background:#008bd2;
  font-size:14px;
  font-weight:750;
  text-decoration:none;
  cursor:pointer;
}

.TeamFilterSubmit:hover{
  background:#0077b5;
}

.TeamFilterReset{
  grid-column:1 / -1;
  justify-self:start;
  min-height:auto;
  padding:0;
  color:#32617e;
  background:transparent;
  font-size:13px;
}

.TeamGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:22px;
}

.TeamMemberCard{
  min-width:0;
  overflow:hidden;
  display:grid;
  grid-template-columns:150px minmax(0, 1fr);
  border:1px solid #dce5eb;
  border-radius:13px;
  background:#fff;
  box-shadow:0 11px 30px rgba(0,34,68,.07);
}

.TeamMemberImage{
  position:relative;
  min-height:100%;
  background:#dce8ed;
}

.TeamMemberImage img{
  width:100%;
  height:100%;
  min-height:320px;
  display:block;
  object-fit:cover;
  object-position:center top;
}

.TeamDraftBadge{
  position:absolute;
  left:10px;
  bottom:10px;
  padding:5px 8px;
  border-radius:5px;
  color:#fff;
  background:rgba(2,19,50,.86);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}

.TeamMemberBody{
  min-width:0;
  padding:21px;
}

.TeamMemberTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.TeamMemberTop h3{
  margin:0;
  color:#06294c;
  font-size:22px;
  line-height:1.15;
}

.TeamMemberMeta{
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
  margin:9px 0 0;
  color:#637585;
  font-size:13px;
}

.TeamMemberMeta span + span{
  position:relative;
}

.TeamMemberMeta span + span::before{
  content:"";
  position:absolute;
  left:-7px;
  top:50%;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#9badb9;
}

.TeamMemberCountry{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.TeamOksBadge{
  max-width:145px;
  flex:0 0 auto;
  padding:8px 10px;
  border-radius:8px;
  color:#fff;
  background:linear-gradient(125deg, #62a819, #008bd2);
  text-align:right;
}

.TeamOksBadge span{
  display:block;
  font-size:9px;
  letter-spacing:.04em;
  opacity:.9;
}

.TeamOksBadge strong{
  display:block;
  margin-top:2px;
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
}

.TeamDisciplines{
  margin-top:20px;
}

.TeamChips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:8px;
}

.TeamChip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border:1px solid #cddbe4;
  border-radius:999px;
  color:#254a64;
  background:#f5f8fa;
  font-size:12px;
}

.TeamChip.is-primary{
  border-color:#85caeb;
  color:#006fa9;
  background:#e9f7fd;
}

.TeamChip small{
  padding-left:6px;
  border-left:1px solid #99cde6;
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.TeamOksPeriod{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:16px;
  color:#536a7b;
  font-size:12px;
}

.TeamOksPeriod svg{
  width:17px;
  height:17px;
  flex:0 0 auto;
  fill:none;
  stroke:#008bd2;
  stroke-width:1.7;
}

.TeamResults{
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid #e5ebef;
}

.TeamResultsHeading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.TeamResultsHeading strong{
  display:block;
  margin-top:3px;
  color:#173b55;
  font-size:14px;
}

.TeamResultsCount{
  min-width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#466277;
  background:#edf2f5;
  font-size:12px;
  font-weight:800;
}

.TeamMissingData{
  margin:8px 0 0;
  color:#82909a;
  font-size:12px;
  line-height:1.4;
}

.TeamEmptyState{
  min-height:260px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:36px;
  border:1px dashed #b7c8d3;
  border-radius:13px;
  text-align:center;
  background:#fff;
}

.TeamEmptyState h3{
  margin:16px 0 5px;
  color:#123c5b;
  font-size:22px;
}

.TeamEmptyState p{
  max-width:480px;
  margin:0;
  color:#6b7e8b;
}

.TeamEmptyTarget{
  width:54px;
  height:54px;
  border:2px solid #008bd2;
  border-radius:50%;
  background:
    radial-gradient(circle, #008bd2 0 4px, transparent 5px 12px, #008bd2 13px 14px, transparent 15px);
}

.TeamResultWorkspace{
  margin-top:42px;
  padding:clamp(22px, 3vw, 34px);
  border-radius:14px;
  color:#fff;
  background:
    radial-gradient(circle at 86% 18%, rgba(0,139,210,.27), transparent 30%),
    #06294c;
}

.TeamResultWorkspaceHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
}

.TeamResultWorkspaceHead h2,
.TeamResultWorkspaceHead p{
  color:#fff;
}

.TeamComingSoon{
  padding:7px 10px;
  border:1px solid rgba(114,242,255,.35);
  border-radius:6px;
  color:#72f2ff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.09em;
  white-space:nowrap;
}

.TeamResultFilters{
  display:grid;
  grid-template-columns:minmax(140px, 190px) minmax(180px, 240px) minmax(180px, 240px) auto;
  align-items:end;
  gap:13px;
  margin-top:25px;
}

.TeamResultFilters label{
  color:#c8d8e4;
}

.TeamResultsPlaceholder{
  display:grid;
  grid-template-columns:.75fr 2fr 1.2fr .75fr;
  gap:18px;
  margin-top:24px;
  padding:14px 16px;
  border-top:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.13);
  color:#9eb4c5;
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
}

@media (max-width:1100px){
  .TeamFilters{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .TeamFilterSubmit{
    justify-self:start;
  }

  .TeamGrid{
    grid-template-columns:1fr;
  }
}

@media (max-width:800px){
  .PageTemplate01Main{
    width:100%;
    padding:0;
  }

  .PageTemplate01Window{
    border:0;
    border-radius:0;
  }

  .TeamHero{
    height:280px;
    border-radius:0;
  }

  .TeamHeroShade{
    background:
      linear-gradient(0deg, rgba(1,20,48,.9) 0%, rgba(1,27,61,.42) 70%, rgba(1,24,53,.18));
  }

  .TeamHeroCopy{
    left:22px;
    right:22px;
    bottom:26px;
  }

  .TeamPage{
    padding:26px 18px 38px;
    border-radius:0;
  }

  .TeamIntro{
    align-items:flex-start;
    flex-direction:column;
  }

  .TeamCount{
    padding:10px 14px;
  }

  .TeamFilters{
    grid-template-columns:1fr;
    padding:15px;
  }

  .TeamMemberCard{
    grid-template-columns:110px minmax(0, 1fr);
  }

  .TeamMemberImage img{
    min-height:330px;
  }

  .TeamMemberBody{
    padding:17px 15px;
  }

  .TeamMemberTop{
    flex-direction:column;
  }

  .TeamOksBadge{
    max-width:none;
    text-align:left;
  }

  .TeamResultWorkspaceHead{
    flex-direction:column;
  }

  .TeamResultFilters{
    grid-template-columns:1fr;
  }

  .TeamResultsPlaceholder{
    display:none;
  }
}

@media (max-width:480px){
  .TeamMemberCard{
    display:block;
  }

  .TeamMemberImage{
    height:240px;
  }

  .TeamMemberImage img{
    min-height:0;
  }

  .TeamMemberTop h3{
    font-size:20px;
  }
}

.TeamRankings {
  margin-top: 1.35rem;
}

.TeamRankingDiscipline {
  margin-top: .65rem;
  padding: .9rem;
  border: 1px solid rgba(16, 60, 114, .14);
  border-radius: 14px;
  background: #f7faff;
}

.TeamRankingDisciplineName {
  display: block;
  color: #123c72;
  font-size: .93rem;
}

.TeamRankingGrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: .7rem;
  margin-top: .7rem;
}

.TeamRankingCard {
  min-width: 0;
  padding: .75rem;
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(16, 60, 114, .07);
}

.TeamRankingCard--europe {
  border-top: 3px solid #1a8a5b;
}

.TeamRankingCard--world {
  border-top: 3px solid #1768b2;
}

.TeamRankingCurrent,
.TeamRankingFoot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
}

.TeamRankingCurrent div {
  display: grid;
  gap: .12rem;
}

.TeamRankingCurrent span,
.TeamRankingCard p,
.TeamRankingFoot {
  color: #5c6d83;
  font-size: .76rem;
}

.TeamRankingCurrent strong {
  color: #0d315f;
  font-size: 1.15rem;
}

.TeamRankingChange {
  padding: .25rem .42rem;
  border-radius: 999px;
  background: #edf1f6;
  font-weight: 800;
}

.TeamRankingChange.is-up {
  color: #087443;
  background: #e5f7ee;
}

.TeamRankingChange.is-down {
  color: #a13b30;
  background: #fbecea;
}

.TeamRankingCard p {
  margin: .45rem 0 .2rem;
}

.TeamRankingTrend {
  display: block;
  width: 100%;
  height: 58px;
  overflow: visible;
}

.TeamRankingTrend line {
  stroke: #dce5ef;
  stroke-width: 1;
}

.TeamRankingTrend polyline {
  fill: none;
  stroke: #1768b2;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.TeamRankingCard--europe .TeamRankingTrend polyline,
.TeamRankingCard--europe .TeamRankingTrend circle {
  stroke: #1a8a5b;
}

.TeamRankingTrend circle {
  fill: #fff;
  stroke: #1768b2;
  stroke-width: 3;
}

.TeamRankingFoot a {
  color: #1768b2;
  font-weight: 800;
}

/* Team dashboard / Ekipa v2 --------------------------------------------- */
.TeamDashboard{
  --team-panel:#071c3a;
  --team-panel-soft:#0a2348;
  --team-line:rgba(149,184,229,.22);
  --team-text:#f7fbff;
  --team-muted:#aebdd1;
  --team-accent:#5ca9ff;
  min-height:900px;
  padding:18px;
  box-sizing:border-box;
  color:var(--team-text);
  border-radius:11px;
  background:linear-gradient(145deg, rgba(17,55,96,.92), rgba(8,35,70,.94));
}

.TeamDashboardTitle{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}

.TeamDashboardPreview{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  padding:9px 12px;
  border:1px solid rgba(92,169,255,.35);
  border-radius:8px;
  color:#cfe7ff;
  background:rgba(25,79,143,.2);
  font-size:12px;
}

.TeamDashboardPreview > span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#63c8ff;
  box-shadow:0 0 0 4px rgba(99,200,255,.12);
}

.TeamDashboardFilters{
  display:grid;
  grid-template-columns:minmax(250px,1.35fr) repeat(5,minmax(130px,.75fr)) auto;
  gap:10px;
  align-items:center;
  margin-bottom:14px;
}

.TeamDashboardFilters > label{
  min-width:0;
}

.TeamDashboardFilters input:not([type="checkbox"]),
.TeamDashboardFilters select{
  width:100%;
  height:42px;
  box-sizing:border-box;
  border:1px solid var(--team-line);
  border-radius:7px;
  outline:0;
  color:#f4f8ff;
  background:#071a36;
  font:inherit;
  font-size:13px;
}

.TeamDashboardFilters input:not([type="checkbox"]):focus,
.TeamDashboardFilters select:focus{
  border-color:#4d9bf0;
  box-shadow:0 0 0 3px rgba(77,155,240,.13);
}

.TeamDashboardFilters select{
  padding:0 35px 0 12px;
  color-scheme:dark;
}

.TeamFilterChecklist{
  position:relative;
  min-width:0;
  color:#f4f8ff;
  font-size:13px;
}

.TeamFilterChecklist[open]{
  z-index:20;
}

.TeamFilterChecklist summary{
  position:relative;
  height:42px;
  display:flex;
  align-items:center;
  gap:7px;
  box-sizing:border-box;
  padding:0 34px 0 12px;
  overflow:hidden;
  border:1px solid var(--team-line);
  border-radius:7px;
  outline:0;
  background:#071a36;
  cursor:pointer;
  list-style:none;
}

.TeamFilterChecklist summary::-webkit-details-marker{
  display:none;
}

.TeamFilterChecklist summary::after{
  content:"";
  position:absolute;
  right:13px;
  top:50%;
  width:7px;
  height:7px;
  border-right:1.5px solid #d8e6f8;
  border-bottom:1.5px solid #d8e6f8;
  transform:translateY(-65%) rotate(45deg);
}

.TeamFilterChecklist[open] summary,
.TeamFilterChecklist summary:focus-visible{
  border-color:#4d9bf0;
  box-shadow:0 0 0 3px rgba(77,155,240,.13);
}

.TeamFilterChecklist summary > span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.TeamFilterChecklist summary small{
  min-width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  color:#fff;
  background:#2d67ad;
  font-size:10px;
  font-weight:700;
}

.TeamFilterChecklistMenu{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  width:max-content;
  min-width:max(100%,220px);
  max-width:calc(100vw - 32px);
  max-height:285px;
  display:grid;
  gap:2px;
  box-sizing:border-box;
  padding:7px;
  overflow:auto;
  border:1px solid #31537d;
  border-radius:8px;
  background:#071a36;
  box-shadow:0 14px 30px rgba(0,7,20,.48);
}

.TeamFilterChecklistMenu label{
  display:grid;
  grid-template-columns:18px max-content;
  align-items:start;
  gap:8px;
  padding:7px 8px;
  border-radius:5px;
  color:#dce8f7;
  font-weight:400;
  line-height:1.25;
  white-space:nowrap;
  cursor:pointer;
}

.TeamDashboardFilters > .TeamFilterChecklist:nth-of-type(n+4) .TeamFilterChecklistMenu,
.TeamResultFilterField:nth-of-type(n+4) .TeamFilterChecklistMenu{
  right:0;
  left:auto;
}

.TeamFilterChecklistMenu label:hover{
  background:rgba(67,133,210,.17);
}

.TeamFilterChecklistMenu .TeamFilterChecklistAll{
  color:#6fdcff;
  background:rgba(53,195,232,.09);
  font-weight:600;
}

.TeamFilterChecklistMenu .TeamFilterChecklistAll:hover{
  background:rgba(53,195,232,.16);
}

.TeamFilterChecklistMenu .TeamFilterChecklistAll input[type="checkbox"]{
  accent-color:#35cbe9;
}

.TeamFilterChecklistMenu .TeamFilterChecklistParent{
  font-weight:600;
}

.TeamFilterChecklistMenu .TeamFilterChecklistChild{
  position:relative;
  margin-left:18px;
  color:#bcd0e8;
}

.TeamFilterChecklistMenu .TeamFilterChecklistChild::before{
  position:absolute;
  top:0;
  bottom:0;
  left:-8px;
  width:1px;
  background:rgba(112,158,211,.35);
  content:"";
}

.TeamFilterChecklistMenu input[type="checkbox"]{
  width:16px;
  height:16px;
  margin:0;
  accent-color:#4d9bf0;
}

.TeamDashboardSearch{
  position:relative;
}

.TeamDashboardSearch svg{
  position:absolute;
  left:12px;
  top:50%;
  width:17px;
  height:17px;
  transform:translateY(-50%);
  fill:none;
  stroke:#d8e6f8;
  stroke-width:1.6;
  pointer-events:none;
}

.TeamDashboardSearch input,
.TeamDashboardSearch select{
  padding:0 12px 0 39px;
}

.TeamDashboardSearch input::placeholder{
  color:#aebdd1;
}

.TeamDashboardFilterButton,
.TeamDashboardReset{
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  padding:0 16px;
  border:1px solid #3177cb;
  border-radius:7px;
  color:#fff;
  background:linear-gradient(145deg,#245aa3,#173f79);
  font-size:12px;
  font-weight:750;
  text-decoration:none;
  cursor:pointer;
}

.TeamDashboardReset{
  position:absolute;
  top:68px;
  right:24px;
  height:auto;
  padding:0;
  border:0;
  color:#9fc8f4;
  background:transparent;
}

.TeamDashboardView{
  display:flex;
  gap:7px;
}

.TeamDashboardViewIcon{
  width:36px;
  height:36px;
  display:grid;
  grid-template-columns:repeat(2,5px);
  grid-template-rows:repeat(2,5px);
  place-content:center;
  gap:4px;
  border:1px solid transparent;
  border-radius:6px;
}

.TeamDashboardViewIcon i{
  width:5px;
  height:5px;
  border:1px solid #dce9fa;
}

.TeamDashboardViewIcon.is-active{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  border-color:#326bb3;
  background:#204d91;
}

.TeamDashboardViewIcon b{
  width:17px;
  height:2px;
  border-radius:2px;
  background:#dce9fa;
}

.TeamDashboardGrid{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:16px;
  align-items:start;
}

.TeamRoster{
  grid-column:1;
  grid-row:1 / 3;
}

.TeamRosterList{
  display:grid;
  gap:2px;
  max-height:660px;
  overflow:auto;
  padding-right:2px;
  scrollbar-width:thin;
  scrollbar-color:#315f99 transparent;
}

.TeamRosterItem{
  min-width:0;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-height:66px;
  padding:7px 10px;
  box-sizing:border-box;
  border:1px solid var(--team-line);
  border-radius:7px;
  color:#fff;
  background:linear-gradient(135deg,rgba(15,43,83,.76),rgba(5,25,53,.76));
  text-decoration:none;
  transition:border-color .15s ease,background .15s ease;
}

.TeamRosterItem:hover,
.TeamRosterItem.is-active{
  border-color:#4d9bf0;
  background:linear-gradient(135deg,rgba(21,65,119,.9),rgba(8,32,66,.88));
}

.TeamRosterItem.is-active{
  box-shadow:inset 0 -2px 0 #4d9bf0;
}

.TeamRosterItem img{
  width:48px;
  height:52px;
  display:block;
  object-fit:cover;
  object-position:center top;
  border-radius:13px;
  background:#dce4eb;
}

.TeamRosterItem > span{
  min-width:0;
}

.TeamRosterItem strong,
.TeamRosterItem small,
.TeamRosterItem em{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.TeamRosterItem strong,
.TeamRosterItem small{
  color:#fff;
  font-size:15px;
  font-weight:700;
  line-height:1.15;
}

.TeamRosterItem strong{
  margin-bottom:2px;
}

.TeamRosterItem em{
  margin-top:2px;
  color:#c9d5e4;
  font-size:12px;
  font-style:normal;
}

.TeamRosterAll{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:52px;
  margin-top:14px;
  border:1px solid var(--team-line);
  border-radius:7px;
  color:#f7fbff;
  background:rgba(7,27,57,.62);
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}

.TeamRosterAll svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
}

.TeamRosterAll span{
  min-width:22px;
  padding:2px 5px;
  border-radius:999px;
  color:#b9d9ff;
  background:#173d71;
  text-align:center;
}

.TeamPanel,
.TeamProfilePanel,
.TeamProfileOksCard{
  min-width:0;
  border:1px solid var(--team-line);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(7,27,58,.88),rgba(5,20,44,.9));
  box-shadow:0 12px 30px rgba(0,6,20,.12);
}

.TeamProfileColumn{
  grid-column:1;
  grid-row:1;
  width:300px;
  display:grid;
  gap:12px;
  align-content:start;
}

.TeamProfileColumn > .TeamProfilePanel{
  order:1;
}

.TeamProfileColumn > .TeamRanksPanel--profile{
  order:2;
}

.TeamProfileColumn > .TeamProfileOksCard{
  order:3;
}

.TeamProfilePanel,
.TeamProfileOksCard{
  width:100%;
  box-sizing:border-box;
  padding:14px;
}

.TeamProfileOksCard{
  border-color:#55c7ff;
}

.TeamProfileOksCard > h3{
  margin:0;
  padding:0 0 9px;
  border-bottom:1px solid var(--team-line);
  color:#ffffff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.TeamResultsWorkspace{
  grid-column:2;
  grid-row:1;
  min-width:0;
  display:grid;
  gap:12px;
  align-content:start;
}

.TeamResultsControlsPanel,
.TeamResultsListPanel{
  min-width:0;
}

.TeamResultsControlsPanel .TeamResultFilters{
  margin-top:0;
}

.TeamResultsListPanel{
  min-height:330px;
}

.TeamResultsListPanel .TeamResultsTableWrap{
  margin-top:0;
}

.TeamProfilePhoto{
  position:relative;
  width:100%;
  min-height:0;
  margin:0;
  aspect-ratio:4 / 5;
  overflow:hidden;
  border-radius:7px;
  background:linear-gradient(145deg,#d9e0e8,#9faebb);
}

.TeamProfilePhoto img{
  width:100%;
  height:100%;
  min-height:0;
  display:block;
  object-fit:cover;
  object-position:center top;
}

.TeamProfilePhoto > span{
  position:absolute;
  left:9px;
  bottom:9px;
  padding:4px 7px;
  border-radius:4px;
  color:#fff;
  background:rgba(3,18,41,.88);
  font-size:9px;
  font-weight:800;
}

.TeamProfileContent{
  min-width:0;
}

.TeamProfileHeading{
  display:grid;
  justify-items:start;
  gap:7px;
  margin-top:12px;
}

.TeamProfileHeading h2{
  margin:0;
  color:#fff;
  font-size:24px;
  line-height:1.05;
}

.TeamProfileHeading > span,
.TeamPanelHeading > span{
  padding:5px 8px;
  border:1px solid rgba(88,157,239,.24);
  border-radius:5px;
  color:#8fc3ff;
  background:rgba(25,68,124,.35);
  font-size:12px;
}

.TeamProfileIdentifiers{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin:7px 0 0;
  padding:6px 0 13px;
  border-bottom:1px solid var(--team-line);
  color:#c7d4e4;
  font-size:14px;
}

.TeamProfileIdentifiers > span{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}

.TeamProfileFederationIds{
  min-width:0;
  display:grid !important;
  gap:8px !important;
}

.TeamProfileIdentityMeta{
  display:grid !important;
  justify-items:start;
  gap:8px !important;
}

.TeamProfileIdentityMeta > span{
  display:flex;
  align-items:center;
  gap:8px;
}

.TeamProfileFederationIds:only-child{
  grid-column:1 / -1;
}

.TeamProfileIdentifier{
  min-width:0;
  display:grid !important;
  grid-template-columns:23px minmax(0,1fr);
  align-items:center;
  gap:8px;
}

.TeamIdentifierText{
  min-width:0;
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  align-items:baseline;
  gap:6px;
  line-height:1.2;
}

.TeamIdentifierText > span{
  color:#c7d4e4;
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
}

.TeamProfileIdentifiers img,
.TeamProfileIdentifiers svg{
  width:23px;
  height:18px;
  flex:0 0 auto;
  object-fit:contain;
}

.TeamProfileCountry{
  color:#fff;
  font-size:16px;
  font-weight:650;
}

.TeamProfileCountry img{
  width:30px;
  height:22px;
  border-radius:0;
}

.TeamProfileClub,
.TeamProfileMembership{
  display:grid !important;
  grid-template-columns:23px 70px minmax(0,1fr);
  width:100%;
  gap:8px !important;
}

.TeamProfileClubIcon{
  color:#d7e8fb;
  text-align:center;
}

.TeamProfileClubLabel{
  color:#c7d4e4;
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
}

.TeamProfileClub strong,
.TeamProfileMembership strong{
  text-align:left;
}

.TeamProfileIdentifiers svg{
  fill:none;
  stroke:#d7e8fb;
  stroke-width:1.5;
}

.TeamProfileIdentifiers strong,
.TeamProfileIdentifiers a{
  min-width:0;
  color:#fff;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  overflow-wrap:anywhere;
}

.TeamProfileIdentifiers a{
  text-decoration-color:#5ca9ff;
  text-underline-offset:3px;
}

.TeamProfileIdentifiers a:hover{
  color:#8fc3ff;
}

.TeamProfileFacts{
  display:grid;
  align-content:start;
  gap:7px;
  min-height:316px;
  margin:0;
  padding:10px 0 2px;
  font-size:14px;
  line-height:1.4;
}

.TeamProfileFacts--primary,
.TeamProfileFacts--oks{
  min-height:0;
}

.TeamProfileFacts--primary{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--team-line);
}

.TeamProfileFacts.TeamProfileFacts--primary div{
  grid-template-columns:97px minmax(0,1fr);
}

.TeamProfileFacts.TeamProfileFacts--primary dd{
  text-align:left;
}

.TeamProfileFacts--oks{
  padding:0;
}

.TeamProfileFacts div{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  min-height:22px;
  gap:12px;
  align-items:center;
}

.TeamProfileFacts dt{
  display:flex;
  align-items:center;
  gap:8px;
  color:#c5d1e0;
  white-space:nowrap;
}

.TeamFactIcon{
  width:17px;
  height:17px;
  flex:0 0 17px;
  fill:none;
  stroke:#76b7ff;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.TeamProfileFacts dd{
  min-width:0;
  margin:0;
  color:#fff;
  font-weight:600;
  line-height:1.25;
  text-align:right;
  overflow-wrap:anywhere;
}

.TeamProfileDisciplineSelect{
  width:100%;
  min-height:34px;
  padding:5px 34px 5px 9px;
  border:1px solid rgba(104,157,220,.45);
  border-radius:5px;
  color:#fff;
  background:#0b2346;
  font:inherit;
}

.TeamProfileNoDiscipline{
  color:#aebdd0;
  font-weight:500;
}

.TeamProfileFacts .TeamProfileOksFact{
  grid-template-columns:1fr;
  align-items:start;
  gap:5px;
  margin-top:5px;
  padding-top:10px;
  border-top:1px solid rgba(141,169,202,.16);
}

.TeamProfileFacts--oks .TeamProfileOksFact:first-child{
  margin-top:0;
  padding-top:10px;
  border-top:0;
}

.TeamProfileOksFact dt{
  color:#9fb0c6;
  font-size:11px;
  font-weight:700;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.TeamProfileOksFact dd{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  padding-left:25px;
  text-align:left;
}

.TeamProfileOksFact dd > strong{
  color:#fff;
  font-size:14px;
  line-height:1.3;
}

.TeamProfileOksFact dd > small:not(.TeamOksCategory){
  color:#c8d6e7;
  font-size:12px;
  font-weight:500;
}

.TeamProfileOksFact .TeamOksCategory{
  font-size:10px;
}

.TeamProfileOksAchievement dd > strong{
  font-size:14px;
}

.TeamProfileOksAchievement .TeamOksEventMeta{
  margin-top:2px;
}

.TeamOksEventDetails{
  display:grid;
  gap:3px;
  margin-top:4px;
  color:#c8d6e7;
  font-size:12px;
  line-height:1.35;
}

.TeamOksEventDetails b{
  color:#9fb0c6;
  font-weight:600;
}

.TeamProfileOksMissing{
  color:#aebdd0 !important;
  font-weight:500 !important;
}

.TeamResultFilters{
  display:grid;
  grid-template-columns:minmax(90px,.7fr) repeat(5,minmax(105px,1fr)) repeat(2,auto);
  gap:10px;
  align-items:end;
  margin:16px 0 14px;
  padding:12px;
  border:1px solid rgba(149,184,229,.16);
  border-radius:7px;
  background:rgba(7,24,51,.62);
}

.TeamResultFilterField{
  min-width:0;
  display:grid;
  gap:5px;
}

.TeamResultFilterField > span{
  color:#aebdd0;
  font-size:11px;
}

.TeamResultFilters button{
  width:100%;
  height:38px;
  box-sizing:border-box;
  border:1px solid var(--team-line);
  border-radius:6px;
  color:#fff;
  background:#071a36;
  font:inherit;
  font-size:12px;
}

.TeamFilterChecklist--results summary{
  height:38px;
  border-radius:6px;
  font-size:12px;
}

.TeamFilterChecklist--results .TeamFilterChecklistMenu{
  min-width:max(100%,240px);
}

.TeamResultFilters button{
  width:auto;
  padding:0 16px;
  border-color:#3177cb;
  background:linear-gradient(145deg,#245aa3,#173f79);
  font-weight:750;
  cursor:pointer;
}

.TeamResultFilters .TeamResultFilterReset{
  border-color:var(--team-line);
  background:#071a36;
}

.TeamProfileDisciplineSelect:disabled{
  color:#aebdd0;
  opacity:1;
}

.TeamCheck{
  color:#61ca5b;
  font-weight:900;
}

.TeamPanel{
  padding:15px;
}

.TeamPanel h2{
  margin:0;
  color:#fff;
  font-size:15px;
  line-height:1.25;
  text-transform:uppercase;
}

.TeamPanelHeading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.TeamResultsTableWrap{
  overflow:auto;
  margin-top:8px;
}

.TeamResultsTable{
  width:100%;
  min-width:760px;
  table-layout:fixed;
  border-collapse:collapse;
  color:#eef5ff;
  font-size:12px;
}

.TeamResultsTable th,
.TeamResultsTable td{
  padding:8px 6px;
  border-bottom:1px solid rgba(146,180,223,.13);
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.TeamResultsTableDate{ width:76px; }
.TeamResultsTableCompetition{ width:25%; }
.TeamResultsTableDiscipline{ width:19%; }
.TeamResultsTableCategory{ width:16%; }
.TeamResultsTableEntry{ width:120px; }
.TeamResultsTableScore{ width:105px; }
.TeamResultsTableRank{ width:72px; }

.TeamResultsTable .TeamResultEntryCell,
.TeamResultsTable .TeamResultScoreCell{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}

.TeamResultEntryCell{
  display:grid;
  gap:2px;
}

.TeamResultEntryCell small{
  overflow:hidden;
  color:#aebdd1;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.TeamResultScoreCell span{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:6px;
}

.TeamResultScoreCell small{
  color:#8fa6c2;
  font-size:9px;
  text-transform:uppercase;
}

.TeamResultScoreCell strong{
  color:#eef5ff;
  font-weight:650;
}

.TeamResultsListPanel{
  padding:0;
  overflow:hidden;
}

.TeamResultArchive{
  display:grid;
  color:#10294c;
}

.TeamResultSeason + .TeamResultSeason{
  border-top:2px solid #071b3a;
}

.TeamResultSeason > h3{
  margin:0;
  padding:10px 14px;
  color:#f4f8ff;
  background:linear-gradient(110deg,#061a38 0%,#0b2d5f 58%,#071e43 100%);
  font-size:12px;
  font-weight:750;
  letter-spacing:.025em;
  text-transform:uppercase;
}

.TeamResultSeasonRows{
  background:#e4f0fc;
}

.TeamResultRow{
  border-bottom:1px solid #cedced;
  background:#edf5fd;
}

.TeamResultRow:nth-child(even){
  background:#d7e8f8;
}

.TeamResultRow--50m,
.TeamResultRow--50m:nth-child(even){
  background:#eadfc9;
}

.TeamResultRow:last-child{
  border-bottom:0;
}

.TeamResultRow > summary{
  display:grid;
  grid-template-columns:98px minmax(0,1fr) max-content 32px;
  min-height:89px;
  align-items:center;
  gap:10px;
  padding:7px 12px;
  box-sizing:border-box;
  cursor:pointer;
  list-style:none;
  transition:background-color .16s ease;
}

.TeamResultRow > summary::-webkit-details-marker{
  display:none;
}

.TeamResultRow > summary:hover,
.TeamResultRow > summary:focus-visible{
  background:#c9ddf2;
}

.TeamResultRow--50m > summary:hover,
.TeamResultRow--50m > summary:focus-visible{
  background:#dfcfb1;
}

.TeamResultRow[open] > summary{
  background:#dcebf9;
}

.TeamResultRow--50m[open] > summary{
  background:#e6d8bd;
}

.TeamResultRow[open]{
  padding-bottom:18px;
}

.TeamResultRowPlacement{
  min-width:0;
  display:grid;
  justify-items:center;
  gap:3px;
}

.TeamResultRowPlace{
  color:#173b69;
  font-size:23px;
  line-height:1;
}

.TeamResultRowMedal{
  width:76px;
  height:52px;
  display:block;
}

.TeamResultRowMedal .TeamResultMedalValue{
  width:76px;
  height:52px;
}

.TeamResultRowMedal .TeamResultMedalValue em{
  font-size:27px;
}

.TeamResultRowMedal--1 .TeamResultMedalValue em{
  color:#b47c00;
}

.TeamResultRowMedal--2 .TeamResultMedalValue em{
  color:#687991;
}

.TeamResultRowMedal--3 .TeamResultMedalValue em{
  color:#a4512d;
}

.TeamResultRowMedal .TeamResultLaurelWreath{
  width:76px;
  height:52px;
  mix-blend-mode:normal;
}

.TeamResultRowCompetition{
  min-width:0;
  display:grid;
  gap:4px;
}

.TeamResultRowCompetition > strong{
  overflow:visible;
  color:#10294c;
  font-size:17px;
  font-weight:650;
  line-height:1.25;
  overflow-wrap:break-word;
  text-overflow:clip;
  white-space:normal;
}

.TeamResultRowCompetition > small{
  color:#5c718b;
  font-size:11px;
}

.TeamResultRowContext{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  color:#496783 !important;
  font-weight:600;
}

.TeamResultRowContext span{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
}

.TeamResultRowContext span + span::before{
  width:3px;
  height:3px;
  margin:0 7px;
  border-radius:50%;
  background:#397bb8;
  content:"";
}

.TeamResultRowMeta{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  color:#496783 !important;
  font-size:12px !important;
  font-weight:550;
  line-height:1.35;
}

.TeamResultRowMeta span{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
}

.TeamResultRowMeta span + span::before{
  width:3px;
  height:3px;
  margin:0 6px;
  border-radius:50%;
  background:#65aef8;
  content:"";
}

.TeamResultRowOutcome{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}

.TeamResultRowScore{
  flex:0 0 auto;
  display:grid;
  justify-items:end;
  gap:2px;
}

.TeamResultRowScore small,
.TeamResultDetailHeading small,
.TeamResultTeamTotals small{
  color:#617690;
  font-size:10px;
  font-weight:550;
  text-transform:uppercase;
}

.TeamResultRowScore strong{
  color:#3f8b38;
  font-size:20px;
  font-weight:750;
}

.TeamResultRowAwards{
  min-width:0;
  display:flex;
  flex-wrap:nowrap;
  justify-content:flex-end;
  gap:2px;
}

.TeamResultRowAward,
.TeamResultRowAward .TeamResultMedalValue,
.TeamResultRowAward .TeamResultLaurelWreath{
  width:30px;
  height:22px;
}

.TeamResultRowAward{
  flex:0 0 30px;
  display:block;
}

.TeamResultRowAward .TeamResultLaurelWreath{
  mix-blend-mode:normal;
  transform:translateY(1px);
}

.TeamResultRowAward .TeamResultMedalValue em{
  inset:2px 7px 3px;
  font-size:11px;
  line-height:1;
}

.TeamResultRowAward--1 .TeamResultMedalValue em{color:#b47c00;}
.TeamResultRowAward--2 .TeamResultMedalValue em{color:#687991;}
.TeamResultRowAward--3 .TeamResultMedalValue em{color:#a4512d;}

.TeamResultRowToggle{
  position:relative;
  width:28px;
  height:28px;
  border:1px solid #86a9d4;
  border-radius:4px;
  background:#e7f0fb;
}

.TeamResultRowToggle::before,
.TeamResultRowToggle::after{
  position:absolute;
  top:50%;
  left:50%;
  width:10px;
  height:1.5px;
  border-radius:2px;
  background:#24568e;
  content:"";
  transform:translate(-50%,-50%);
  transition:transform .16s ease;
}

.TeamResultRowToggle::after{
  transform:translate(-50%,-50%) rotate(90deg);
}

.TeamResultRow[open] .TeamResultRowToggle::after{
  transform:translate(-50%,-50%) rotate(0deg);
}

.TeamResultRowDetails{
  margin:0 12px 0 120px;
  padding:0 13px;
  border:1px solid #b9cee6;
  border-radius:5px;
  background:linear-gradient(115deg,#edf6fe,#dcecfb);
}

.TeamResultRow--50m .TeamResultRowDetails{
  border-color:#c9b48e;
  background:linear-gradient(115deg,#f7f0e2,#eadcc2);
}

.TeamResultRow--50m .TeamResultAttempt{
  border-bottom-color:#d4c29f;
}

.TeamResultRow--50m .TeamResultDetailPlacement{
  border-right-color:#d4c29f;
}

.TeamResultAttempt{
  display:grid;
  grid-template-columns:80px minmax(0,1fr);
  gap:12px;
  padding:9px 0;
  border-bottom:1px solid #bfd2e7;
}

.TeamResultAttempt:last-child{
  border-bottom:0;
}

.TeamResultAttemptContent{
  min-width:0;
}

.TeamResultDetailPlacement{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  border-right:1px solid #c4d5e7;
  text-align:center;
}

.TeamResultDetailPlacement > small{
  color:#607792;
  font-size:9px;
  font-weight:650;
  letter-spacing:.025em;
  text-transform:uppercase;
}

.TeamResultDetailPlacement > strong{
  color:#173b69;
  font-size:26px;
  line-height:1;
}

.TeamResultDetailMedal,
.TeamResultDetailMedal .TeamResultMedalValue,
.TeamResultDetailMedal .TeamResultLaurelWreath{
  width:66px;
  height:46px;
}

.TeamResultDetailMedal .TeamResultLaurelWreath{
  mix-blend-mode:normal;
}

.TeamResultDetailMedal .TeamResultMedalValue em{
  font-size:23px;
}

.TeamResultDetailMedal--1 .TeamResultMedalValue em{ color:#b47c00; }
.TeamResultDetailMedal--2 .TeamResultMedalValue em{ color:#687991; }
.TeamResultDetailMedal--3 .TeamResultMedalValue em{ color:#a4512d; }

.TeamResultDetailHeading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  padding-bottom:6px;
  border-bottom:1px solid #c8d8ea;
}

.TeamResultDetailHeading > span{
  display:grid;
  gap:3px;
}

.TeamResultDetailHeading .TeamResultAttemptTitle{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:4px;
}

.TeamResultAttemptTitle > span{
  color:#536d89;
  font-size:11px;
  font-weight:650;
  text-transform:uppercase;
}

.TeamResultAttemptTitle > .TeamResultAttemptDiscipline{
  color:#385f86;
  text-transform:none;
}

.TeamResultAttemptTeamName,
.TeamResultAttemptAthleteName{
  font-weight:850 !important;
  font-size:17px !important;
  line-height:1.05;
}

.TeamResultDetailHeading > span:last-child{
  justify-items:end;
}

.TeamResultDetailHeading strong{
  color:#17385f;
  font-size:15px;
}

.TeamResultDetailHeading > span:last-child strong{
  color:#102f58;
  font-size:20px;
  font-weight:850;
  line-height:1;
}

.TeamResultSeries{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(84px,1fr));
  gap:1px;
  margin-top:6px;
  overflow:hidden;
  border-radius:4px;
  background:#c6d7ea;
}

.TeamResultSeries--with-personal{
  grid-template-columns:repeat(var(--team-result-series-count),minmax(84px,1fr)) 94px;
}

.TeamResultSeries--many{
  grid-template-columns:repeat(var(--team-result-series-count),minmax(54px,1fr));
  overflow-x:auto;
}

.TeamResultSeries--many.TeamResultSeries--with-personal{
  grid-template-columns:repeat(var(--team-result-series-count),minmax(54px,1fr)) 94px;
}

.TeamResultSeriesItem{
  min-width:0;
  display:grid;
  justify-items:center;
  gap:2px;
  padding:6px;
  background:#edf6fe;
  text-align:center;
}

.TeamResultSeriesItem small{
  overflow:hidden;
  max-width:100%;
  color:#627791;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.TeamResultSeriesItem strong{
  color:#285a91;
  font-size:13px;
}

.TeamResultSeriesItem em{
  color:#73869d;
  font-size:8px;
  font-style:normal;
}

.TeamResultSeriesItem--personal{
  background:#e1eefb;
  box-shadow:inset 2px 0 0 #8cadd1;
}

.TeamResultSeriesItem--personal strong{
  color:#17385f;
  font-weight:800;
}

.TeamResultDetailsMissing{
  margin:6px 0 0;
  color:#617690;
  font-size:11px;
}

.TeamResultsTable th{
  color:#aebdd1;
  font-weight:500;
}

.TeamPanelEmpty{
  min-height:150px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:18px;
  box-sizing:border-box;
  color:#d7e3f1;
  text-align:center;
}

.TeamPanelEmpty .TeamEmptyTarget{
  width:35px;
  height:35px;
  border-color:#4d9bf0;
  background:radial-gradient(circle,#4d9bf0 0 3px,transparent 4px 8px,#4d9bf0 9px 10px,transparent 11px);
}

.TeamPanelEmpty strong{
  margin-top:9px;
  font-size:14px;
}

.TeamPanelEmpty p{
  margin:4px 0 0;
  color:#91a3ba;
  font-size:12px;
}

.TeamPanelEmpty--compact{
  min-height:115px;
}

.TeamOksCategory{
  display:inline-block;
  padding:5px 10px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(100deg,#a78325,#277cb6);
  box-shadow:0 4px 14px rgba(19,74,121,.22);
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  text-transform:uppercase;
}

.TeamOksEventMeta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}

.TeamOksEventMeta span{
  padding:4px 8px;
  border:1px solid rgba(116,183,255,.22);
  border-radius:5px;
  color:#c9d8ea;
  background:rgba(21,60,106,.42);
  font-size:11px;
  font-weight:650;
}

.TeamOksEventMeta .TeamOksPlacement{
  color:#ffe195;
  border-color:rgba(215,169,57,.34);
  background:rgba(133,98,20,.28);
}

.TeamResultStatsBar{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  margin:0;
  padding:8px 6px;
  border:1px solid rgba(116,183,255,.24);
  border-radius:7px;
  background:#071b3a;
  font-family:"Arial Narrow","Aptos Narrow","Liberation Sans Narrow",Arial,sans-serif;
  font-style:normal;
  font-synthesis:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}

.TeamResultStatsBarItem{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:3px 8px;
  border-right:1px solid rgba(126,165,216,.18);
  text-align:center;
}

.TeamResultStatsBarItem:last-child{
  border-right:0;
}

.TeamResultStatsBarItem strong{
  color:#78afff;
  font-family:"Arial Narrow","Aptos Narrow","Liberation Sans Narrow",Arial,sans-serif;
  font-size:24px;
  font-stretch:condensed;
  font-style:normal;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  letter-spacing:0;
  line-height:1;
}

.TeamResultMedalValue{
  position:relative;
  width:88px;
  height:58px;
  display:block;
}

.TeamResultMedalValue em{
  position:absolute;
  inset:4px 18px 6px;
  display:grid;
  place-items:center;
  font:inherit;
  font-size:34px;
  font-style:normal;
  font-weight:700;
}

.TeamResultLaurelWreath{
  width:88px;
  height:58px;
  display:block;
  overflow:hidden;
  mix-blend-mode:screen;
  transform:translateY(4px);
}

.TeamResultLaurelSource{
  pointer-events:none;
}

.TeamResultStatsBarItem span{
  margin-top:7px;
  color:#b9c9dd;
  font-size:9px;
  font-style:normal;
  font-weight:750;
  letter-spacing:.03em;
  line-height:1.15;
  text-transform:uppercase;
}

.TeamResultStatsBarItem--wins span,
.TeamResultStatsBarItem--seconds span,
.TeamResultStatsBarItem--thirds span{
  margin-top:3px;
}

.TeamResultStatsBarItem--wins strong{
  color:#e5b84e;
}

.TeamResultStatsBarItem--seconds strong{
  color:#bdc9dc;
}

.TeamResultStatsBarItem--thirds strong{
  color:#c98760;
}

.TeamResultStatsBarItem--best strong{
  color:#76cc76;
}

.TeamResultStatsBarItem--appearances > strong,
.TeamResultStatsBarItem--best > strong,
.TeamResultStatsBarItem--average > strong{
  font-family:var(--font-sdtrzin);
  font-stretch:normal;
}

.TeamResultAverageNote{
  position:relative;
  top:-.35em;
  margin-left:2px;
  color:#f3cf58;
  font-size:.55em;
  line-height:0;
}

.TeamRankColumns{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:17px;
}

.TeamRanksPanel--profile{
  width:100%;
  box-sizing:border-box;
  padding:14px 10px 13px;
  border-color:#f3cf58;
}

.TeamRanksPanel--profile > h3{
  margin:0;
  padding:0 5px;
  color:#dbe9fb;
  font-size:12px;
  font-weight:850;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.TeamRanksPanel--profile .TeamRankColumn > strong{
  color:#f3cf58;
}

.TeamRankColumn{
  min-width:0;
  min-height:143px;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:0 6px;
  border-right:1px solid var(--team-line);
  text-align:center;
}

.TeamRankColumn:last-child{
  border-right:0;
}

.TeamRankColumn > span{
  color:#b9c8dc;
  font-size:9px;
  font-weight:750;
  letter-spacing:.03em;
  text-transform:uppercase;
}

.TeamRankColumn > strong{
  margin-top:10px;
  color:#fff;
  font-family:Arial,"Helvetica Neue",sans-serif;
  font-size:26px;
  font-style:normal;
  font-weight:850;
  font-variant-numeric:tabular-nums;
  line-height:1;
}

.TeamRankIcon{
  width:43px;
  height:43px;
  margin-top:13px;
  overflow:visible;
}

.TeamRankIcon--world{
  fill:none;
  stroke:#70a8f7;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.TeamRankIcon--europe{
  fill:none;
  stroke:#91a0b5;
  stroke-width:3.5;
  stroke-linecap:round;
  stroke-dasharray:1 6.4;
  transform:rotate(-10deg);
}

.TeamRankIcon--slovenia{
  width:54px;
  fill:#a9b9c9;
}

.TeamRankColumn > em{
  margin-top:auto;
  color:#d8e5f2;
  font-size:10px;
  font-style:normal;
  white-space:nowrap;
}

.TeamDashboardNoResults{
  min-height:520px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.TeamDashboardNoResults h2{
  margin:16px 0 5px;
  color:#fff;
}

.TeamDashboardNoResults p{
  margin:0;
  color:#aebdd1;
}

.TeamDashboardNoResults a{
  margin-top:17px;
  color:#6eb4ff;
}

@media (max-width:1180px){
  .TeamDashboardFilters{
    grid-template-columns:repeat(2,minmax(0,1fr)) auto;
  }

  .TeamDashboardView{
    justify-self:end;
  }

  .TeamDashboardGrid{
    grid-template-columns:300px minmax(0,1fr);
  }

  .TeamProfileColumn{
    grid-column:1;
    grid-row:1;
  }

  .TeamResultsWorkspace{
    grid-column:2;
    grid-row:1;
  }

}

@media (max-width:800px){
  .TeamDashboard{
    min-height:calc(100vh - var(--header-expanded-height,190px));
    padding:14px;
    border-radius:0;
  }

  .TeamDashboardFilters{
    grid-template-columns:1fr;
  }

  .TeamFilterChecklistMenu{
    position:static;
    right:auto;
    left:auto;
    width:100%;
    min-width:0;
    max-width:100%;
    margin-top:6px;
  }

  .TeamDashboardFilterButton{
    width:100%;
  }

  .TeamDashboardView{
    display:none;
  }

  .TeamDashboardReset{
    position:static;
    justify-self:start;
  }

  .TeamDashboardGrid{
    grid-template-columns:1fr;
  }

  .TeamProfileColumn,
  .TeamResultsWorkspace{
    grid-column:1;
    grid-row:auto;
  }

  .TeamProfileColumn{
    width:100%;
    order:1;
  }
  .TeamResultsWorkspace{ order:2; }

  .TeamResultFilters{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .TeamResultFilters button{
    width:100%;
  }

  .TeamResultRow > summary{
    grid-template-columns:68px minmax(0,1fr) max-content 30px;
    gap:7px;
    padding-inline:9px;
  }

  .TeamProfileIdentifiers{
    grid-template-columns:1fr;
  }

}

@media (max-width:560px){
  .TeamProfilePhoto{
    height:auto;
  }

  .TeamProfileFacts div{
    grid-template-columns:125px minmax(0,1fr);
  }

  .TeamResultFilters{
    grid-template-columns:1fr;
  }

  .TeamResultStatsBar{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .TeamResultStatsBarItem:nth-child(3){
    border-right:0;
  }

  .TeamResultStatsBarItem:nth-child(-n+3){
    border-bottom:1px solid rgba(126,165,216,.18);
  }

  .TeamResultSeason > h3{
    padding:9px 10px;
  }

  .TeamResultRow > summary{
    grid-template-columns:60px minmax(0,1fr) 27px;
    grid-template-rows:auto auto;
    min-height:84px;
    gap:6px;
    padding:7px 7px;
  }

  .TeamResultRowPlacement{
    grid-column:1;
    grid-row:1 / span 2;
  }

  .TeamResultRowCompetition{
    grid-column:2;
    grid-row:1;
  }

  .TeamResultRowOutcome{
    grid-column:2;
    grid-row:2;
    justify-self:end;
  }

  .TeamResultRowToggle{
    grid-column:3;
    grid-row:1 / span 2;
    align-self:center;
  }

  .TeamResultRowMedal,
  .TeamResultRowMedal .TeamResultMedalValue,
  .TeamResultRowMedal .TeamResultLaurelWreath{
    width:64px;
    height:44px;
  }

  .TeamResultRowMedal .TeamResultMedalValue em{
    font-size:23px;
  }

  .TeamResultRowCompetition > strong{
    font-size:14px;
    white-space:normal;
  }

  .TeamResultRowCompetition > small{
    font-size:9px;
  }

  .TeamResultRowCompetition > .TeamResultRowMeta{
    font-size:10px !important;
  }

  .TeamResultRowMeta span:nth-child(2){
    display:none;
  }

  .TeamResultRowScore strong{
    font-size:16px;
  }

  .TeamResultRowScore small{
    font-size:8px;
  }

  .TeamResultRowOutcome{
    gap:3px;
  }

  .TeamResultRowAward,
  .TeamResultRowAward .TeamResultMedalValue,
  .TeamResultRowAward .TeamResultLaurelWreath{
    width:23px;
    height:17px;
  }

  .TeamResultRowAward{
    flex-basis:23px;
  }

  .TeamResultRowAward .TeamResultMedalValue em{
    inset:1px 5px 2px;
    font-size:8px;
  }

  .TeamResultRowToggle{
    width:25px;
    height:25px;
  }

  .TeamResultRowDetails{
    margin:0 7px 0 85px;
    padding:0 9px;
  }

  .TeamResultRow[open]{
    padding-bottom:12px;
  }

  .TeamResultAttempt{
    grid-template-columns:59px minmax(0,1fr);
    gap:9px;
    padding:8px 0;
  }

  .TeamResultDetailPlacement{
    padding-right:0;
  }

  .TeamResultDetailMedal,
  .TeamResultDetailMedal .TeamResultMedalValue,
  .TeamResultDetailMedal .TeamResultLaurelWreath{
    width:56px;
    height:40px;
  }

  .TeamResultDetailMedal .TeamResultMedalValue em{
    font-size:20px;
  }

  .TeamResultAttemptTeamName,
  .TeamResultAttemptAthleteName{
    font-size:15px !important;
  }

  .TeamResultDetailHeading > span:last-child strong{
    font-size:17px;
  }

  .TeamResultSeriesItem{
    padding:5px 4px;
  }

  .TeamResultSeries{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .TeamResultSeries--with-personal{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* Članstvo / novi profilni pregled ------------------------------------ */
.MembershipHub{
  --membership-navy:#061a36;
  --membership-navy-soft:#0a2850;
  --membership-blue:#1477e8;
  --membership-cyan:#4fb8ff;
  --membership-line:rgba(145,190,235,.2);
  min-height:900px;
  box-sizing:border-box;
  padding:24px;
  color:#f7fbff;
  background:
    radial-gradient(circle at 76% 4%, rgba(18,105,205,.22), transparent 33%),
    linear-gradient(145deg, rgba(8,31,64,.98), rgba(3,18,42,.98));
}

.MembershipEyebrow,
.MembershipSidebarHeading span,
.MembershipResultsHeader span{
  color:var(--membership-cyan);
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em;
}

.MembershipWelcome{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);
  overflow:hidden;
  border:1px solid rgba(115,174,232,.25);
  border-radius:12px;
  background:
    linear-gradient(110deg, rgba(13,49,94,.94), rgba(5,27,58,.96));
  box-shadow:0 18px 38px rgba(0,10,28,.24);
}

.MembershipWelcomeCopy{
  display:flex;
  min-height:150px;
  flex-direction:column;
  justify-content:center;
  box-sizing:border-box;
  padding:25px 30px 27px;
}

.MembershipWelcomeCopy h1{
  max-width:610px;
  margin:0 0 11px;
  font-size:26px;
  line-height:1.04;
}

.MembershipWelcomeEyebrow{
  display:block;
  margin:0 0 10px;
  color:#35cfff;
  font-family:var(--font-sdtrzin);
  font-size:30px;
  font-weight:900;
  line-height:1;
}

.MembershipWelcomeCopy p{
  max-width:670px;
  margin:0;
  color:#bdcce0;
  font-size:var(--sdtrzin-body-size);
  font-weight:var(--sdtrzin-body-weight);
  line-height:var(--sdtrzin-body-line-height);
}

.MembershipWelcomeAside{
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  border-left:1px solid var(--membership-line);
  background:rgba(2,18,42,.36);
}

.MembershipWelcomeStats{
  display:grid;
  grid-template-columns:minmax(0,55fr) minmax(0,45fr);
}

.MembershipWelcomeStats article{
  display:flex;
  min-height:74px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  padding:16px 20px;
  background:rgba(8,31,63,.18);
  text-align:center;
}

.MembershipWelcomeStats article:nth-child(even){
  border-left:1px solid var(--membership-line);
}

.MembershipWelcomeStats article:nth-child(n+3){
  border-top:1px solid var(--membership-line);
}

.MembershipWelcomeStats strong{
  color:#f2f6fb;
  font-size:24px;
  font-variant-numeric:tabular-nums;
  line-height:1;
}

.MembershipWelcomeStats span{
  margin-top:6px;
  color:#9fc4e8;
  font-size:9px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.MembershipWelcomeStat--members{
  align-items:stretch !important;
  padding:0 !important;
  background:rgba(11,40,78,.32);
  box-shadow:inset 0 2px rgba(116,197,255,.52);
}

.MembershipMembersTotal,
.MembershipCompetitorsTotal{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:11px 14px 8px;
  border-bottom:1px solid var(--membership-line);
  text-align:center;
}

.MembershipMembersTotal strong,
.MembershipCompetitorsTotal strong{
  color:#74c5ff;
  font-size:24px;
}

.MembershipMembersTotal span,
.MembershipCompetitorsTotal span{
  margin:0 0 7px;
}

.MembershipStatLabel{
  margin:0 0 9px !important;
}

.MembershipGenderSplit{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.MembershipGenderSplit > div{
  padding:8px 14px 10px;
  text-align:center;
}

.MembershipGenderSplit > div + div{
  border-left:1px solid var(--membership-line);
}

.MembershipGenderSplit strong{
  display:block;
  color:#f4f7fb;
  font-size:18px;
  font-variant-numeric:tabular-nums;
}

.MembershipGenderSplit span{
  display:block;
  margin-top:4px;
  font-size:8px;
}

.MembershipWelcomeStat--competitors{
  align-items:stretch !important;
  padding:0 !important;
  background:rgba(11,40,78,.32);
  box-shadow:inset 0 2px rgba(116,197,255,.52);
}

.MembershipCompetitorsTotal{
  text-align:center;
}

.MembershipWeaponSplit{
  width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.MembershipWeaponSplit > div{
  min-width:0;
  padding:8px 14px 10px;
  text-align:center;
}

.MembershipWeaponSplit > div + div{
  border-left:1px solid var(--membership-line);
}

.MembershipWeaponSplit strong{
  display:block;
  color:#f4f7fb;
  font-size:18px;
  font-variant-numeric:tabular-nums;
}

.MembershipWeaponSplit span{
  display:block;
  margin-top:4px;
  font-size:8px;
}

.MembershipWelcomeStat--registrations{
  padding:11px 18px 13px !important;
  box-shadow:inset 0 2px rgba(116,197,255,.28);
}

.MembershipRegistrationSplit{
  width:100%;
  max-width:190px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.MembershipRegistrationSplit > div{
  min-width:0;
  text-align:center;
}

.MembershipRegistrationSplit > div + div{
  border-left:1px solid var(--membership-line);
}

.MembershipRegistrationSplit strong{
  display:block;
  color:#f4f7fb;
  font-size:18px;
  font-variant-numeric:tabular-nums;
}

.MembershipRegistrationSplit span{
  display:block;
  margin-top:4px;
  font-size:8px;
}

.MembershipWelcomeStat--oks{
  box-shadow:inset 0 2px rgba(213,180,92,.48);
}

.MembershipWelcomeStat--oks > strong{
  color:#d5b45c;
  font-size:25px;
}

.MembershipWelcomeStat--oks .MembershipStatLabel{
  color:#c9bb82;
}

.MembershipAgeTitle{
  display:block;
  margin:0 0 7px !important;
  color:#9fb6cf !important;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  text-align:center;
  text-transform:uppercase;
}

.MembershipAgeGroups{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.MembershipAgeGroups > div{
  min-width:0;
  padding:0 7px;
  text-align:center;
}

.MembershipAgeGroups > div + div{
  border-left:1px solid var(--membership-line);
}

.MembershipAgeGroups strong{
  display:block;
  color:#f4f7fb;
  font-size:17px;
  font-variant-numeric:tabular-nums;
}

.MembershipAgeGroups span{
  display:block;
  margin-top:4px;
  color:#8fa8c2;
  font-size:8px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}

.MembershipWelcomeJoin{
  display:grid;
  grid-template-columns:minmax(0,55fr) minmax(0,45fr);
  min-height:70px;
  align-items:stretch;
  gap:0;
  border-top:1px solid var(--membership-line);
  background:rgba(7,28,57,.58);
}

.MembershipWelcomeAges{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-sizing:border-box;
  padding:9px 14px 10px;
  border-right:1px solid var(--membership-line);
  box-shadow:inset 0 2px rgba(116,197,255,.18);
}

.MembershipWelcomeJoin a{
  display:inline-flex;
  min-width:178px;
  height:36px;
  align-items:center;
  justify-content:center;
  gap:12px;
  box-sizing:border-box;
  border:1px solid rgba(79,184,255,.58);
  border-radius:6px;
  color:#fff;
  background:linear-gradient(135deg, #126fd7, #0a4f9e);
  box-shadow:0 8px 18px rgba(0,42,94,.28);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-decoration:none;
  align-self:center;
  justify-self:end;
  margin-right:18px;
}

.MembershipWelcomeJoin a:hover,
.MembershipWelcomeJoin a:focus-visible{
  border-color:#91d3ff;
  background:linear-gradient(135deg, #2184ed, #0b5db9);
}

.MembershipWelcomeJoin a:focus-visible{
  outline:2px solid #fff;
  outline-offset:2px;
}

.MembershipWelcomeJoin a span{
  margin:0;
  color:inherit;
  font-size:15px;
  letter-spacing:0;
}

.MembershipPreview{
  display:flex;
  gap:10px;
  margin:16px 0 0;
  padding:9px 12px;
  border:1px solid rgba(79,184,255,.3);
  border-radius:8px;
  color:#cfe9ff;
  background:rgba(20,119,232,.13);
  font-size:12px;
}

.MembershipLayout{
  display:grid;
  grid-template-columns:310px minmax(0,1fr);
  gap:18px;
  padding-top:18px;
}

.MembershipSidebar{
  min-width:0;
}

.MembershipSidebarForm{
  position:sticky;
  top:12px;
  overflow:hidden;
  border:1px solid rgba(115,174,232,.24);
  border-radius:11px;
  background:linear-gradient(165deg, rgba(10,39,79,.95), rgba(4,25,53,.97));
  box-shadow:0 18px 34px rgba(0,10,28,.24);
}

.MembershipSidebarHeading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 16px 13px;
  border-bottom:1px solid var(--membership-line);
}

.MembershipSidebarHeading h2{
  margin:2px 0 0;
  font-size:20px;
  line-height:1.1;
  text-transform:uppercase;
}

.MembershipSidebarHeading > div > span{
  font-size:11px;
}

.MembershipSidebarHeading small{
  display:block;
  margin-top:4px;
  color:#8ba6c2;
  font-size:10px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.12em;
}

.MembershipSidebarHeading > strong{
  display:grid;
  width:36px;
  height:36px;
  place-items:center;
  border:1px solid rgba(79,184,255,.36);
  border-radius:50%;
  color:#dff2ff;
  background:rgba(20,119,232,.18);
  font-size:14px;
}

.MembershipSearch{
  display:block;
  padding:13px 13px 7px;
}

.MembershipSearch > span{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
}

.MembershipSearch input{
  width:100%;
  height:38px;
  box-sizing:border-box;
  padding:0 12px;
  border:1px solid rgba(132,180,228,.25);
  border-radius:6px;
  outline:0;
  color:#f7fbff;
  background:rgba(3,19,42,.62);
  font:inherit;
  font-size:14px;
}

.MembershipSearch input:focus{
  border-color:var(--membership-cyan);
  box-shadow:0 0 0 3px rgba(79,184,255,.12);
}

.MembershipSearch input::placeholder{
  color:#7890aa;
}

.MembershipSidebarFilters{
  display:grid;
  gap:7px;
  padding:6px 13px;
}

.MembershipFilter{
  position:relative;
  min-width:0;
  border:1px solid rgba(132,180,228,.22);
  border-radius:6px;
  color:#e9f3ff;
  background:rgba(4,23,50,.58);
}

.MembershipFilter summary{
  position:relative;
  display:flex;
  min-height:38px;
  box-sizing:border-box;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:7px 28px 7px 11px;
  list-style:none;
  cursor:pointer;
  font-size:11px;
}

.MembershipFilter summary::-webkit-details-marker{
  display:none;
}

.MembershipFilter summary::after{
  content:"";
  position:absolute;
  top:50%;
  right:11px;
  width:6px;
  height:6px;
  border-right:1.5px solid #91cfff;
  border-bottom:1.5px solid #91cfff;
  transform:translateY(-70%) rotate(45deg);
  transition:transform .18s ease;
}

.MembershipFilter[open] summary::after{
  transform:translateY(-30%) rotate(225deg);
}

.MembershipFilter summary > span{
  color:#9fb3c9;
}

.MembershipFilter summary > strong{
  overflow:hidden;
  color:#f7fbff;
  font-size:10px;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.MembershipFilterMenu{
  display:grid;
  max-height:188px;
  overflow:auto;
  padding:6px;
  border-top:1px solid rgba(132,180,228,.18);
  background:#071d3c;
}

.MembershipFilterMenu label{
  display:flex;
  align-items:flex-start;
  gap:7px;
  padding:6px;
  border-radius:4px;
  color:#cbd9e8;
  cursor:pointer;
  font-size:10px;
  line-height:1.25;
}

.MembershipFilterMenu label:hover{
  color:#fff;
  background:rgba(79,184,255,.1);
}

.MembershipFilterMenu input{
  flex:0 0 auto;
  margin:1px 0 0;
  accent-color:var(--membership-blue);
}

.MembershipFilterChild{
  padding-left:22px !important;
}

.MembershipSidebarForm .MembershipFilter summary{
  font-size:14px;
}

.MembershipSidebarForm .MembershipFilter summary > strong{
  font-size:12px;
}

.MembershipSidebarForm .MembershipFilterMenu label{
  font-size:14px;
  white-space:nowrap;
}

.MembershipSidebarActions,
.MembershipResultFilterActions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}

.MembershipSidebarActions{
  padding:7px 13px 13px;
}

.MembershipSidebarActions button,
.MembershipResultFilterActions button{
  min-height:34px;
  padding:6px 10px;
  border:1px solid var(--membership-blue);
  border-radius:5px;
  color:#fff;
  background:var(--membership-blue);
  cursor:pointer;
  font:inherit;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}

.MembershipSidebarActions button{
  font-size:12px;
}

.MembershipSidebarActions button:last-child,
.MembershipResultFilterActions button:last-child{
  border-color:rgba(137,181,226,.28);
  color:#b8c8d9;
  background:transparent;
}

.MembershipSidebarActions button:hover,
.MembershipSidebarActions button:focus-visible,
.MembershipResultFilterActions button:hover,
.MembershipResultFilterActions button:focus-visible{
  filter:brightness(1.14);
}

.MembershipMemberList{
  max-height:1141px;
  overflow:auto;
  padding:8px;
  border-top:1px solid var(--membership-line);
}

.MembershipMember{
  display:grid;
  width:100%;
  grid-template-columns:56px minmax(0,1fr) 12px;
  align-items:center;
  gap:11px;
  padding:9px;
  border:0;
  border-bottom:1px solid rgba(135,177,220,.1);
  border-radius:6px;
  color:#dce8f5;
  background:transparent;
  cursor:pointer;
  text-align:left;
}

.MembershipMember:hover,
.MembershipMember:focus-visible{
  outline:0;
  background:rgba(20,119,232,.15);
}

.MembershipMember.is-active{
  color:#fff;
  background:linear-gradient(100deg, rgba(18,104,211,.84), rgba(14,75,152,.7));
  box-shadow:0 9px 18px rgba(0,24,67,.24);
}

.MembershipMemberPhoto{
  position:relative;
  width:56px;
  height:56px;
}

.MembershipMemberPhoto img{
  width:100%;
  height:100%;
  border:1px solid rgba(255,255,255,.32);
  border-radius:50%;
  object-fit:cover;
}

.MembershipMemberPhoto i{
  position:absolute;
  right:-2px;
  bottom:-2px;
  padding:1px 2px;
  border-radius:2px;
  color:#fff;
  background:#d44;
  font-size:5px;
  font-style:normal;
}

.MembershipMemberText{
  min-width:0;
}

.MembershipMemberText strong,
.MembershipMemberText small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.MembershipMemberText strong{
  font-size:14px;
}

.MembershipMemberText small{
  margin-top:2px;
  color:#91a7bd;
  font-size:11px;
  line-height:1.15;
}

.MembershipMemberText .MembershipMemberDiscipline{
  color:#63bfff;
}

.MembershipMember.is-active small{
  color:#d7eaff;
}

.MembershipMember.is-active .MembershipMemberDiscipline{
  color:#fff;
}

.MembershipMemberArrow{
  color:#5db8ff;
  font-size:17px;
}

.MembershipListEmpty{
  padding:20px 10px;
  color:#91a7bd;
  text-align:center;
}

.MembershipListEmpty strong,
.MembershipListEmpty span{
  display:block;
}

.MembershipListEmpty strong{
  color:#fff;
  font-size:12px;
}

.MembershipListEmpty span{
  margin-top:3px;
  font-size:9px;
}

.MembershipMain{
  --team-line:rgba(149,184,229,.22);
  min-width:0;
}

.MembershipProfileHero{
  position:relative;
  display:grid;
  min-height:260px;
  grid-template-columns:210px minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(125,177,228,.2);
  border-radius:11px;
  background:
    radial-gradient(circle at 82% 50%, rgba(26,112,205,.2), transparent 30%),
    linear-gradient(115deg, #0b2a53, #061a38 67%, #05162f);
  box-shadow:0 18px 38px rgba(0,10,27,.28);
}

.MembershipProfilePhoto{
  position:relative;
  min-height:260px;
  overflow:hidden;
  background:#102b50;
}

.MembershipProfilePhoto::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 58%, rgba(2,17,38,.72));
  pointer-events:none;
}

.MembershipProfilePhoto img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.MembershipProfilePhoto > span{
  position:absolute;
  z-index:2;
  left:10px;
  bottom:10px;
  padding:4px 6px;
  border-radius:3px;
  background:#d84949;
  font-size:8px;
  font-weight:900;
}

.MembershipProfileOverview{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:23px 26px 21px;
}

.MembershipProfileStatus{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:0 8px;
  border:1px solid rgba(79,184,255,.32);
  border-radius:999px;
  color:#9dd6ff;
  background:rgba(20,119,232,.12);
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  align-self:flex-start;
}

.MembershipProfileOverview h2{
  margin:9px 0 6px;
  color:#fff;
  font-size:34px;
  line-height:1;
  text-transform:uppercase;
}

.MembershipProfileOverview h2,
.MembershipProfileLead,
.MembershipProfileAchievement{
  max-width:calc(100% - 104px);
}

.MembershipProfileLead{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  color:#d9e7f5;
  font-size:14px;
}

.MembershipProfileLead > span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 15px;
  border-left:1px solid rgba(153,192,231,.26);
}

.MembershipProfileLead > span:first-child{
  padding-left:0;
  border-left:0;
}

.MembershipProfileCountry img{
  width:20px;
  height:14px;
  margin-right:6px;
  border-radius:2px;
  object-fit:cover;
}

.MembershipProfileAchievement{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:17px;
  color:#f5c648;
}

.MembershipProfileAchievement > b{
  font-size:26px;
}

.MembershipProfileAchievement small,
.MembershipProfileAchievement strong{
  display:block;
}

.MembershipProfileAchievement small{
  color:#8fa6bd;
  font-size:10px;
}

.MembershipProfileAchievement strong{
  font-size:15px;
  text-transform:uppercase;
}

.MembershipProfileFacts{
  display:grid;
  width:100%;
  grid-template-columns:105px minmax(205px,230px) minmax(280px,1fr);
  gap:0;
  align-items:end;
  margin:auto 0 0;
}

.MembershipProfileFacts > div{
  min-width:0;
  padding:0 12px;
  border-left:1px solid rgba(153,192,231,.2);
}

.MembershipProfileFacts > div:first-child{
  padding-left:0;
  border-left:0;
}

.MembershipProfileFacts > .MembershipProfileClubColumn{
  display:grid;
  gap:8px;
}

.MembershipProfileClubColumn > div + div{
  padding-top:8px;
  border-top:1px solid rgba(153,192,231,.14);
}

.MembershipProfileClubColumn dd{
  white-space:normal;
}

.MembershipProfileFacts dt{
  color:#839bb3;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.MembershipProfileFacts dd{
  overflow:hidden;
  margin:3px 0 0;
  color:#fff;
  font-size:15px;
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.MembershipProfileFacts a{
  color:#78c4ff;
  text-decoration:none;
}

.MembershipProfileMark{
  position:absolute;
  z-index:1;
  top:34px;
  right:28px;
  display:grid;
  width:86px;
  height:86px;
  place-items:center;
  border:2px solid rgba(72,145,220,.2);
  border-radius:50%;
  color:rgba(149,205,255,.48);
}

.MembershipProfileMark::before,
.MembershipProfileMark::after,
.MembershipProfileMark span{
  content:"";
  position:absolute;
  border:1px solid rgba(72,145,220,.18);
  border-radius:50%;
}

.MembershipProfileMark::before{inset:12px;}
.MembershipProfileMark::after{inset:25px;}
.MembershipProfileMark span{inset:38px;background:rgba(79,184,255,.22);}
.MembershipProfileMark b{position:relative;z-index:2;font-size:10px;letter-spacing:.08em;}

.MembershipArchivedResultStats{
  margin-top:13px;
}

.MembershipInfoCards > .MembershipArchivedOksCard,
.MembershipInfoCards > .MembershipArchivedRanksCard{
  min-height:220px;
}

.MembershipInfoCards{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(280px,1fr);
  gap:12px;
  margin-top:13px;
}

.MembershipArchivedOksCard .TeamProfileFacts--oks{
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:0;
}

.MembershipArchivedOksCard .TeamProfileFacts--oks > .MembershipOksValidityColumn{
  display:grid;
  min-height:0;
  grid-template-columns:1fr;
  align-items:start;
  gap:0;
  min-width:0;
  padding-right:22px;
  border-right:1px solid var(--team-line);
}

.MembershipArchivedOksCard .TeamProfileOksAchievement{
  margin-top:0;
  padding:10px 0 0 22px;
  border-top:0;
}

.MembershipResults{
  margin-top:14px;
  overflow:hidden;
  border:1px solid rgba(125,177,228,.22);
  border-radius:11px;
  color:#10213b;
  background:#f3f7fb;
  box-shadow:0 18px 38px rgba(0,9,27,.22);
}

.MembershipResultsHeader{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:17px 19px;
  color:#fff;
  background:linear-gradient(100deg,#0b3265,#071f44);
}

.MembershipResultsHeader h2{
  margin:2px 0 0;
  font-size:20px;
  line-height:1;
  text-transform:uppercase;
}

.MembershipResultsHeader > strong{
  display:inline-flex;
  min-height:27px;
  align-items:center;
  padding:0 9px;
  border:1px solid rgba(79,184,255,.25);
  border-radius:999px;
  color:#bdddff;
  background:rgba(20,119,232,.12);
  font-size:8px;
  text-transform:uppercase;
}

.MembershipResultFilters{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:13px;
  border-bottom:1px solid #d5e0eb;
  background:#eaf1f8;
}

.MembershipResultFilters .MembershipFilter{
  border-color:#c8d5e3;
  color:#203652;
  background:#fff;
}

.MembershipResultFilters .MembershipFilter summary{
  min-height:44px;
  font-size:13px;
}

.MembershipResultFilters .MembershipFilter summary > span{
  color:#65758a;
}

.MembershipResultFilters .MembershipFilter summary > strong{
  color:#10233f;
  font-size:12px;
}

.MembershipResultFilters .MembershipFilterMenu{
  border-top-color:#d6e1eb;
  color:#23364f;
  background:#fff;
}

.MembershipResultFilters .MembershipFilterMenu label{
  color:#35475d;
  font-size:13px;
}

.MembershipResultFilters .MembershipFilterMenu label:hover{
  color:#10233f;
  background:#eaf4ff;
}

.MembershipResultFilterActions{
  grid-column:1 / -1;
  justify-self:end;
  grid-template-columns:110px 110px;
}

.MembershipArchivedResultsList{
  margin-top:13px;
  border-color:#fff;
}

.MembershipArchivedResultsList .TeamResultSeason > h3{
  background:linear-gradient(100deg,#0b3265,#071f44);
}

.MembershipNoSelection{
  display:flex;
  min-height:250px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:28px;
  color:#69788d;
  text-align:center;
}

.MembershipNoSelection{
  min-height:600px;
  border:1px solid var(--membership-line);
  border-radius:11px;
  color:#91a7bd;
  background:rgba(4,22,47,.6);
}

.MembershipNoSelection h2{
  margin:13px 0 0;
  color:#174a87;
  font-size:17px;
}

.MembershipNoSelection h2{
  color:#fff;
}

.MembershipNoSelection p{
  margin:4px 0 0;
  font-size:10px;
}

.MembershipNoSelection a{
  margin-top:14px;
  padding:7px 12px;
  border-radius:5px;
  color:#fff;
  background:var(--membership-blue);
  font-size:10px;
  font-weight:900;
  text-decoration:none;
}

.MembershipEmptyTarget{
  position:relative;
  display:block;
  width:45px;
  height:45px;
  border:2px solid #3d92e6;
  border-radius:50%;
}

.MembershipEmptyTarget::before,
.MembershipEmptyTarget::after{
  content:"";
  position:absolute;
  background:#3d92e6;
}

.MembershipEmptyTarget::before{top:50%;left:-7px;right:-7px;height:1px;}
.MembershipEmptyTarget::after{top:-7px;bottom:-7px;left:50%;width:1px;}

.MembershipMobileDisclosure,
.MembershipMobileStatsToggle,
.MembershipMobileFilterToggle,
.MembershipMobileResultFilterToggle,
.MembershipSidebarMobileTitle{
  display:none;
}

.MembershipMobileFilterPanel{
  display:contents;
}

@media (max-width:1120px){
  .MembershipWelcome{grid-template-columns:minmax(0,1fr) 420px;}
  .MembershipLayout{grid-template-columns:290px minmax(0,1fr);}
  .MembershipInfoCards{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);}
}

@media (max-width:960px){
  .MembershipLayout{grid-template-columns:1fr;}
  .MembershipSidebarForm{position:static;}
}

@media (max-width:800px){
  .MembershipHub{padding:14px;}
  .MembershipWelcome{grid-template-columns:1fr;}
  .MembershipWelcomeCopy{min-height:0;padding:22px 22px 23px;}
  .MembershipWelcomeAside{border-top:1px solid var(--membership-line);border-left:0;}
  .MembershipLayout{grid-template-columns:1fr;}
  .MembershipSidebarForm{position:static;}
  .MembershipSidebarFilters{grid-template-columns:repeat(2,minmax(0,1fr));}
  .MembershipMemberList{display:flex;max-height:none;gap:6px;overflow:auto;}
  .MembershipMember{min-width:215px;border:1px solid rgba(135,177,220,.15);}
  .MembershipProfileHero{grid-template-columns:170px minmax(0,1fr);}
  .MembershipProfileOverview{padding:20px;}
  .MembershipProfileOverview h2{font-size:27px;}
  .MembershipProfileOverview h2,
  .MembershipProfileLead,
  .MembershipProfileAchievement{max-width:calc(100% - 72px);}
  .MembershipProfileFacts{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 0;}
  .MembershipProfileFacts > div:nth-child(3){padding-left:0;border-left:0;}
  .MembershipProfileFacts > .MembershipProfileClubColumn{grid-column:1 / -1;}
  .MembershipProfileMark{top:28px;right:17px;width:62px;height:62px;}
  .MembershipProfileMark::before{inset:9px;}.MembershipProfileMark::after{inset:18px;}.MembershipProfileMark span{inset:27px;}
  .MembershipInfoCards{grid-template-columns:1fr;}
  .MembershipResultFilters{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:560px){
  .MembershipHub{padding:10px;}
  .MembershipWelcomeCopy{padding:20px 18px 18px;}
  .MembershipWelcomeEyebrow{display:inline-flex;align-self:flex-start;margin-bottom:12px;padding:5px 9px;border:1px solid rgba(79,184,255,.45);border-radius:999px;background:rgba(20,119,232,.15);font-family:inherit;font-size:11px;letter-spacing:.08em;}
  .MembershipWelcomeCopy h1{font-size:26px;line-height:1.08;}
  .MembershipWelcome.has-mobile-intro-toggle .MembershipWelcomeCopy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
  .MembershipWelcome.is-mobile-intro-open .MembershipWelcomeCopy p{display:block;overflow:visible;}
  .MembershipMobileDisclosure.is-mobile-ready{display:inline-flex;align-items:center;align-self:flex-start;gap:7px;margin-top:9px;padding:0;border:0;color:#5fc1ff;background:transparent;font:inherit;font-size:13px;font-weight:800;cursor:pointer;}
  .MembershipMobileDisclosure span{font-size:18px;transition:transform .18s ease;}
  .MembershipWelcome.is-mobile-intro-open .MembershipMobileDisclosure span{transform:rotate(90deg);}
  .MembershipWelcomeStats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .MembershipWelcomeStats article{min-height:112px;padding:14px 16px;}
  .MembershipWelcomeStats strong{font-size:24px;}
  .MembershipMembersTotal strong,
  .MembershipCompetitorsTotal strong{font-size:27px;}
  .MembershipMembersTotal,
  .MembershipCompetitorsTotal{padding:14px;border-bottom:0;}
  .MembershipWelcome.has-mobile-stats-toggle .MembershipGenderSplit,
  .MembershipWelcome.has-mobile-stats-toggle .MembershipWeaponSplit,
  .MembershipWelcome.has-mobile-stats-toggle .MembershipRegistrationSplit > div:nth-child(2){display:none;}
  .MembershipWelcome.has-mobile-stats-toggle .MembershipWelcomeStat--registrations .MembershipRegistrationSplit{display:block;}
  .MembershipWelcome.has-mobile-stats-toggle .MembershipWelcomeStat--registrations .MembershipRegistrationSplit > div:first-child{display:flex;flex-direction:column;}
  .MembershipWelcomeStat--registrations .MembershipRegistrationSplit > div:first-child strong{font-size:27px;}
  .MembershipWelcomeStat--oks > strong{font-size:27px;}
  .MembershipWelcome.is-mobile-stats-open .MembershipGenderSplit,
  .MembershipWelcome.is-mobile-stats-open .MembershipWeaponSplit{display:grid;border-top:1px solid var(--membership-line);}
  .MembershipWelcome.is-mobile-stats-open .MembershipRegistrationSplit{display:grid;}
  .MembershipWelcome.is-mobile-stats-open .MembershipRegistrationSplit > div:nth-child(2){display:block;}
  .MembershipMobileStatsToggle.is-mobile-ready{display:flex;width:calc(100% - 32px);min-height:44px;align-items:center;justify-content:center;gap:9px;margin:12px 16px;border:1px solid rgba(115,174,232,.25);border-radius:6px;color:#c7d8eb;background:rgba(4,23,50,.48);font:inherit;font-size:13px;cursor:pointer;}
  .MembershipMobileStatsToggle span{transition:transform .18s ease;}
  .MembershipWelcome.is-mobile-stats-open .MembershipMobileStatsToggle span{transform:rotate(180deg);}
  .MembershipGenderSplit strong,
  .MembershipWeaponSplit strong,
  .MembershipRegistrationSplit strong,
  .MembershipAgeGroups strong{font-size:17px;}
  .MembershipWelcomeJoin{display:block;min-height:0;padding:0 16px 16px;border-top:0;background:transparent;}
  .MembershipWelcomeAges{padding:0 0 12px;border-right:0;border-bottom:1px solid var(--membership-line);}
  .MembershipWelcome.has-mobile-stats-toggle .MembershipWelcomeAges{display:none;}
  .MembershipWelcome.is-mobile-stats-open .MembershipWelcomeAges{display:block;}
  .MembershipWelcomeJoin a{width:100%;height:50px;justify-self:stretch;margin:0;font-size:12px;}
  .MembershipAgeGroups{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 0;}
  .MembershipAgeGroups > div:nth-child(3){border-left:0;}
  .MembershipSidebarHeading{padding:16px 16px 12px;border-bottom:0;}
  .MembershipSidebarHeading > div > span,
  .MembershipSidebarHeading small,
  .MembershipSidebarHeading > strong,
  .MembershipSidebarDesktopTitle{display:none;}
  .MembershipSidebarMobileTitle{display:inline;}
  .MembershipSidebarHeading h2 .MembershipSidebarMobileTitle{color:#fff;font-size:inherit;letter-spacing:0;}
  .MembershipSidebarHeading h2{margin:0;font-size:24px;text-transform:none;}
  .MembershipSearch{padding:0 13px 10px;}
  .MembershipSearch input{height:48px;padding-left:15px;font-size:15px;}
  .MembershipMobileFilterToggle.is-mobile-ready,
  .MembershipMobileResultFilterToggle.is-mobile-ready{display:flex;min-height:44px;align-items:center;justify-content:flex-start;gap:8px;margin:0 13px 12px;padding:0 13px;border:1px solid rgba(79,184,255,.7);border-radius:6px;color:#a9d9ff;background:rgba(20,119,232,.1);font:inherit;font-size:14px;font-weight:800;cursor:pointer;}
  .MembershipMobileFilterToggle i,
  .MembershipMobileResultFilterToggle i{margin-left:auto;font-style:normal;transition:transform .18s ease;}
  .MembershipMobileFilterToggle[aria-expanded="true"] i,
  .MembershipMobileResultFilterToggle[aria-expanded="true"] i{transform:rotate(180deg);}
  .MembershipMobileFilterPanel{display:block;}
  .MembershipMobileFilterPanel.is-mobile-collapsible{display:none;}
  .MembershipMobileFilterPanel.is-mobile-open{display:block;}
  .MembershipSidebarFilters{grid-template-columns:1fr;padding-top:0;}
  .MembershipFilter summary{min-height:44px;}
  .MembershipSidebarActions button,
  .MembershipResultFilterActions button{min-height:44px;}
  .MembershipMemberList{display:block;max-height:282px;padding:8px 10px;overflow-x:hidden;overflow-y:auto;}
  .MembershipMember{width:100%;min-width:0;grid-template-columns:48px minmax(0,1fr) 16px;min-height:70px;margin:0;padding:9px;border:0;border-bottom:1px solid rgba(135,177,220,.14);border-radius:0;}
  .MembershipMember:first-child{border-radius:7px 7px 0 0;}
  .MembershipMember:last-child{border-radius:0 0 7px 7px;}
  .MembershipMemberPhoto{width:48px;height:48px;}
  .MembershipProfileHero{display:grid;min-height:0;grid-template-columns:92px minmax(0,1fr);align-items:start;padding:16px;}
  .MembershipProfilePhoto{width:92px;height:92px;min-height:0;border:1px solid rgba(140,196,245,.7);border-radius:50%;}
  .MembershipProfilePhoto::after{display:none;}
  .MembershipProfileOverview{padding:0 0 0 14px;}
  .MembershipProfileStatus{min-height:21px;}
  .MembershipProfileOverview h2{margin-top:7px;font-size:24px;}
  .MembershipProfileOverview h2,
  .MembershipProfileLead,
  .MembershipProfileAchievement{max-width:none;}
  .MembershipProfileLead{font-size:12px;}
  .MembershipProfileLead > span{min-height:20px;padding:0 8px;}
  .MembershipProfileAchievement{gap:6px;margin-top:10px;}
  .MembershipProfileAchievement > b{font-size:20px;}
  .MembershipProfileAchievement strong{font-size:12px;}
  .MembershipProfileFacts{grid-column:1 / -1;margin-top:14px;}
  .MembershipProfileMark{display:none;}
  .MembershipProfileFacts{grid-template-columns:1fr 1fr;}
  .MembershipArchivedOksCard .TeamProfileFacts--oks{grid-template-columns:1fr;}
  .MembershipArchivedOksCard .TeamProfileFacts--oks > .MembershipOksValidityColumn{padding-right:0;border-right:0;}
  .MembershipArchivedOksCard .TeamProfileOksAchievement{margin-top:5px;padding:10px 0 0;border-top:1px solid rgba(141,169,202,.16);}
  .MembershipResultsHeader{padding-bottom:12px;}
  .MembershipMobileResultFilterToggle.is-mobile-ready{margin-top:12px;color:#2163b5;background:#fff;border-color:#9db8d5;}
  .MembershipResultFilters{grid-template-columns:1fr;}
  .MembershipResultFilters.is-mobile-collapsible{display:none;}
  .MembershipResultFilters.is-mobile-open{display:grid;}
  .MembershipResultFilterActions{width:100%;grid-template-columns:1fr 1fr;}
  .MembershipResultsHeader{align-items:flex-start;}
}

/* Security forms keep the former link appearance after logout became POST-only. */
.HeaderLogoutForm,
.MobileMenuLogoutForm{
  margin:0;
}

.HeaderLogoutForm{
  position:relative;
}

.HeaderLogoutForm::before{
  content:"";
  position:absolute;
  top:0;
  right:10px;
  left:10px;
  height:1px;
  background:rgba(255,255,255,.18);
}

.UserDropdownAction,
.MobileMenuLogoutForm button{
  width:100%;
  border:0;
  color:inherit;
  background:transparent;
  font:inherit;
  text-align:left;
  cursor:pointer;
}

.UserDropdownAction{
  display:flex;
  min-height:42px;
  align-items:center;
  padding:10px 16px;
}

.UserDropdownAction:is(:hover,:focus-visible){
  color:#ffffff;
  background:var(--dropdown-hover-bg);
}

.MobileMenuLogoutForm button{
  min-height:44px;
  padding:10px 0;
  font-weight:800;
}