.trrocket-switcher {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 12px;
margin: 0;
padding: 0;
}
.trrocket-switcher li {
margin: 0;
}
.trrocket-switcher a,
.trrocket-switcher .trrocket-current span {
text-decoration: none;
}
.trrocket-switcher .trrocket-current span {
font-weight: 700;
} .trrocket-switcher.trrocket-vertical {
flex-direction: column;
gap: 6px;
} .trrocket-switcher-select {
padding: 4px 8px;
max-width: 100%;
} .trrocket-flag-svg {
display: inline-block;
width: 21px;
height: 14px;
vertical-align: -2px;
border-radius: 0; box-sizing: border-box;
border: 1px solid rgba( 0, 0, 0, 0.16 );
}
.trrocket-switcher a,
.trrocket-switcher .trrocket-current span {
display: inline-flex;
align-items: center;
gap: 6px; white-space: nowrap;
} .trrocket-divider {
opacity: 0.45;
} .trrocket-floating {
position: fixed; z-index: 2147483000; max-width: calc( 100vw - 16px );
background: #fff;
border: 1px solid #e2e2e2;
border-radius: 8px;
padding: 6px 10px;
box-shadow: 0 2px 10px rgba( 0, 0, 0, 0.12 );
} .trrocket-floating .trrocket-switcher,
.trrocket-floating .trrocket-dd-toggle,
.trrocket-floating .trrocket-dd-toggle:hover,
.trrocket-floating .trrocket-dd-toggle:focus {
background: none;
border: 0;
padding: 0;
box-shadow: none;
} .trrocket-floating-dd {
background: none;
border: 0;
padding: 0;
box-shadow: none;
}
.trrocket-floating-dd .trrocket-dd-toggle,
.trrocket-floating-dd .trrocket-dd-toggle:hover,
.trrocket-floating-dd .trrocket-dd-toggle:focus {
background: #fff;
border: 1px solid #e2e2e2;
border-radius: 8px;
padding: 6px 12px;
box-shadow: 0 2px 10px rgba( 0, 0, 0, 0.12 );
}
.trrocket-pos-bottom-right {
bottom: 20px;
right: 20px;
}
.trrocket-pos-bottom-left {
bottom: 20px;
left: 20px;
}
.trrocket-pos-top-right {
top: 20px;
right: 20px;
}
.trrocket-pos-top-left {
top: 20px;
left: 20px;
} .trrocket-pos-custom {
top: 20px;
left: 20px;
} .admin-bar .trrocket-pos-top-left,
.admin-bar .trrocket-pos-top-right {
top: 66px;
}
@media screen and ( min-width: 783px ) {
.admin-bar .trrocket-pos-top-left,
.admin-bar .trrocket-pos-top-right {
top: 52px;
}
} .trrocket-dd {
position: relative;
display: inline-block;
} .trrocket-dd-anchor {
visibility: hidden;
pointer-events: none;
} .trrocket-dd-names {
display: inline-grid;
}
.trrocket-dd-names > span {
grid-area: 1 / 1;
white-space: nowrap;
}
.trrocket-dd-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
} .trrocket-dd-toggle,
.trrocket-dd-menu {
box-sizing: border-box;
}
.trrocket-dd-toggle {
display: inline-flex;
width: 100%;
align-items: center;
gap: 6px;
cursor: pointer;
font: inherit; white-space: nowrap; font-weight: 400;
text-transform: none;
letter-spacing: normal;
font-style: normal;
line-height: 1.3;
color: inherit;
background: #fff;
border: 1px solid #e2e2e2; border-radius: 0;
padding: 6px 12px;
-webkit-appearance: none;
appearance: none; transition: none;
} .trrocket-dd-toggle:hover,
.trrocket-dd-toggle:focus {
background: #fff;
color: inherit;
box-shadow: none;
border-color: #e2e2e2;
outline: none;
} .trrocket-dd .trrocket-dd-toggle,
.trrocket-dd .trrocket-dd-toggle:hover,
.trrocket-dd .trrocket-dd-toggle:focus,
.trrocket-dd .trrocket-dd-toggle:active {
display: inline-flex;
color: inherit;
width: 100%;
text-align: left;
}
.trrocket-dd-caret {
display: inline-flex;
align-items: center;
margin-left: auto;
padding-left: 8px;
opacity: 0.6;
} .trrocket-dd-caret svg {
transition: transform 0.18s ease;
transform-origin: center;
}
.trrocket-dd.is-open .trrocket-dd-caret svg { transform: rotate( 180deg );
}
@media ( hover: hover ) {
.trrocket-dd-hover:hover .trrocket-dd-caret svg {
transform: rotate( 180deg );
}
}
.trrocket-dd-menu {
display: none;
position: absolute;
top: 100%;
left: 0; width: 100%; margin: 0;
padding: 0;
list-style: none;
background: #fff;
border: 1px solid #e2e2e2;
border-top: 0; border-radius: 0;
overflow: hidden;
box-shadow: 0 6px 14px rgba( 0, 0, 0, 0.14 ); z-index: 2147483000;
}
.trrocket-dd.is-open .trrocket-dd-menu {
display: block;
} @media ( hover: hover ) {
.trrocket-dd-hover:hover .trrocket-dd-menu {
display: block;
}
} @keyframes trr-anim-fade {
from { opacity: 0; }
to   { opacity: 1; }
}
@keyframes trr-anim-slide {
from { opacity: 0; transform: translateY( -6px ); }
to   { opacity: 1; transform: translateY( 0 ); }
}
@keyframes trr-anim-scale {
from { opacity: 0; transform: scale( 0.96 ); transform-origin: top center; }
to   { opacity: 1; transform: scale( 1 ); transform-origin: top center; }
}
@media ( prefers-reduced-motion: reduce ) {
.trrocket-dd-menu,
.trrocket-switcher a,
.trrocket-dd-menu a {
animation: none !important;
transition: none !important;
}
} .trrocket-dd-up .trrocket-dd-menu {
top: auto;
bottom: 100%;
border-top: 1px solid #e2e2e2;
border-bottom: 0;
box-shadow: 0 -6px 14px rgba( 0, 0, 0, 0.14 );
} .trrocket-dd-up .trrocket-dd-caret svg {
transform: rotate( 180deg );
}
.trrocket-dd-up .trrocket-dd.is-open .trrocket-dd-caret svg {
transform: none;
}
@media ( hover: hover ) {
.trrocket-dd-up .trrocket-dd-hover:hover .trrocket-dd-caret svg {
transform: none;
}
} .trrocket-dd.is-open .trrocket-dd-toggle {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
} .trrocket-dd-up .trrocket-dd.is-open .trrocket-dd-toggle {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
@media ( hover: hover ) {
.trrocket-dd-hover:hover .trrocket-dd-toggle {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
.trrocket-dd-menu li {
margin: 0;
}
.trrocket-dd-menu a {
display: flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
text-decoration: none;
white-space: nowrap; font-weight: 400;
line-height: 1.3;
text-transform: none;
letter-spacing: normal;
font-style: normal; transition: none;
}
.trrocket-dd-menu a:hover {
background: rgba( 0, 0, 0, 0.06 );
} .trrocket-scroll{display:inline-flex;align-items:center;gap:2px;max-width:100%;vertical-align:middle}
.trrocket-scroll-viewport{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}
.trrocket-scroll-viewport::-webkit-scrollbar{width:0;height:0;display:none}
.trrocket-scroll-track{display:flex!important;flex-wrap:nowrap!important;gap:8px;margin:0;padding:3px 2px;list-style:none;align-items:center}
.trrocket-scroll-track li{flex:0 0 auto;margin:0} .trrocket-scroll-track a,
.trrocket-scroll-track .trrocket-current > span{padding:4px 8px;border-radius:999px;border:1.5px solid transparent} .trrocket-scroll-track .trrocket-current > span{
border-color:#cfd2df;
}
.trrocket-scroll-prev,.trrocket-scroll-next{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.06);color:#3a3a4d;cursor:pointer;opacity:.85;transition:opacity .15s ease,background .15s ease}
.trrocket-scroll-prev:hover,.trrocket-scroll-next:hover{opacity:1;background:rgba(0,0,0,.12)}
.trrocket-scroll-prev[disabled],.trrocket-scroll-next[disabled]{opacity:.3;cursor:default;pointer-events:none} .trrocket-menu-lang{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.trrocket-menu-lang .trrocket-flag-wrap{display:inline-flex;line-height:0}
.trrocket-menu-lang .trrocket-flag-svg,.trrocket-menu-lang img{width:20px;height:auto;border-radius:2px;flex:0 0 auto} .trrocket-lang-item .trrocket-flag-wrap{display:inline-flex;line-height:0;vertical-align:-2px}
.trrocket-lang-item .trrocket-flag-wrap svg,.trrocket-lang-item .trrocket-flag-wrap img{width:20px;height:auto;border-radius:2px} @media (min-width:783px){.trrocket-floating.trrocket-only-phone{display:none!important}} .trrocket-switcher.trrocket-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 14px;align-items:center}
.trrocket-switcher.trrocket-grid li{min-width:0}
.trrocket-switcher.trrocket-grid li > a,.trrocket-switcher.trrocket-grid li > span{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px} .trrocket-footer-row{clear:both;margin:0 auto;padding:18px 16px 22px;max-width:1200px;box-sizing:border-box;text-align:center;font-size:14px}
.trrocket-footer-row .trrocket-switcher{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;background:none;border:0;box-shadow:none;padding:0;margin:0}
.trrocket-footer-row.trrocket-footer-grid .trrocket-switcher{display:grid;justify-content:stretch;text-align:left}
.trrocket-footer-row a{text-decoration:none} .trrocket-spot:not(.trrocket-floating){display:inline-flex;align-items:center;vertical-align:middle;margin:0 8px} .trrocket-footer-row.trrocket-footer-left{text-align:left}
.trrocket-footer-row.trrocket-footer-left .trrocket-switcher{justify-content:flex-start}
.trrocket-footer-row.trrocket-footer-right{text-align:right}
.trrocket-footer-row.trrocket-footer-right .trrocket-switcher{justify-content:flex-end}
.trrocket-footer-row.trrocket-footer-cols-2 .trrocket-switcher.trrocket-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.trrocket-footer-row.trrocket-footer-cols-3 .trrocket-switcher.trrocket-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.trrocket-footer-row.trrocket-footer-cols-4 .trrocket-switcher.trrocket-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.trrocket-footer-row[class*="trrocket-footer-cols-"]{max-width:880px}
@media (max-width:600px){.trrocket-footer-row[class*="trrocket-footer-cols-"] .trrocket-switcher.trrocket-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.trrocket-footer-row.trrocket-footer-grid.trrocket-footer-center .trrocket-switcher.trrocket-grid li>a,.trrocket-footer-row.trrocket-footer-grid.trrocket-footer-center .trrocket-switcher.trrocket-grid li>span{justify-content:center}
.trrocket-footer-row.trrocket-footer-grid.trrocket-footer-right .trrocket-switcher.trrocket-grid li>a,.trrocket-footer-row.trrocket-footer-grid.trrocket-footer-right .trrocket-switcher.trrocket-grid li>span{justify-content:flex-end}