.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: 9999; 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-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-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: 9999;
}
.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.is-open .trrocket-dd-toggle {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
@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}