/* Site chrome for the isolated buy-tickets widget page.
   Converted from the user dashboard React components:
   Header.js, MainMenu.js, Footer.js and their Sass modules.
   Keep everything inside this file so the ticket page stays self-contained. */

   :root {
    --c50-main: #4d89e0;
    --c50-black: #202733;
    --c50-gray: #d6d6d6;
    --c50-lgray: #e0e0e5;
    --c50-red: #e5404b;
    --c50-text-muted: #718797;
    --c50-text-light: #9d9fa0;
    --c50-border: #d1d1d1;
    --c50-copyright: #999;
    --site-header-height: 50px;
}

/* Make room for the fixed site header and allow the footer to live below the fold. */
body.has-site-chrome {
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: var(--site-header-height);
}

body.has-site-chrome .page {
    /* height: calc(100% - var(--site-header-height)); */
    min-height: calc(100% - var(--site-header-height));
}

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
.site-header {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
}

.resale-disclaimer {
    margin: 0;
    padding: 2px 16px 5px 16px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 400;
    text-align: center;
    color: var(--c50-text-muted);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.site-header-bar {
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
}

.site-header .container {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

.site-header-bar .header-container {
    width: 100%;
}

.site-header .header-container {
    padding: 0 45px;
}

.site-header .flex {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
}

.site-header .logo {
    text-transform: uppercase;
    color: var(--c50-main);
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    margin-right: auto;
    font-family: "system-ui", 'Inter';
    margin-left: 0.4px;
    letter-spacing: 0;
}

.site-header .header-menu {
    margin-left: 35px;
    margin-top: -0.1px;
    margin-right: -1.5px;
}

.site-header .header-menu-toggle {
    width: 18.3px;
    height: 40px;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url('../images/menu-toggle.svg');
}

/* --------------------------------------------------------------------------
   Slide-in main menu
   -------------------------------------------------------------------------- */
.main-menu,
.modal-backdrop {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all;
}

.main-menu.active,
.modal-backdrop.active {
    visibility: visible;
}

.modal-backdrop {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: #000;
}

.modal-backdrop.active {
    opacity: 0.5;
    z-index: 1040;
}

.main-menu {
    width: 400px;
    right: -400px;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-color: #fff;
    overflow: hidden;
}

.main-menu.active {
    z-index: 1041;
    opacity: 1;
    right: 0;
}

.main-menu-header {
    padding: 0 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-menu-close {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url('../images/icon-close-black.png');
    background-repeat: no-repeat;
    background-position: 50% 46%;
    background-size: 15px;
    cursor: pointer;
}

.logo-50-main-menu {
    display: inline-block;
    width: 138px;
    height: 14px;
}

.logo-50-main-menu::before {
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM4IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTM4IDE0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTYuNjMwOTIgMTEuMzM2M0M4LjI5NzE2IDExLjMzNjMgOS40NTA1IDEwLjUwNDkgMTAuMDkwOSA4Ljg0MTk2TDEyLjQ4NzggOS43NDQ3NUMxMS45NzE3IDExLjAxMDUgMTEuMjEzMiAxMS45NTM3IDEwLjIxMjIgMTIuNTc0MkM5LjIxNzM2IDEzLjE4ODUgOC4wMjM2MSAxMy40OTU2IDYuNjMwOTIgMTMuNDk1NkM1LjIyNTc2IDEzLjQ5NTYgNC4wMjg5IDEzLjIyODggMy4wNDAzNiAxMi42OTUyQzIuMDUxNzYgMTIuMTU1NCAxLjI5NjM1IDExLjM3NjYgMC43NzQwODcgMTAuMzU5MUMwLjI1ODAyOSA5LjM0MTQzIDAgOC4xMTkxMiAwIDYuNjkxOTZDMCA1LjI1MjQ3IDAuMjQ4NzE4IDQuMDM2MyAwLjc0NjA5NCAzLjA0MzVDMS4yNDM0NyAyLjA1MDc2IDEuOTc3MTUgMS4yOTY4MyAyLjk0NzA3IDAuNzgxODcyQzMuOTE2OTkgMC4yNjA2NjMgNS4xMDQ1MyAwIDYuNTA5NjQgMEM4LjA1MTYgMCA5LjMwNzU1IDAuMzEwMjgyIDEwLjI3NzUgMC45MzA3ODlDMTEuMjQ3NCAxLjU0NTA0IDExLjkyODIgMi40NTA5MyAxMi4zMTk5IDMuNjQ4NDZMOS44OTUwNSA0LjMwOTI5QzkuNjg5OSAzLjY1MTYyIDkuMjg1NzYgMy4xMzA0MSA4LjY4MjY4IDIuNzQ1NjdDOC4wODU4IDIuMzU0NzkgNy4zODAxMiAyLjE1OTI5IDYuNTY1NjIgMi4xNTkyOUM1LjMyMjE1IDIuMTU5MjkgNC4zNzcwNiAyLjU0NDAzIDMuNzMwNDcgMy4zMTM0NkMzLjA5MDA4IDQuMDgyODIgMi43Njk4NiA1LjIwODk5IDIuNzY5ODYgNi42OTE5NkMyLjc2OTg2IDcuNjk3MTUgMi45MTU5NyA4LjU0NDEzIDMuMjA4MiA5LjIzMjg0QzMuNTA2NjQgOS45MjE2MSAzLjk0MTg4IDEwLjQ0NTkgNC41MTM4NyAxMC44MDU4QzUuMDkyMDYgMTEuMTU5NSA1Ljc5Nzc0IDExLjMzNjMgNi42MzA5MiAxMS4zMzYzWiIgZmlsbD0iIzREODlFMCIvPg0KPHBhdGggZD0iTTI3LjM2MDMgNi42OTE5NkMyNy4zNjAzIDguMDU3MDUgMjcuMDgzNiA5LjI1MTQ4IDI2LjUzMDIgMTAuMjc1M0MyNS45ODMxIDExLjI5MjkgMjUuMjA5IDEyLjA4NCAyNC4yMDggMTIuNjQ4NkMyMy4yMTMyIDEzLjIxMzMgMjIuMDQ0MyAxMy40OTU2IDIwLjcwMTQgMTMuNDk1NkMxOS4zMjczIDEzLjQ5NTYgMTguMTQ2IDEzLjIyMjYgMTcuMTU3NCAxMi42NzY2QzE2LjE2ODkgMTIuMTI0MyAxNS40MTAzIDExLjMzOTQgMTQuODgxOCAxMC4zMjE4QzE0LjM1MzMgOS4zMDQyIDE0LjA4OTEgOC4wOTQyOCAxNC4wODkxIDYuNjkxOTZDMTQuMDg5MSA1LjI4OTcgMTQuMzUwMiA0LjA4OTAxIDE0Ljg3MjUgMy4wOTAwOEMxNS40MDEgMi4wOTEwOSAxNi4xNTk1IDEuMzI3ODYgMTcuMTQ4MSAwLjgwMDQ1N0MxOC4xNDI5IDAuMjY2ODU4IDE5LjMzMzYgMCAyMC43MiAwQzIyLjExMjcgMCAyMy4zMDM0IDAuMjY5OTU1IDI0LjI5MTkgMC44MDk3NDhDMjUuMjgwNSAxLjM0MzQxIDI2LjAzOSAyLjEwOTY3IDI2LjU2NzUgMy4xMDg2N0MyNy4wOTYgNC4xMDc2NiAyNy4zNjAzIDUuMzAyMDkgMjcuMzYwMyA2LjY5MTk2Wk0yNC41NTMgNi42OTE5NkMyNC41NTMgNS4yNzcyNSAyNC4yMTczIDQuMTY5NjcgMjMuNTQ1OCAzLjM2OTI3QzIyLjg3NDMgMi41NjI2MiAyMS45MzI0IDIuMTU5MjkgMjAuNzIgMi4xNTkyOUMxOS40ODkgMi4xNTkyOSAxOC41Mzc3IDIuNTU5NTIgMTcuODY2MiAzLjM1OTk4QzE3LjE5NDcgNC4xNTQxOCAxNi44NTkgNS4yNjQ4NiAxNi44NTkgNi42OTE5NkMxNi44NTkgNy42NDc1MyAxNy4wMTQ0IDguNDcyNzcgMTcuMzI1MyA5LjE2NzczQzE3LjYzNjIgOS44NjI2MyAxOC4wNzc2IDEwLjM5OTQgMTguNjQ5NiAxMC43Nzc5QzE5LjIyNzggMTEuMTUwMiAxOS45MTE3IDExLjMzNjMgMjAuNzAxNCAxMS4zMzYzQzIxLjkzMjQgMTEuMzM2MyAyMi44ODA2IDEwLjkzMyAyMy41NDU4IDEwLjEyNjNDMjQuMjE3MyA5LjMxOTc0IDI0LjU1MyA4LjE3NDkzIDI0LjU1MyA2LjY5MTk2WiIgZmlsbD0iIzREODlFMCIvPg0KPHBhdGggZD0iTTMyLjE3OTMgNS41NzUwMlYxMy4zMDk2SDI5LjczNThWMC4xOTUzMTJIMzIuODc4N0wzOC42ODkgMTAuMzc3N0MzOC41NzcxIDkuNDM0NTUgMzguNTIxMSA4LjU4MTM2IDM4LjUyMTEgNy44MTgxMVYwLjE5NTMxMkg0MC45NjQ2VjEzLjMwOTZIMzcuNzM3N0wzMi4wMTE0IDMuMjEwOTRDMzIuMDY3NCAzLjcwMTEzIDMyLjEwNzggNC4xNDQ3OSAzMi4xMzI3IDQuNTQxODdDMzIuMTYzNyA0LjkzMjgyIDMyLjE3OTMgNS4yNzcxOCAzMi4xNzkzIDUuNTc1MDJaIiBmaWxsPSIjNEQ4OUUwIi8+DQo8cGF0aCBkPSJNNDkuOTYxOSAxMS4zMzYzQzUxLjYyNzggMTEuMzM2MyA1Mi43ODE2IDEwLjUwNDkgNTMuNDIyIDguODQxOTZMNTUuODE4NSA5Ljc0NDc1QzU1LjMwMjggMTEuMDEwNSA1NC41NDQxIDExLjk1MzcgNTMuNTQzMiAxMi41NzQyQzUyLjU0ODIgMTMuMTg4NSA1MS4zNTQ0IDEzLjQ5NTYgNDkuOTYxOSAxMy40OTU2QzQ4LjU1NjMgMTMuNDk1NiA0Ny4zNTk1IDEzLjIyODggNDYuMzcxMSAxMi42OTUyQzQ1LjM4MjcgMTIuMTU1NCA0NC42MjcxIDExLjM3NjYgNDQuMTA0OCAxMC4zNTkxQzQzLjU4ODggOS4zNDE0MyA0My4zMzA4IDguMTE5MTIgNDMuMzMwOCA2LjY5MTk2QzQzLjMzMDggNS4yNTI0NyA0My41Nzk1IDQuMDM2MyA0NC4wNzY5IDMuMDQzNUM0NC41NzQzIDIuMDUwNzYgNDUuMzA4MSAxLjI5NjgzIDQ2LjI3OCAwLjc4MTg3MkM0Ny4yNDc5IDAuMjYwNjYzIDQ4LjQzNTEgMCA0OS44NDA3IDBDNTEuMzgyNSAwIDUyLjYzODMgMC4zMTAyODIgNTMuNjA4MiAwLjkzMDc4OUM1NC41NzgyIDEuNTQ1MDQgNTUuMjU5MiAyLjQ1MDkzIDU1LjY1MDcgMy42NDg0Nkw1My4yMjU2IDQuMzA5MjlDNTMuMDIwOSAzLjY1MTYyIDUyLjYxNjggMy4xMzA0MSA1Mi4wMTM0IDIuNzQ1NjdDNTEuNDE2NSAyLjM1NDc5IDUwLjcxMSAyLjE1OTI5IDQ5Ljg5NjMgMi4xNTkyOUM0OC42NTMgMi4xNTkyOSA0Ny43MDgxIDIuNTQ0MDMgNDcuMDYxMSAzLjMxMzQ2QzQ2LjQyMDcgNC4wODI4MiA0Ni4xMDA3IDUuMjA4OTkgNDYuMTAwNyA2LjY5MTk2QzQ2LjEwMDcgNy42OTcxNSA0Ni4yNDcgOC41NDQxMyA0Ni41Mzg4IDkuMjMyODRDNDYuODM3MyA5LjkyMTYxIDQ3LjI3MjQgMTAuNDQ1OSA0Ny44NDQ4IDEwLjgwNThDNDguNDIzMiAxMS4xNTk1IDQ5LjEyODcgMTEuMzM2MyA0OS45NjE5IDExLjMzNjNaIiBmaWxsPSIjNEQ4OUUwIi8+DQo8cGF0aCBkPSJNNjguNjI5OCAxMS4xODc1VjEzLjMwOTZINTcuOTE0MVYwLjE5NTMxMkg2OC4yNDc4VjIuMzE3NDJINjAuNjY1N1Y1LjYxMjI1SDY3LjY3OVY3LjczNDM2SDYwLjY2NTdWMTEuMTg3NUg2OC42Mjk4WiIgZmlsbD0iIzREODlFMCIvPg0KPHBhdGggZD0iTTczLjY5MiA4LjMzMDA0VjEzLjMwOTZINzAuOTQwNFYwLjE5NTMxMkg3Ny41MDYxQzc5LjA3MjggMC4xOTUzMTIgODAuMjgyMSAwLjUzMzQ4IDgxLjEzMzkgMS4yMDk4MkM4MS45ODU2IDEuODc5OTYgODIuNDExOCAyLjg0NDg0IDgyLjQxMTggNC4xMDQ0N0M4Mi40MTE4IDUuMDIyNzcgODIuMTUwMyA1LjgxNzA1IDgxLjYyODEgNi40ODcxOUM4MS4xMDU4IDcuMTUxMTMgODAuNDAwMyA3LjU4ODU0IDc5LjUxMSA3Ljc5OTUzTDgzLjA2NDggMTMuMzA5Nkg3OS45NjgyTDc2LjkxODcgOC4zMzAwNEg3My42OTJaTTc5LjY0MTcgNC4yMTYxNkM3OS42NDE3IDMuNTg5NDQgNzkuNDM5OSAzLjExNzg0IDc5LjAzNTggMi44MDE0MUM3OC42MzE4IDIuNDg0OTMgNzguMDI1MyAyLjMyNjcyIDc3LjIxNzIgMi4zMjY3Mkg3My42OTJWNi4xOTg2NEg3Ny4yOTE4Qzc4LjA2MjMgNi4xOTg2NCA3OC42NDczIDYuMDI0ODggNzkuMDQ0OCA1LjY3NzQyQzc5LjQ0MjkgNS4zMjk5NiA3OS42NDE3IDQuODQyODcgNzkuNjQxNyA0LjIxNjE2WiIgZmlsbD0iIzREODlFMCIvPg0KPHBhdGggZD0iTTkwLjk2MTMgMi4zMTc0MlYxMy4zMDk2SDg4LjIwOTdWMi4zMTc0Mkg4My45NjY2VjAuMTk1MzEySDk1LjIxNDFWMi4zMTc0Mkg5MC45NjEzWiIgZmlsbD0iIzREODlFMCIvPg0KPHBhdGggZD0iTTEwNy43MDkgOS41MzA2N0MxMDcuNzA5IDEwLjgxNTEgMTA3LjIzIDExLjc5ODYgMTA2LjI3MyAxMi40ODExQzEwNS4zMjEgMTMuMTU3NCAxMDMuOTIyIDEzLjQ5NTYgMTAyLjA3NSAxMy40OTU2Qzk4Ljc0OSAxMy40OTU2IDk2LjgxMjcgMTIuMjk1IDk2LjI2NTQgOS44OTM2N0w5OC45MjMzIDkuNDU2MjFDOTkuMTAzNSAxMC4xNTEyIDk5LjQ1NTEgMTAuNjU2OSA5OS45Nzc0IDEwLjk3MzNDMTAwLjUgMTEuMjgzNiAxMDEuMjI0IDExLjQzODcgMTAyLjE1IDExLjQzODdDMTAzLjExNCAxMS40Mzg3IDEwMy44MzUgMTEuMjkyOSAxMDQuMzE0IDExLjAwMTNDMTA0Ljc5MiAxMC43MDk2IDEwNS4wMzIgMTAuMjcyMiAxMDUuMDMyIDkuNjg4OTRDMTA1LjAzMiA5LjMxNjY1IDEwNC45MjMgOS4wMDk0NiAxMDQuNzA2IDguNzY3NUMxMDQuNDg4IDguNTI1NTQgMTA0LjE3NyA4LjMyMzg1IDEwMy43NzMgOC4xNjI1NEMxMDMuNTc0IDguMDgxODkgMTAzLjI4MiA3Ljk5NDk4IDEwMi44OTYgNy45MDE5NEMxMDIuNTEgNy44MDI2NCAxMDIuMDMyIDcuNjk0MDUgMTAxLjQ2IDcuNTc2MTdDMTAwLjgwMSA3LjQyMTA2IDEwMC4yODUgNy4yOTA3MiA5OS45MTE3IDcuMTg1MjlDOTkuNTM4NyA3LjA3MzU0IDk5LjI0MDIgNi45NjgxMSA5OS4wMTY0IDYuODY4ODFDOTguNzkyNiA2Ljc2MzMyIDk4LjU3NTMgNi42NDg1NCA5OC4zNjQgNi41MjQ0NkM5Ny44OTcyIDYuMjQ1MjEgOTcuNTMzNyA1Ljg3MjkyIDk3LjI3MjMgNS40MDc1OEM5Ny4wMTE1IDQuOTQyMTkgOTYuODgwOCA0LjM2MjA3IDk2Ljg4MDggMy42NjcxQzk2Ljg4MDggMi40ODE5NiA5Ny4zMjU0IDEuNTc2MDcgOTguMjE0OCAwLjk0OTM3NEM5OS4xMTAxIDAuMzE2NDc4IDEwMC40MDkgMCAxMDIuMTEzIDBDMTAzLjc0MiAwIDEwNC45NjQgMC4yNTQ0MDkgMTA1Ljc3OCAwLjc2MzIyOEMxMDYuNTk4IDEuMjcyMDUgMTA3LjEyNyAyLjExMjc3IDEwNy4zNjQgMy4yODU1MkwxMDQuNjk2IDMuNjQ4NDZDMTA0LjU2IDMuMDgzODMgMTA0LjI4IDIuNjU4ODIgMTAzLjg1NyAyLjM3MzM3QzEwMy40NCAyLjA4Nzk5IDEwMi44NDEgMS45NDUyNyAxMDIuMDU3IDEuOTQ1MjdDMTAxLjIyNCAxLjk0NTI3IDEwMC41OTkgMi4wNzU1NCAxMDAuMTgyIDIuMzM2MTRDOTkuNzY1NSAyLjU5Njc1IDk5LjU1NzcgMi45ODc2OSA5OS41NTc3IDMuNTA4OUM5OS41NTc3IDMuODUwMTUgOTkuNjQ0MyA0LjEyOTM0IDk5LjgxODYgNC4zNDY1MkM5OS45OTg4IDQuNTYzNyAxMDAuMjYzIDQuNzQ5ODUgMTAwLjYxMSA0LjkwNDk2QzEwMC45NDEgNS4wNTM4NyAxMDEuNjQ3IDUuMjQzMTIgMTAyLjcyOCA1LjQ3Mjc1QzEwMy4zNTYgNS42MDkyMiAxMDMuODk3IDUuNzM5NTUgMTA0LjM1MSA1Ljg2MzYzQzEwNC44MDUgNS45ODE1MSAxMDUuMTY5IDYuMDk2MjkgMTA1LjQ0MiA2LjIwNzk4QzEwNS43MTYgNi4zMjU4NiAxMDUuOTU4IDYuNDUgMTA2LjE3IDYuNTgwMjdDMTA2LjM4NyA2LjcxMDYgMTA2LjU3NCA2Ljg1MDE3IDEwNi43MjkgNi45OTkwOUMxMDcuMDQ2IDcuMzAzMTcgMTA3LjI4OSA3LjY2NjExIDEwNy40NTcgOC4wODgwOEMxMDcuNjI1IDguNTAzOCAxMDcuNzA5IDguOTg0NjggMTA3LjcwOSA5LjUzMDY3WiIgZmlsbD0iIzREODlFMCIvPg0KPHBhdGggZD0iTTEyNy4xOTQgOC45NDQyOUMxMjcuMTk0IDEwLjMzNDIgMTI2Ljc1OSAxMS40NDE4IDEyNS44ODggMTIuMjY3QzEyNS4wMjQgMTMuMDg2MSAxMjMuODM3IDEzLjQ5NTYgMTIyLjMyNiAxMy40OTU2QzEyMS4wMDggMTMuNDk1NiAxMTkuOTUgMTMuMjAwOSAxMTkuMTU1IDEyLjYxMTRDMTE4LjM2NSAxMi4wMTU3IDExNy44NzcgMTEuMTU2MyAxMTcuNjkxIDEwLjAzMzJMMTIwLjMxMiA5LjgxOTE2QzEyMC40NDggMTAuMzc3NiAxMjAuNjkxIDEwLjc4NCAxMjEuMDM5IDExLjAzODRDMTIxLjM4NyAxMS4yOTI5IDEyMS44MjUgMTEuNDIgMTIyLjM1MyAxMS40MkMxMjMuMDA2IDExLjQyIDEyMy41MjYgMTEuMjEyMiAxMjMuOTExIDEwLjc5NjRDMTI0LjMwMyAxMC4zODA3IDEyNC40OTkgOS43ODE5MyAxMjQuNDk5IDkuMDAwMUMxMjQuNDk5IDguMzExMzkgMTI0LjMxNSA3Ljc2MjIzIDEyMy45NDggNy4zNTI3MUMxMjMuNTgyIDYuOTM2OTkgMTIzLjA2OSA2LjcyOTA5IDEyMi40MSA2LjcyOTA5QzEyMi4wNDkgNi43MjkwOSAxMjEuNzIgNi44MDA0NiAxMjEuNDIxIDYuOTQzMThDMTIxLjEyMyA3LjA3OTcxIDEyMC44NTggNy4yOTA2NCAxMjAuNjI4IDcuNTc2MDhIMTE4LjA3M0wxMTguNTMgMC4xOTUzMTJIMTI2LjQzVjIuMTQwNTVIMTIwLjkwOEwxMjAuNjk0IDUuNDUzOTlDMTIxLjMyOCA0Ljg5NTU1IDEyMi4xMjEgNC42MTYyOSAxMjMuMDcyIDQuNjE2MjlDMTIzLjkwNSA0LjYxNjI5IDEyNC42MjkgNC43OTMxNSAxMjUuMjQ1IDUuMTQ2ODZDMTI1Ljg2NyA1LjQ5NDMyIDEyNi4zNDUgNS45OTA3IDEyNi42ODEgNi42MzYwNUMxMjcuMDIzIDcuMjgxMzUgMTI3LjE5NCA4LjA1MDc4IDEyNy4xOTQgOC45NDQyOVoiIGZpbGw9IiM0RDg5RTAiLz4NCjxwYXRoIGQ9Ik0xMzcuODYgNi43NDc4M0MxMzcuODYgOC45NjI5NCAxMzcuNDc4IDEwLjY0MTMgMTM2LjcxNCAxMS43ODMxQzEzNS45NTUgMTIuOTI0OCAxMzQuODE0IDEzLjQ5NTYgMTMzLjI5MSAxMy40OTU2QzEzMS43ODYgMTMuNDk1NiAxMzAuNjU4IDEyLjkzNDEgMTI5LjkwNSAxMS44MTFDMTI5LjE1MyAxMC42ODE3IDEyOC43NzcgOC45OTM5NyAxMjguNzc3IDYuNzQ3ODNDMTI4Ljc3NyA0LjQ0NTgyIDEyOS4xMzUgMi43NDU2NyAxMjkuODUgMS42NDc0NEMxMzAuNTcxIDAuNTQ5MTQ2IDEzMS43NDIgMCAxMzMuMzY1IDBDMTM0LjkyIDAgMTM2LjA1OCAwLjU2MTU5NSAxMzYuNzc5IDEuNjg0NjdDMTM3LjUgMi44MDc3NCAxMzcuODYgNC40OTU0NCAxMzcuODYgNi43NDc4M1pNMTM1LjIzMSA2Ljc0NzgzQzEzNS4yMzEgNS41Njg4OSAxMzUuMTc4IDQuNjM4MTYgMTM1LjA3MiAzLjk1NTY1QzEzNC45NjYgMy4yNjY4OCAxMzQuNzc3IDIuNzc2NyAxMzQuNTAzIDIuNDg1MDZDMTM0LjIzIDIuMTkzNDIgMTMzLjg0NCAyLjA0NzY2IDEzMy4zNDcgMi4wNDc2NkMxMzIuODE4IDIuMDQ3NjYgMTMyLjQxMSAyLjE5NjU4IDEzMi4xMjUgMi40OTQ0MUMxMzEuODQ1IDIuNzg1OTkgMTMxLjY1MiAzLjI3NjE3IDEzMS41NDcgMy45NjQ5NEMxMzEuNDQ4IDQuNjQ3NDUgMTMxLjM5NyA1LjU3NTA4IDEzMS4zOTcgNi43NDc4M0MxMzEuMzk3IDcuOTIwNTIgMTMxLjQ1IDguODUxMjUgMTMxLjU1NiA5LjU0MDAyQzEzMS42NjggMTAuMjIyNSAxMzEuODYxIDEwLjcwOTYgMTMyLjEzNSAxMS4wMDEzQzEzMi40MTQgMTEuMjkyOSAxMzIuODA2IDExLjQzODcgMTMzLjMwOSAxMS40Mzg3QzEzNC4wNTUgMTEuNDM4NyAxMzQuNTYyIDExLjA3ODggMTM0LjgyOSAxMC4zNTkxQzEzNS4wOTcgOS42MzkyNiAxMzUuMjMxIDguNDM1NTQgMTM1LjIzMSA2Ljc0NzgzWiIgZmlsbD0iIzREODlFMCIvPg0KPC9zdmc+');
    display: block;
    width: 138px;
    height: 14px;
}

.main-menu-body {
    padding: 0 50px 50px;
    overflow: auto;
    height: calc(100% - 50px);
}

.main-menu-body .navbar-nav {
    list-style: none;
    padding: 21px 0 0;
    margin: 0;
}

.main-menu-body .nav-item-separator {
    height: 30px;
    line-height: 30px;
}

.main-menu-body .nav-link {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    display: inline-block;
    font-family: "system-ui", "Inter";
}

.main-menu-body .nav-link:hover {
    text-decoration: underline;
}

.main-menu-body .nav-link.text-gray {
    color: var(--c50-text-light);
}

.main-menu-body .language_block {
    position: relative;
    display: inline-block;
}

.menu-language-toggle {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    height: 40px;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    font-family: "system-ui", "Inter";
}

.menu-language-toggle .chevron {
    width: 16px;
    height: 16px;
    color: var(--c50-main);
    transition: transform 0.2s ease-in-out;
    margin-top: -2px;
}

.language_block.is-open .menu-language-toggle .chevron {
    transform: rotate(180deg);
}

.menu-language-list {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    min-width: 148px;
    margin: 4px 0 0;
    padding: 8px;
    list-style: none;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(32, 39, 51, 0.16);
}

.menu-language-list li {
    list-style: none;
}

.menu-language-list a {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.3;
    color: var(--c50-black);
    text-decoration: none;
    border-radius: 6px;
}

.menu-language-list a:hover,
.menu-language-list a.is-current {
    background: #d1e4ff;
}

.main-menu-body .header-auth {
    height: auto;
    display: block;
    position: relative;
    margin: 0 0 1px;
}

.main-menu-body .header-auth-btn {
    display: flex;
    align-items: center;
    min-width: 140px;
    margin: -1px 0 0;
    cursor: pointer;
}

.main-menu-body .header-auth--signin {
    display: none;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
}

.main-menu-body .header-auth--signin svg {
    margin-right: 10px;
    flex-shrink: 0;
}

.main-menu-body .header-auth--signin span {
    display: inline-block;
    font-size: 14px;
    margin: 0 10px;
    color: var(--c50-black);
}

.main-menu-body .header-auth--signin a {
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-family: "system-ui", "Inter";
}

.main-menu-body .header-auth--signin a:hover {
    text-decoration: underline;
}

.main-menu-body .header-auth--icon {
    display: none;
    position: relative;
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0;
    border: 1px solid #718797;
    border-radius: 50%;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: var(--c50-black);
}

.main-menu-body .header-auth--icon::after {
    content: "My Account";
    display: inline-block;
    position: absolute;
    left: 35px;
    top: 0;
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap;
    color: var(--c50-black);
}

.main-menu-body .header-menu-dropdown {
    display: none;
    position: static;
    opacity: 1;
    visibility: visible;
    z-index: 1;
    margin: 4px 0 0;
    padding: 0 0 4px 34px;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.main-menu-body .header-menu-dropdown--link {
    display: block;
    padding: 8px 0;
    font-size: 14px;
    color: var(--c50-main);
    text-decoration: none;
    cursor: pointer;
}

.main-menu-body .header-menu-dropdown--link:hover {
    color: var(--c50-black);
}

.main-menu-body .header-menu-dropdown hr {
    margin: 8px 0;
    border: 0;
    border-top: 1px solid var(--c50-lgray);
}

.main-menu-body .c50-social-links {
    display: flex;
    margin: 6.3px 0 -6.8px;
}

.main-menu-body .c50-social-links a {
    display: inline-block;
    height: 40px;
    line-height: 46px;
    margin-right: 15px;
    text-decoration: none;
}

.main-menu-body .c50-social-links img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    display: inline-block;
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
.site-footer {
    border-top: 1px solid var(--c50-border);
    padding: 40px 0;
    background-color: #fff;
}

.site-footer .container {
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

.site-footer .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.site-footer .footer-block {
    align-items: start;
    padding: 40px 15px;
    width: 100%;
    max-width: 1124px;
    height: 278px;
    column-gap: 16px;
    display: flex;
}

.site-footer .footer-block > div {
    height: auto;
}

.site-footer .footer-item-1 {width: 290px;display: flex;flex-direction: column;justify-content: space-between;align-self: stretch;}
.site-footer .footer-item-2 {width: 268px;}
.site-footer .footer-item-3 {width: 240px;}  

.site-footer .logo {
    text-transform: uppercase;
    color: var(--c50-main);
    font-size: 22px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
}

.site-footer .logo:hover {
    text-decoration: none;
}

.site-footer a {
    display: block;
    font-size: 14px;
    line-height: 25px;
    color: var(--c50-black);
    text-decoration: none;
}

.site-footer a:hover {
    text-decoration: underline;
}

.site-footer .footer-link a {
    display: inline-block;
    width: 20px;
    margin-right: 13.4px;
    text-decoration: none;
}

.site-footer .footer-link img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.site-footer .footer-copyright {
    font-size: 10px;
    color: var(--c50-copyright);
    display: block;
}

.site-footer .footer-terms a {
    color: var(--c50-copyright);
    line-height: 2.2;
}

.site-footer .footer-item-5 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.site-footer .footer-item-6 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding-bottom: 12px;
}

.site-footer .footer-item-7 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-self: end;
}

.overlay-do-not-sell {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    visibility: hidden;
    opacity: 0;
    z-index: 20;
}

.overlay-do-not-sell .popup {
    background: #fff;
    border-radius: 5px;
    width: 70%;
    max-width: 720px;
    position: relative;
    margin: 10% auto 0;
}

.overlay-do-not-sell .popup div:first-child {
    padding: 24px 30px;
    display: flex;
    justify-content: flex-end;
}

.overlay-do-not-sell .popup label {
    padding: 0 10px;
    color: #333;
    font-size: 16px;
    font-weight: 700;
}

.overlay-do-not-sell .popup [type="checkbox"] {
    height: 20px;
    width: 20px;
}

.overlay-do-not-sell .popup button {
    width: 50%;
    padding: 15px 0;
    border: 0;
    border-radius: 5px;
    margin-top: 24px;
    font-size: 16px;
}

.overlay-do-not-sell .popup button:last-child {
    margin-left: 5px;
    background-color: var(--c50-main);
    color: #fff;
}

.overlay-do-not-sell .popup .close {
    cursor: pointer;
    font-size: 21px;
    font-weight: 700;
    color: #333;
}

.overlay-do-not-sell .popup .content {
    padding: 20px 30px;
    overflow: auto;
    max-height: 250px;
}

.overlay-do-not-sell .popup .content p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.5;
}

.overlay-do-not-sell .popup hr {
    margin: 0;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media screen and (max-width: 1400px) {
    .site-header .header-container {
        padding: 0 30px;
    }
}

@media screen and (max-width: 1200px) {
    .site-header .header-container {
        padding: 0 15px 0 13px;
        max-width: 986px;
    }
}

@media screen and (max-width: 992px) {
    .site-header .header-container {
        padding: 0;
        max-width: 720px;
    }

    .site-footer {
        padding: 0;
        margin-top: 40px;
    }

    .main-menu-body .header-auth { 
        margin: 2px 0 0.5px;
    }
}

@media screen and (max-width: 768px) {
    :root {
        --site-header-height: 56px;
    }

    .site-header {
        box-shadow: none;
        background-color: transparent;
    }

    .site-header .header-container {
        max-width: 540px;
        padding: 0 12px;
    }

    .resale-disclaimer {
        font-size: 12px;
        padding: 8px 3px;
        top: 0;
        white-space: nowrap;
        left: 0;
        right: 0;
        text-align: center;
        width: 100%;
        transform: none;
        background-color: #f2f4fd;
    }

    .site-header-bar {
        background-color: #fff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
        height: 67px;
        padding: 30px 12px 0;
    }

    .site-header .header-menu {
        margin-left: 20px;
    }

    .site-header .logo {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .main-menu {
        width: 100%;
        right: -100%;
        max-width: 400px;
    }

    .site-footer a {
        line-height: 1.4;
        padding-bottom: 15px;
    }

    .site-footer .footer-block {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        height: auto;
        justify-content: initial;
    }

    .site-footer .footer-item-1,
    .site-footer .footer-item-2,
    .site-footer .footer-item-3,
    .site-footer .footer-item-4,
    .site-footer .footer-item-5,
    .site-footer .footer-item-6,
    .site-footer .footer-item-7 {
        grid-area: auto;
        align-self: auto;
    }

    .site-footer .footer-item-1 {
        order: 1;
        padding-bottom: 35px;
    }

    .site-footer .footer-item-2 {
        display: none;
    }

    .site-footer .footer-item-3 {
        order: 5;
        margin-top: 13px;
    }

    .site-footer .footer-item-4 {
        order: 8;
        margin-top: 48px;
        font-size: 14px;
    }

    .site-footer .footer-item-5 {
        padding: 9px 0 20px 0;
        order: 2;
        height: auto;
        margin: 0;
        max-width: none;
    }

    .site-footer .footer-item-6 {
        order: 4;
        height: auto;
        padding-bottom: 15px;
    }

    .site-footer .footer-item-7 {
        order: 6;
        height: auto;
        padding-top: 30px;
        margin-top: 15px;
    }

    .site-footer .footer-terms a {
        line-height: 1.2;
    }

    .overlay-do-not-sell .popup {
        width: 90%;
        margin-top: 8%;
    }
}

@media screen and (max-width: 576px) {
    .site-header .container {
        padding: 0;
        max-width: 100%;
    }

    .site-header-bar {
        padding: 30px 12.8px 0 11.7px;
    }
}