*, *::before, *::after {box-sizing: border-box; } html, body {max-width: 100%; overflow-x: clip; } html {scroll-behavior: smooth; scrollbar-gutter: stable; background-color: var(--oo-bg); } @view-transition {navigation: auto; } ::view-transition {background-color: var(--oo-bg); } ::view-transition-old(*), ::view-transition-new(*) {animation: none !important; } ::view-transition-group(*) {animation: none !important; } .ps-header-bg {background-color: #0f081e; background-image: linear-gradient(to bottom, rgba(15,8,30,0.55) 0%, rgba(15,8,30,0.85) 100%), url('/images/iStock-1173451503.jpg'); background-size: 100% 100%, cover; background-position: center, center bottom; background-repeat: no-repeat, no-repeat; } .ps-header-bg-nav {background-image: linear-gradient(to bottom, rgba(15,8,30,0.85) 0%, rgba(15,8,30,0.92) 100%), url('/images/iStock-1173451503.jpg'); } @media (max-width: 767.98px) {.ps-desktop-only {display: none !important; } }@media (min-width: 768px) {.ps-mobile-only {display: none !important; } }img {max-width: 100%; height: auto; } .popover.ps-source-popover {--bs-popover-bg: #5a5969; --bs-popover-border-color: rgba(255,255,255,0.12); --bs-popover-body-color: #ffffff; --bs-popover-body-padding-x: 0; --bs-popover-body-padding-y: 4px; --bs-popover-max-width: 380px; box-shadow: 0 12px 32px rgba(0,0,0,0.6); } .popover.ps-source-popover a:hover {background-color: rgba(255,255,255,0.06); } @media (hover: hover) {.ps-share-btn {opacity: 0; transition: opacity 200ms; } .ps-card:hover .ps-share-btn, .ps-share-btn:focus, .ps-share-btn:hover {opacity: 1; } .ps-list-share-btn {opacity: 0.4; transition: opacity 200ms; } .ps-list-share-btn:hover, .ps-list-share-btn:focus {opacity: 1; } }.na-back-to-top {position: fixed; right: 24.0px; bottom: 24.0px; width: 48.0px; height: 48.0px; border-radius: 50.0px; background-color: var(--oo-bg-elevated); border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: var(--oo-border); border-width: 1px; color: var(--oo-text); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 150; opacity: 0; pointer-events: none; transition: opacity 200ms ease, transform 150ms ease; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .na-back-to-top.visible {opacity: 0.85; pointer-events: auto; } .na-back-to-top.visible:hover, .na-back-to-top.visible:focus {opacity: 1; transform: translateY(-2px); outline: none; } @media (max-width: 767.98px) {.na-back-to-top {bottom: 76.0px; } }.na-bottom-sheet {position: fixed; top: 0.0px; left: 0.0px; right: 0.0px; bottom: 0.0px; z-index: 99; pointer-events: none; } .na-bottom-sheet-backdrop {position: absolute; top: 0.0px; left: 0.0px; right: 0.0px; bottom: 0.0px; background-color: rgba(0,0,0,0.5); opacity: 0; transition: opacity 250ms ease; pointer-events: none; } .na-bottom-sheet-panel {position: absolute; left: 0.0px; right: 0.0px; bottom: 60.0px; background-color: var(--oo-bg-surface); border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: var(--oo-border); border-width: 1px; border-bottom: none; border-top-left-radius: 16px; border-top-right-radius: 16px; transform: translateY(calc(100% + 60px)); transition: transform 320ms cubic-bezier(0.32,0.72,0,1); max-height: 70vh; display: flex; flex-direction: column; box-shadow: 0 -8px 24px rgba(0,0,0,0.3); pointer-events: none; } .na-bottom-sheet.open .na-bottom-sheet-backdrop {opacity: 1; pointer-events: auto; } .na-bottom-sheet.open .na-bottom-sheet-panel {transform: translateY(0); pointer-events: auto; } .na-bottom-sheet-header {display: flex; align-items: center; justify-content: space-between; padding-top: 16.0px; padding-right: 20.0px; padding-bottom: 12.0px; padding-left: 20.0px; border-bottom-style: solid; border-bottom-color: var(--oo-border); border-bottom-width: 1px; } .na-bottom-sheet-title {font-size: 16px; font-weight: 600; color: var(--oo-text); } .na-bottom-sheet-close {display: flex; align-items: center; justify-content: center; width: 32.0px; height: 32.0px; border-radius: 50.0px; color: var(--oo-text-muted); cursor: pointer; transition: background-color 150ms ease, color 150ms ease; } .na-bottom-sheet-close:hover {background-color: var(--oo-bg-elevated); color: var(--oo-text); } .na-bottom-sheet-body {padding-top: 8.0px; padding-right: 12.0px; padding-bottom: 16.0px; padding-left: 12.0px; overflow: hidden; overflow-y: auto; } .na-bottom-sheet-viewport {position: relative; overflow: hidden; flex: 1; min-height: 60vh; padding-top: 0.0px; padding-right: 0.0px; padding-bottom: 0.0px; padding-left: 0.0px; } .na-bottom-sheet-view {position: absolute; top: 0.0px; left: 0.0px; right: 0.0px; bottom: 0.0px; background-color: var(--oo-bg-surface); transform: translateX(0); transition: transform 280ms cubic-bezier(0.32,0.72,0,1), opacity 280ms ease; overflow-y: auto; padding-top: 8.0px; padding-right: 12.0px; padding-bottom: 16.0px; padding-left: 12.0px; } .na-bottom-sheet-subview {transform: translateX(100%); } .na-bottom-sheet-subview.active {transform: translateX(0); } .na-bottom-sheet-categories.shifted {transform: translateX(-30%); opacity: 0.5; } .na-bottom-sheet-row {display: flex; align-items: stretch; border-radius: 8.0px; overflow: hidden; } .na-bottom-sheet-row-label {display: block; padding-top: 14.0px; padding-right: 16.0px; padding-bottom: 14.0px; padding-left: 16.0px; color: var(--oo-text); text-decoration: none; font-size: 15px; font-weight: 500; flex: 1; transition: background-color 120ms ease; } .na-bottom-sheet-row-label:hover, .na-bottom-sheet-row-label:focus {background-color: var(--oo-bg-elevated); outline: none; } .na-bottom-sheet-row-drill {display: flex; align-items: center; justify-content: center; width: 48.0px; color: var(--oo-text-muted); cursor: pointer; flex-shrink: 0; transition: background-color 120ms ease, color 120ms ease; } .na-bottom-sheet-row-drill:hover, .na-bottom-sheet-row-drill:focus {background-color: var(--oo-bg-elevated); color: var(--oo-text); outline: none; } .na-bottom-sheet-subheader {display: flex; align-items: center; gap: 4px; padding-top: 0.0px; padding-right: 4.0px; padding-bottom: 8.0px; padding-left: 0.0px; } .na-bottom-sheet-back {display: flex; align-items: center; justify-content: center; width: 36.0px; height: 36.0px; border-radius: 50.0px; color: var(--oo-text-muted); cursor: pointer; transition: background-color 120ms ease, color 120ms ease; } .na-bottom-sheet-back:hover, .na-bottom-sheet-back:focus {background-color: var(--oo-bg-elevated); color: var(--oo-text); outline: none; } .na-bottom-sheet-subtitle {color: var(--oo-text); text-decoration: none; font-size: 16px; font-weight: 600; padding-top: 8.0px; padding-right: 12.0px; padding-bottom: 8.0px; padding-left: 12.0px; border-radius: 6.0px; transition: background-color 120ms ease; } .na-bottom-sheet-subtitle:hover, .na-bottom-sheet-subtitle:focus {background-color: var(--oo-bg-elevated); outline: none; } .na-bottom-sheet-category {display: block; padding-top: 14.0px; padding-right: 16.0px; padding-bottom: 14.0px; padding-left: 16.0px; color: var(--oo-text); text-decoration: none; border-radius: 8.0px; font-size: 15px; font-weight: 500; transition: background-color 120ms ease; } .na-bottom-sheet-category:hover, .na-bottom-sheet-category:focus {background-color: var(--oo-bg-elevated); outline: none; } .na-bottom-sheet-search-form {display: flex; flex: 1; position: relative; padding-top: 8.0px; padding-right: 8.0px; padding-bottom: 8.0px; padding-left: 8.0px; } .ps-mini-logo {opacity: 0; pointer-events: none; transition: opacity 200ms ease; } .ps-nav.ps-stuck .ps-mini-logo {opacity: 1; pointer-events: auto; } .ps-nav.ps-stuck {background-color: #0f081e; background-image: linear-gradient(to bottom, rgba(15,8,30,0.78) 0%, rgba(15,8,30,0.9) 100%), url('/images/iStock-1173451503.jpg'); background-size: 100% 100%, cover; background-position: center, center bottom; background-repeat: no-repeat, no-repeat; background-attachment: scroll, fixed; } .ps-nav-link {color: var(--oo-text-muted); text-decoration: none; font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; padding-top: 16.0px; padding-right: 18.0px; padding-bottom: 16.0px; padding-left: 18.0px; border-bottom-style: solid; border-bottom-color: transparent; border-bottom-width: 2px; margin-bottom: -1px; transition: color 0.15s ease, border-bottom-color 0.15s ease; } .ps-nav-link:hover {color: var(--oo-text); } .ps-nav-link.active {color: var(--oo-brand); border-bottom-color: var(--oo-brand); } .ps-more-toggle .fa, .ps-more-toggle svg {transition: transform 150ms ease; } .ps-more.open .ps-more-toggle .fa, .ps-more.open .ps-more-toggle svg {transform: rotate(180deg); } .ps-more-dropdown {position: absolute; top: 100%; right: 0.0px; min-width: 220.0px; background-color: var(--oo-bg-surface); border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: var(--oo-border); border-width: 1px; border-radius: 6.0px; padding-top: 6.0px; padding-right: 0.0px; padding-bottom: 6.0px; padding-left: 0.0px; box-shadow: 0 8px 20px rgba(0,0,0,0.4); opacity: 0; transform: translateY(-4px); pointer-events: none; transition: opacity 150ms ease, transform 150ms ease; z-index: 200; } .ps-more.open .ps-more-dropdown {opacity: 1; transform: translateY(0); pointer-events: auto; } .ps-more-item {display: block; padding-top: 9.0px; padding-right: 18.0px; padding-bottom: 9.0px; padding-left: 18.0px; color: var(--oo-text-muted); text-decoration: none; font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; transition: color 0.15s ease, background-color 0.15s ease; } .ps-more-item:hover {color: var(--oo-text); background-color: rgba(255,255,255,0.05); } .ps-more-item.active {color: var(--oo-brand); } .ps-more:has(.ps-more-item.active:not(.ps-show-below-xl):not(.ps-show-below-lg)) > .ps-subnav-link.ps-more-toggle {background-color: var(--oo-brand); color: #ffffff; border-color: var(--oo-brand); } .ps-show-below-xl {display: none; } .ps-show-below-lg {display: none; } @media (max-width: 1299.98px) {.ps-nav-link {padding-top: 14.0px; padding-right: 10.0px; padding-bottom: 14.0px; padding-left: 10.0px; letter-spacing: 0.5px; } .ps-nav {gap: 2px; } .ps-hide-below-xl {display: none !important; } .ps-show-below-xl {display: block; } .ps-more:has(.ps-show-below-xl.active) > .ps-nav-link.ps-more-toggle {color: var(--oo-brand); border-bottom-color: var(--oo-brand); } .ps-more:has(.ps-show-below-xl.active) > .ps-subnav-link.ps-more-toggle {background-color: var(--oo-brand); color: #ffffff; border-color: var(--oo-brand); } }@media (max-width: 991.98px) {.ps-nav-link {padding-top: 14.0px; padding-right: 8.0px; padding-bottom: 14.0px; padding-left: 8.0px; letter-spacing: 0; } .ps-hide-below-lg {display: none !important; } .ps-show-below-lg {display: block; } .ps-more:has(.ps-show-below-lg.active) > .ps-nav-link.ps-more-toggle {color: var(--oo-brand); border-bottom-color: var(--oo-brand); } .ps-more:has(.ps-show-below-lg.active) > .ps-subnav-link.ps-more-toggle {background-color: var(--oo-brand); color: #ffffff; border-color: var(--oo-brand); } }.ps-subnav {display: flex; justify-content: center; gap: 6px; padding-top: 10.0px; padding-right: 16.0px; padding-bottom: 10.0px; padding-left: 16.0px; background-color: var(--oo-bg); border-bottom-style: solid; border-bottom-color: var(--oo-border); border-bottom-width: 1px; position: sticky; top: 52.0px; z-index: 50; } .ps-subnav-link {color: var(--oo-text-muted); background-color: var(--oo-bg-surface); border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: var(--oo-border); border-width: 1px; text-decoration: none; padding-top: 6.0px; padding-right: 14.0px; padding-bottom: 6.0px; padding-left: 14.0px; border-radius: 999px; font-size: 13px; white-space: nowrap; flex-shrink: 0; transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease; } .ps-subnav-link:hover {color: var(--oo-text); border-color: var(--oo-text-muted); } .ps-subnav-link.active {background-color: var(--oo-brand); color: #ffffff; border-color: var(--oo-brand); } .ps-search-toggle {transition: background-color 0.15s ease, color 0.15s ease; } .ps-search-toggle:hover {background-color: var(--oo-bg); } .ps-search-toggle.active {color: var(--oo-brand); background-color: var(--oo-bg); } .ps-search-panel {position: sticky; top: 52.0px; z-index: 99; height: 0.0px; } .ps-search-panel-inner {position: absolute; top: 0.0px; left: 0.0px; right: 0.0px; display: flex; align-items: center; gap: 12px; padding-top: 0.0px; padding-right: 24.0px; padding-bottom: 0.0px; padding-left: 24.0px; background-color: var(--oo-bg-surface); border-bottom-style: solid; border-bottom-color: var(--oo-border); border-bottom-width: 0; max-height: 0.0px; overflow: hidden; transition: max-height 0.25s ease, padding 0.25s ease, border-bottom-width 0.25s ease; } .ps-search-panel-inner > form {max-width: 800.0px; margin: 0 auto; width: 100%; } .ps-header.search-open .ps-search-panel-inner {max-height: 56.0px; padding-top: 16.0px; padding-right: 24.0px; padding-bottom: 16.0px; padding-left: 24.0px; border-bottom-width: 1.0px; } .na-search-input {flex: 1; background-color: var(--oo-bg); border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: var(--oo-border); border-width: 1px; color: var(--oo-text); padding-top: 6.0px; padding-right: 14.0px; padding-bottom: 6.0px; padding-left: 38.0px; border-radius: 6.0px; font-size: 14px; outline-style: none; width: 100%; } .na-search-input:focus {border-color: var(--oo-brand); } .na-search-input::placeholder {color: var(--oo-text-muted); } .na-search-input-icon {position: absolute; left: 12.0px; top: 50%; transform: translateY(-50%); color: var(--oo-text-muted); pointer-events: none; }