.tpk-nav{
min-width:0;
justify-self:end}
.tpk-nav__list,.tpk-nav__submenu{
margin:0;
padding:0;
list-style:none}
.tpk-nav__list{
display:flex;
align-items:center;
gap:26px}
.tpk-nav__item{
position:relative}
.tpk-nav__row{
display:flex;
align-items:center}
.tpk-nav__link{
position:relative;
display:inline-block;
width:max-content;
padding-block:12px;
color:#fff;
font:500 14px/1 var(--tpk-font-sans);
letter-spacing:-.15px;
text-decoration:none;
white-space:nowrap}
.tpk-nav__label{
position:relative;
display:inline-block;
line-height:1;
padding-bottom:calc(var(--tpk-underline-gap) + var(--tpk-underline-thickness) + 1px)}
.tpk-nav__label::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:var(--tpk-underline-thickness);
background:currentColor;
transform:scaleX(0);
transform-origin:left center;
transition:transform var(--tpk-underline-duration) var(--ease)}
.tpk-nav__link:hover .tpk-nav__label::after,.tpk-nav__link:focus-visible .tpk-nav__label::after{
transform:scaleX(1)}
.tpk-nav__submenu-toggle{
display:inline-flex;
width:18px;
height:32px;
align-items:center;
justify-content:center;
margin-left:6px;
padding:0;
border:0;
background:transparent;
color:currentColor}
.tpk-nav__submenu-indicator{
display:block;
width:7px;
height:7px;
border-right:1.5px solid currentColor;
border-bottom:1.5px solid currentColor;
transform:translateY(-2px) rotate(45deg);
transition:transform .35s var(--ease)}
.tpk-nav__submenu-toggle[aria-expanded=true] .tpk-nav__submenu-indicator{
transform:translateY(2px) rotate(225deg)}
.tpk-nav__item.is-open>.tpk-nav__row>.tpk-nav__submenu-toggle .tpk-nav__submenu-indicator{
transform:translateY(2px) rotate(225deg)}
.tpk-nav__submenu{
position:absolute;
top:calc(100% + 12px);
left:50%;
display:block;
min-width:220px;
max-width:280px;
padding:12px;
border-radius:var(--radius-card);
background:#fff;
color:#101415;
box-shadow:var(--shadow);
opacity:0;
pointer-events:none;
transform:translate(-50%,-6px);
visibility:hidden;
transition:opacity .2s var(--ease),transform .22s var(--ease),visibility 0s linear .18s}
.tpk-nav__item.is-open>.tpk-nav__submenu{
opacity:1;
pointer-events:auto;
transform:translate(-50%,0);
visibility:visible;
transition-delay:0s}
.tpk-nav__item--mega>.tpk-nav__submenu{
display:none}
.tpk-nav__submenu .tpk-nav__link{
display:flex;
width:max-content;
flex:none;
opacity:1;
visibility:visible;
min-height:44px;
align-items:center;
padding:0;
color:#101415;
line-height:1.35}
.tpk-nav__mobile-toggle,.tpk-nav__mobile-utility{
display:none}

@media(min-width:1180px) and (max-width:1320px){
.tpk-nav__list{
gap:18px}
}
@media(min-width:1180px){
.tpk-nav>.tpk-nav__list>.tpk-nav__item>.tpk-nav__row>.tpk-nav__submenu-toggle{
color:#fff}
}

@media(max-width:1179px){
.tpk-nav{
position:fixed;
top:64px;
right:0;
bottom:0;
left:0;
z-index:999;
display:block;
width:100%;
max-width:none;
min-height:100dvh;
height:calc(100dvh - 64px);
overflow-y:auto;
padding:18px 20px 48px;
background:#fff;
color:#101415;
opacity:0;
pointer-events:none;
transform:translateY(-10px);
visibility:hidden;
transition:opacity .28s var(--ease),transform .35s var(--ease),visibility 0s linear .35s}
.tpk-header.is-menu-open .tpk-nav{
opacity:1;
pointer-events:auto;
transform:translateY(0);
visibility:visible;
transition-delay:0s}
.tpk-nav__list{
display:block}
.tpk-nav__item{
width:100%}
.tpk-nav__row{
min-height:70px}
.tpk-nav__link{
flex:1;
color:#101415;
font-size:22px;
line-height:1.25}
.tpk-nav__label::after{
display:none}
.tpk-nav__submenu-toggle{
position:static;
display:inline-flex;
width:48px;
height:48px;
align-self:center;
align-items:center;
justify-content:center;
padding:0;
border:0;
background:transparent;
color:#101415;
transform:translateY(-1px)}
.tpk-nav__submenu-indicator{
display:block;
width:8px;
height:8px;
border-right:1.5px solid;
border-bottom:1.5px solid;
transform:rotate(45deg);
transform-origin:center}
.tpk-nav__submenu-toggle[aria-expanded=true] .tpk-nav__submenu-indicator{
transform:rotate(225deg)}
.tpk-nav__item.is-open>.tpk-nav__row>.tpk-nav__submenu-toggle .tpk-nav__submenu-indicator{
transform:rotate(225deg)}
.tpk-nav__submenu,.tpk-nav__item--mega>.tpk-nav__submenu{
position:static;
left:auto;
display:grid;
width:100%;
height:0;
max-width:none;
overflow:hidden;
padding:0 0 0 18px;
gap:18px;
box-shadow:none;
opacity:0;
pointer-events:none;
transform:translateY(-6px);
visibility:hidden;
transition:height .42s var(--ease),opacity .24s ease,transform .36s var(--ease),visibility 0s linear .42s}
.tpk-nav__item.is-open>.tpk-nav__submenu{
display:grid;
left:auto;
opacity:1;
pointer-events:auto;
transform:translateY(0);
visibility:visible;
transition-delay:0s}
.tpk-nav__item.is-instant-close>.tpk-nav__submenu{
transition:none}
.tpk-nav__mobile-toggle{
display:inline-flex;
align-items:center;
gap:10px;
width:auto;
min-width:86px;
padding:0;
border:0;
background:transparent;
color:var(--tpk-text-primary)}
.tpk-nav__mobile-icon{
order:1;
width:21px;
height:16px;
display:flex;
flex-direction:column;
justify-content:space-between;
flex:0 0 21px}
.tpk-nav__mobile-icon span{
display:block;
width:21px;
height:1.8px;
background:currentColor;
border-radius:var(--radius-pill)}
.tpk-nav__mobile-label{
order:2;
font-size:15px}
.tpk-nav__mobile-toggle[aria-expanded=true] .tpk-nav__mobile-icon{
position:relative}
.tpk-nav__mobile-toggle[aria-expanded=true] .tpk-nav__mobile-icon span{
position:absolute;
top:7px}
.tpk-nav__mobile-toggle[aria-expanded=true] .tpk-nav__mobile-icon span:first-child{
transform:rotate(45deg)}
.tpk-nav__mobile-toggle[aria-expanded=true] .tpk-nav__mobile-icon span:nth-child(2){
opacity:0}
.tpk-nav__mobile-toggle[aria-expanded=true] .tpk-nav__mobile-icon span:last-child{
transform:rotate(-45deg)}
.tpk-nav__mobile-utility{
display:flex;
align-items:center;
justify-content:space-between;
margin-top:24px;
padding-top:24px;
border-top:1px solid var(--tpk-color-border)}
}

@media(min-width:768px) and (max-width:1179px){
.tpk-nav__link{font-size:20px}
}

@media(max-width:767px){
.tpk-nav{
padding-top:18px;
overscroll-behavior:contain}
.tpk-nav__submenu .tpk-nav__link{
min-height:0;
padding:0;
font-size:14px}
.tpk-nav__submenu .tpk-nav__row{
min-height:auto}
.tpk-nav__link{
font-size:18px}
@media(hover:hover){
.tpk-nav__link:hover{
color:#737373}
}
}
