.account-button--anonymous:focus-visible,.account-button__trigger:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.account-button--open .account-button__trigger{background-color:var(--color-brand-blue);color:var(--color-brand-yellow)}.account-button__dropdown{top:calc(100% + var(--spacing-8));z-index:30;background-color:var(--color-brand-light-blue-light);border-radius:var(--border-radius-md);flex-direction:column;width:280px;display:none;position:absolute;right:0;overflow:hidden;box-shadow:0 0 16px #00000026}.account-button--open .account-button__dropdown{display:flex}@media not all and (min-width:1360px){.account-button__dropdown{-webkit-overflow-scrolling:touch;width:auto;box-shadow:none;border-radius:0;position:fixed;inset:0;overflow-y:auto}}.account-button__close{display:none}@media not all and (min-width:1360px){.account-button__close{top:var(--spacing-20);right:var(--spacing-16);z-index:2;width:32px;height:32px;color:var(--color-white);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.account-button__close:focus-visible{outline:2px solid var(--color-white);outline-offset:2px;border-radius:2px}}.account-button__header{padding:18px var(--spacing-16);background-color:var(--color-brand-blue);color:var(--color-white)}@media not all and (min-width:1360px){.account-button__header{padding:var(--spacing-28) var(--spacing-16)}}.account-button__avatar{background-color:var(--color-brand-yellow);border-radius:var(--border-radius-sm);width:30px;height:28px;color:var(--color-brand-dark-blue);flex-shrink:0;justify-content:center;align-items:center;display:flex}.account-button__avatar .icon-svg{width:18px;height:18px}@media not all and (min-width:1360px){.account-button__avatar{border-radius:var(--border-radius-lg);width:64px;height:64px}.account-button__avatar .icon-svg{width:36px;height:36px}}.account-button__greeting{font-family:var(--font-family-title);font-size:var(--font-size-body);color:var(--color-white);overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.1}@media not all and (min-width:1360px){.account-button__greeting{font-size:var(--font-size-body-md);line-height:1.5}}.account-button__profile-link{font-family:var(--font-family-title);font-size:var(--font-size-body-sm-mobile);color:var(--color-white);font-weight:400;line-height:1.5;text-decoration:underline}@media not all and (min-width:1360px){.account-button__profile-link{font-size:var(--font-size-body-sm)}}.account-button__profile-link:focus-visible{outline:2px solid var(--color-white);outline-offset:2px;border-radius:2px}.account-button__card{display:none}@media not all and (min-width:1360px){.account-button__card{gap:var(--spacing-12);padding:var(--spacing-12) var(--spacing-16);background-color:var(--color-white);border-radius:var(--border-radius-md);color:var(--color-brand-dark-blue);flex-direction:column;display:flex;box-shadow:0 0 16px #00000026}.account-button__card[hidden]{display:none}.account-button__card--voucher{flex-direction:row;align-items:center}.account-button__card-main{align-items:center;gap:var(--spacing-16);display:flex}.account-button__card-icon{color:var(--color-brand-blue);flex-shrink:0;justify-content:center;align-items:center;display:flex}.account-button__card-icon .icon-svg{width:100%;height:100%}.account-button__card-text{gap:var(--spacing-4);flex-direction:column;flex:auto;min-width:0;display:flex}.account-button__card-title{font-family:var(--font-family-title);font-size:var(--font-size-body);color:var(--color-brand-blue);margin:0;font-weight:400;line-height:1.5}.account-button__card-title strong{font-weight:700}.account-button__card-subtitle{font-family:var(--font-family-title);font-size:var(--font-size-body-sm-mobile);color:var(--color-grey-700);margin:0;font-weight:400;line-height:1.5}.account-button__card-subtitle strong{font-weight:700}.account-button__card-divider{background-color:var(--color-brand-light-blue);height:1px}.account-button__card-footer{font-family:var(--font-family-title);font-size:var(--font-size-body-sm-mobile);color:var(--color-grey-600);margin:0;font-weight:400;line-height:1.5}.account-button__card-footer strong{font-weight:700}}.account-button__body{gap:var(--spacing-12);padding:var(--spacing-16);background-color:var(--color-brand-light-blue-light)}@media not all and (min-width:1360px){.account-button__body{gap:var(--spacing-24);padding:var(--spacing-24) var(--spacing-16)}}.account-button__app-group{display:none}@media not all and (min-width:1360px){.account-button__app-group{gap:var(--spacing-16);flex-direction:column;display:flex}}.account-button__menu{gap:var(--spacing-12)}.account-button__menu-item{font-family:var(--font-family-title);font-size:var(--font-size-body-sm);color:var(--color-brand-dark-blue);white-space:nowrap;text-overflow:ellipsis;font-weight:400;line-height:1.5;text-decoration:none;overflow:hidden}@media(hover:hover){.account-button__menu-item:hover{text-decoration:underline}}.account-button__menu-item:focus-visible{outline:2px solid var(--color-brand-dark-blue);outline-offset:2px;border-radius:2px}@media not all and (min-width:1360px){.account-button__menu{gap:0}.account-button__menu-item{padding:var(--spacing-12) 0;font-size:var(--font-size-body);border-bottom:1px solid var(--color-brand-light-blue);font-weight:600}.account-button__menu-item:last-child{border-bottom:0}}.account-button__qr{display:none}@media not all and (min-width:1360px){.account-button__qr{align-items:center;gap:var(--spacing-24);padding:var(--spacing-12) var(--spacing-20);background-color:var(--color-brand-light-blue-medium);border-radius:var(--border-radius-sm);color:var(--color-brand-dark-blue);cursor:pointer;border:0;display:flex}.account-button__qr-label{font-family:var(--font-family-title);font-size:var(--font-size-body-sm);font-weight:600;line-height:1.5}}.account-button__app-banner,.account-button__app-logo{display:none}@media not all and (min-width:1360px){.account-button__app-banner{align-items:center;gap:var(--spacing-20);height:56px;padding:0 var(--spacing-10);background-color:var(--color-brand-blue-deep);border-radius:var(--border-radius-md);color:var(--color-white);text-decoration:none;display:flex;position:relative;overflow:hidden}.account-button__app-banner:before{content:"";pointer-events:none;bottom:var(--spacing-0,var(--spacing-0));left:var(--spacing-0,var(--spacing-0));background:var(--color-brand-yellow);clip-path:polygon(75% 0,0 0,0 110%);z-index:0;width:100px;height:100%;position:absolute}.account-button__app-logo{z-index:1;border-radius:var(--border-radius-sm);-o-object-fit:cover;object-fit:cover;flex-shrink:0;width:42px;height:42px;display:block;position:relative}.account-button__app-banner-text{z-index:1;min-width:0;font-family:var(--font-family-title);flex-direction:column;flex:auto;gap:2px;display:flex;position:relative}.account-button__app-banner-title{font-size:var(--font-size-body-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.5;overflow:hidden}.account-button__app-banner-subtitle{font-size:var(--font-size-body-sm-mobile);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.account-button__app-banner .icon-svg{z-index:1;flex-shrink:0;position:relative}}.account-button__logout{padding-top:var(--spacing-12);border-top:1px solid var(--color-brand-light-blue);margin:0}.account-button__logout-btn{color:var(--color-brand-dark-blue);font-family:var(--font-family-title);font-size:var(--font-size-body-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:400;line-height:1.5;text-decoration:underline;display:inline-flex}@media not all and (min-width:1360px){.account-button__logout-btn{font-size:var(--font-size-body);font-weight:600}}.account-button__logout-btn:focus-visible{outline:2px solid var(--color-brand-dark-blue);outline-offset:2px;border-radius:2px}.account-button__qr-screen{background-color:var(--color-brand-light-blue-medium);color:var(--color-brand-dark-blue);display:none}@media not all and (min-width:1360px){.account-button--qr-open .account-button__header,.account-button--qr-open .account-button__body,.account-button--qr-open .account-button__close{display:none}.account-button--qr-open .account-button__qr-screen{min-height:100%;display:flex}}.account-button__qr-back{width:32px;height:32px;color:var(--color-brand-dark-blue);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.account-button__qr-back:focus-visible{outline:2px solid var(--color-brand-dark-blue);outline-offset:2px;border-radius:2px}.account-button__qr-title{font-family:var(--font-family-title);font-size:var(--font-size-h3-mobile);color:var(--color-brand-dark-blue);margin:0;font-weight:600;line-height:1.5}.account-button__qr-card{background-color:var(--color-white);border-radius:var(--border-radius-md);width:100%;color:var(--color-graphic);box-shadow:0 0 16px #00000026}.account-button__qr-image{width:160px;height:160px}.account-button__qr-image svg{width:100%;height:100%;display:block}.account-button__qr-name{font-family:var(--font-family-title);text-align:center;margin:0;font-size:18px;font-weight:600;line-height:1.5}.account-button__qr-fid{font-family:var(--font-family-title);font-size:var(--font-size-body);text-align:center;margin:0;font-weight:400;line-height:1.5}.account-button__qr-blurb{font-family:var(--font-family-title);font-size:var(--font-size-body);margin:0;line-height:1.5}.account-button__qr-spent{font-family:var(--font-family-title);line-height:1.5}.account-button__qr-spent span{font-size:var(--font-size-body);font-weight:400}.account-button__qr-spent strong{font-size:32px;font-weight:700}.account-button__qr-disclaimer{padding-top:var(--spacing-24);margin-top:auto}.account-button__qr-disclaimer p{font-family:var(--font-family-title);font-size:var(--font-size-body-sm);margin:0;font-weight:400;line-height:1.5}