.account-page main{background:#fff;color:#000}
.account-page-shell{padding:calc(71.53 * var(--unit)) calc(60 * var(--unit)) calc(110 * var(--unit));min-height:calc(750 * var(--unit))}
.account-welcome{margin:0;width:calc(741 * var(--unit));height:calc(52 * var(--unit))}
.account-welcome img{width:100%;height:100%}
.account-page-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(18.8 * var(--unit));margin-top:calc(78 * var(--unit));align-items:end}
.account-page-nav a{position:relative;display:block;height:calc(40 * var(--unit))}
.account-page-nav img{position:absolute;width:100%;height:auto;bottom:0;transition:opacity .3s ease}
.account-nav-active{opacity:0}.account-page-nav a[aria-current=page] .account-nav-active,.account-page-nav a:hover .account-nav-active{opacity:1}
.account-page-nav a[aria-current=page] .account-nav-default,.account-page-nav a:hover .account-nav-default{opacity:0}
.profile-form{width:calc(1324.77 * var(--unit));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(10 * var(--unit));margin-top:calc(69.45 * var(--unit))}
.profile-column{display:flex;flex-direction:column;gap:calc(10 * var(--unit))}
.profile-field{position:relative;display:block;width:100%;height:calc(56.113 * var(--unit));background:#f5f5f7;border-radius:2px}
.profile-field input,.profile-field select{position:relative;z-index:1;width:100%;height:100%;border:0;outline:none;color:#000;background:transparent;padding:0 calc(25 * var(--unit));font:400 max(16px,calc(18 * var(--unit)))/1.3 Arial,sans-serif;border-radius:2px;color-scheme:light}
.profile-field img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transition:opacity .2s ease}
.profile-field input:focus+img,.profile-field input:not(:placeholder-shown)+img,.profile-field.has-value img{opacity:0}
.profile-field:focus-within{outline:1px solid #166874;outline-offset:2px}
.profile-field select{appearance:none;cursor:pointer;padding-right:calc(55 * var(--unit))}
.profile-field select option{color:#000;background:#fff}
.profile-field.has-value:has(select)::after{content:"";position:absolute;right:calc(24 * var(--unit));top:42%;width:calc(10 * var(--unit));height:calc(10 * var(--unit));border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg);pointer-events:none;z-index:2}
.profile-save,.account-catalog-link{position:relative;display:block;width:100%;height:calc(56.113 * var(--unit));border-radius:2px;overflow:hidden;background:#000}
.profile-save img,.account-catalog-link img{position:absolute;inset:0;width:100%;height:100%;transition:opacity .35s ease}
.button-hover{opacity:0}.profile-save:hover .button-hover,.profile-save:focus-visible .button-hover,.account-catalog-link:hover .button-hover,.account-catalog-link:focus-visible .button-hover{opacity:1}
.profile-feedback{grid-column:1/-1;margin:calc(10 * var(--unit)) 0 0;font-size:16px;line-height:1.5;color:#166874}
.profile-feedback:empty{display:none}
.orders-empty{display:block;width:calc(389 * var(--unit));height:calc(165 * var(--unit));margin:calc(65 * var(--unit)) auto 0}
.orders-catalog-link{margin-top:calc(65 * var(--unit))}
.loyalty-content{margin-top:calc(36 * var(--unit))}
.loyalty-status{display:block;width:100%;height:auto}
.loyalty-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(10 * var(--unit));margin-top:calc(25 * var(--unit))}
.loyalty-tiers img{display:block;width:100%;height:auto}
.loyalty-content .account-catalog-link{margin-top:calc(25 * var(--unit))}
.account-page-shell:has(.loyalty-content){padding-bottom:0;min-height:0}
.loyalty-faq{padding-top:calc(45 * var(--unit));padding-bottom:calc(90 * var(--unit));padding-left:calc(650 * var(--unit))}
.loyalty-faq .faq-manager{top:calc(45 * var(--unit))}
.loyalty-faq .faq-heading{margin-bottom:calc(25 * var(--unit))}
.loyalty-faq .faq-signature{left:calc(-25 * var(--unit));top:calc(224 * var(--unit));width:calc(532 * var(--unit));height:calc(205 * var(--unit))}
.loyalty-faq .faq-content{width:calc(730 * var(--unit))}
.loyalty-faq .faq-question{height:calc(66.2 * var(--unit))}
.loyalty-faq .faq-question>img{left:calc(8.44 * var(--unit));top:50%;transform:translateY(-50%)}
.loyalty-faq .faq-question{padding-right:calc(40 * var(--unit))}
@media(prefers-reduced-motion:reduce){.account-page-nav img,.profile-field img,.profile-save img,.account-catalog-link img{transition:none}}
