html,body{margin:0;padding:0}.main{min-width:0;min-height:100dvh;display:flex;flex-direction:column;padding-left:88px;transition:padding-left 200ms ease}.main>.content{flex:1 0 auto;min-height:0;background-color:#f5f5f5}@media(min-width: 360px)and (max-width: 767px){.sidebar{z-index:1200;transform:translateX(-110%)}.sidebar.expanded{display:block;transform:translateX(0)}.sidebar.collapsed{display:none;transform:translateX(-110%)}.main{padding-left:0}.main.sidebar-open::after{content:"";position:fixed;inset:0;z-index:1100}}@media(min-width: 1024px){.sidebar.expanded~.main,#main-content:not(.sidebar-collapsed){padding-left:310px}.sidebar.collapsed~.main,#main-content.sidebar-collapsed,.main.sidebar-collapsed{padding-left:88px}}i.icon{width:32px;height:32px}i.icon.small{width:24px;height:24px}i.icon.medium{width:32px;height:32px}i.icon.large{width:40px;height:40px}i.icon.xlarge{width:48px;height:48px}i.icon:is(i){background-color:var(--swatches-on-base)}i.icon:is(svg){color:var(--swatches-on-base)}i.icon.primary:is(i){background-color:var(--swatches-primary-default)}i.icon.primary:is(svg){color:var(--swatches-primary-default)}i.icon.secondary:is(i){background-color:var(--swatches-secondary-default)}i.icon.secondary:is(svg){color:var(--swatches-secondary-default)}i.icon.tertiary:is(i){background-color:var(--swatches-tertiary-hover)}i.icon.tertiary:is(svg){color:var(--swatches-tertiary-hover)}i.icon.quaternary:is(i){background-color:var(--swatches-quaternary-default)}i.icon.quaternary:is(svg){color:var(--swatches-quaternary-default)}i.icon.success:is(i){background-color:var(--swatches-success-default)}i.icon.success:is(svg){color:var(--swatches-success-default)}i.icon.warning:is(i){background-color:var(--swatches-warning-default)}i.icon.warning:is(svg){color:var(--swatches-warning-default)}i.icon.error:is(i){background-color:var(--swatches-error-default)}i.icon.error:is(svg){color:var(--swatches-error-default)}i.icon.neutral:is(i){background-color:var(--neutral-0)}i.icon.neutral:is(svg){color:var(--neutral-0)}i.icon.neutral-900:is(i){background-color:var(--neutral-900)}i.icon.neutral-900:is(svg){color:var(--neutral-900)}svg.icon{color:var(--swatches-on-base)}svg.icon.primary{color:var(--swatches-primary-default)}svg.icon.secondary{color:var(--swatches-secondary-default)}svg.icon.tertiary{color:var(--swatches-tertiary-hover)}svg.icon.quaternary{color:var(--swatches-quaternary-default)}svg.icon.success{color:var(--swatches-success-default)}svg.icon.warning{color:var(--swatches-warning-default)}svg.icon.error{color:var(--swatches-error-default)}svg.icon.neutral{color:var(--neutral-0)}svg.icon.neutral-900{color:var(--neutral-900)}main{padding-top:88px;min-height:calc(100dvh - 88px)}main .container-fluid{display:flex;align-items:center;justify-content:center;padding:0 24px;min-height:calc(100dvh - 176px)}@media(max-width: 768px){main .container-fluid{align-items:baseline;padding:16px 24px}}.card{max-width:440px;width:100%;min-width:240px;background-color:var(--swatches-surface);border:solid 1px var(--swatches-border);gap:24px;padding:24px;border-radius:16px}.card h5{color:var(--swatches-on-surface-neutral)}.card p{color:var(--swatches-on-surface-neutral)}@media(max-width: 1023px){.card{background-color:rgba(0,0,0,0);border:0 !important;padding:0;margin:0;gap:16px}}.card nav{display:flex;justify-content:center;align-items:center;gap:8px;max-width:440px;width:100%;margin:auto}@media(max-width: 1023px){.card nav{position:fixed;max-width:100%;left:0;bottom:0;padding:12px 20px 20px;background-color:var(--swatches-background)}}.card nav .btn{flex-grow:1;max-width:50%;text-decoration:none}.card nav:has(.btn:only-child) .btn{flex-grow:1;max-width:100%;width:100%}.card{display:flex;border:1px solid var(--swatches-border-base-alt)}.card.card-vertical{flex-direction:column;width:fit-content;min-height:466px;display:flex}.card.card-vertical .card-img{width:100%;position:relative;display:flex}.card.card-vertical .card-img img{width:100%}.card.card-vertical .card-header{gap:8px;display:flex;flex-direction:column}.card.card-vertical .card-checkbox{width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:absolute;top:10px;left:10px}.card.card-vertical .card-container{display:flex;flex-direction:column;padding:24px;gap:16px;height:100%}.card.card-vertical .card-container .card-content .card-placeholder{display:flex;justify-content:center;align-items:center;height:56px;padding:0 16px;gap:10px;align-self:stretch;font-family:var(--font-body);border-radius:8px;background-color:var(--swatches-surface-alt);color:var(--swatches-on-surface-neutral-alt);font-weight:400;line-height:130%}.card.card-vertical .card-container .card-buttons{display:flex;width:100%;gap:16px;align-self:stretch;flex-wrap:wrap;margin-top:auto}.card.card-vertical .card-container .card-buttons .btn{width:100%}@media(min-width: 360px)and (max-width: 767px){.card.card-vertical .card-container .card-buttons{gap:8px}}@media(min-width: 768px)and (max-width: 1023px){.card.card-vertical .card-container .card-buttons{gap:8px}}.card.card-horizontal{flex-direction:row;height:fit-content;display:flex;gap:24px}.card.card-horizontal .card-img{position:relative;display:flex;flex-shrink:0}.card.card-horizontal .card-header{gap:4px;display:flex;flex-direction:column}.card.card-horizontal .card-checkbox{width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:absolute;top:10px;left:10px}.card.card-horizontal .card-container{flex:1;min-width:0;position:relative;padding:16px;gap:16px;display:flex;flex-direction:column;overflow:hidden}.card.card-horizontal .card-container .card-content .card-placeholder{display:flex;justify-content:center;align-items:center;height:72px;padding:0 16px;gap:10px;align-self:stretch;font-family:var(--font-body);border-radius:8px;background-color:var(--swatches-surface-alt);color:var(--swatches-on-surface-neutral-alt);font-weight:400;line-height:130%}.card.card-horizontal .card-container .card-buttons{box-sizing:border-box;display:flex;flex-direction:row;justify-content:start;align-items:center;margin-top:auto;gap:16px}@media(min-width: 360px)and (max-width: 767px){.card.card-horizontal .card-container .card-buttons{gap:8px}}@media(min-width: 768px)and (max-width: 1023px){.card.card-horizontal .card-container .card-buttons{gap:8px}}@media(min-width: 360px)and (max-width: 767px){.card.card-horizontal{flex-direction:column}.card.card-horizontal .card-img{width:100%}.card.card-horizontal .card-img img{width:100%}}@media(min-width: 768px)and (max-width: 1023px){.card.card-horizontal{flex-direction:column}.card.card-horizontal .card-img{width:100%}.card.card-horizontal .card-img img{width:100%}}.card.disabled{opacity:.5;cursor:not-allowed}.card .card-title{font-size:24px;color:var(--swatches-on-surface-neutral);font-family:var(--font-title);line-height:100%;font-weight:600;align-self:stretch}@media(min-width: 360px)and (max-width: 767px){.card .card-title{font-size:18px}}@media(min-width: 768px)and (max-width: 1023px){.card .card-title{font-size:20px}}.custom-link{display:flex;align-items:center;font-family:var(--font-body);color:var(--swatches-on-base);font-weight:600;cursor:pointer;text-decoration:none}.custom-link>i.icon{background-color:var(--swatches-on-base)}.custom-link>svg.icon{color:var(--swatches-on-base)}.custom-link:hover{text-decoration:underline}.custom-link:active{background-color:rgba(0,0,0,0)}.custom-link:focus-visible{background-color:var(--swatches-base-default);border-color:var(--swatches-border-base-focus);border-width:3px}.custom-link::selection{background-color:var(--swatches-base-selected)}.custom-link.disabled{color:var(--swatches-on-base-40);opacity:.4;cursor:no-drop;text-decoration:none}.custom-link.xsmall{font-size:12px;gap:4px}.custom-link.xsmall i.icon,.custom-link.xsmall svg.icon{width:8px;height:8px}.custom-link.xsmall i.flag{width:8px;height:8px}.custom-link.small{font-size:14px;gap:4px}.custom-link.small i.icon,.custom-link.small svg.icon{width:12px;height:12px}.custom-link.small i.flag{width:12px;height:12px}.custom-link.medium{font-size:16px;gap:4px}.custom-link.medium i.icon,.custom-link.medium svg.icon{width:16px;height:16px}.custom-link.medium i.flag{width:16px;height:16px}.custom-link.large{font-size:18px;gap:6px}.custom-link.large i.icon,.custom-link.large svg.icon{width:22px;height:22px}.custom-link.large i.flag{width:22px;height:22px}.custom-link.invert{color:var(--swatches-on-surface-invert)}.custom-link.invert>i.icon{background-color:var(--swatches-on-surface-invert)}.custom-link.invert>svg.icon{color:var(--swatches-on-surface-invert)}.custom-link.invert:hover{color:var(--swatches-on-surface-invert)}.custom-link.invert:hover>i.icon{background-color:var(--swatches-on-surface-invert)}.custom-link.invert:hover>svg.icon{color:var(--swatches-on-surface-invert)}.custom-link.invert:active{color:var(--swatches-border-primary-subtle)}.custom-link.invert:active>i.icon{background-color:var(--swatches-border-primary-subtle)}.custom-link.invert:active>svg.icon{color:var(--swatches-border-primary-subtle)}.custom-link.invert:focus-visible{color:var(--swatches-border-primary-subtle)}.custom-link.invert:focus-visible>i.icon{background-color:var(--swatches-primary-selected)}.custom-link.invert:focus-visible>svg.icon{color:var(--swatches-primary-selected)}.custom-link.invert::selection{color:var(--swatches-primary-selected);background-color:var(--swatches-border-primary-subtle)}.custom-link.invert:disabled{color:var(--swatches-on-surface-invert-40)}.custom-link.invert:disabled>i.icon{background-color:var(--swatches-on-surface-invert-40)}.custom-link.invert:disabled>svg.icon{color:var(--swatches-on-surface-invert-40)}.custom-link.invert:disabled{opacity:.4}.custom-link.invert>i.icon{background-color:var(--swatches-on-surface-invert)}.custom-link.invert>svg.icon{color:var(--swatches-on-surface-invert)}.custom-link.primary{color:var(--swatches-primary-default)}.custom-link.primary>i.icon{background-color:var(--swatches-primary-default)}.custom-link.primary>svg.icon{color:var(--swatches-primary-default)}.custom-link.secondary{color:var(--swatches-secondary-default)}.custom-link.secondary>i.icon{background-color:var(--swatches-secondary-default)}.custom-link.secondary>svg.icon{color:var(--swatches-secondary-default)}.custom-link.tertiary{color:var(--swatches-tertiary-default)}.custom-link.tertiary>i.icon{background-color:var(--swatches-tertiary-default)}.custom-link.tertiary>svg.icon{color:var(--swatches-tertiary-default)}.custom-link.quaternary{color:var(--swatches-quaternary-default)}.custom-link.quaternary>i.icon{background-color:var(--swatches-quaternary-default)}.custom-link.quaternary>svg.icon{color:var(--swatches-quaternary-default)}.custom-link.success{color:var(--swatches-success-default)}.custom-link.success>i.icon{background-color:var(--swatches-success-default)}.custom-link.success>svg.icon{color:var(--swatches-success-default)}.custom-link.warning{color:var(--swatches-warning-default)}.custom-link.warning>i.icon{background-color:var(--swatches-warning-default)}.custom-link.warning>svg.icon{color:var(--swatches-warning-default)}.custom-link.error{color:var(--swatches-error-default)}.custom-link.error>i.icon{background-color:var(--swatches-error-default)}.custom-link.error>svg.icon{color:var(--swatches-error-default)}@media(min-width: 768px)and (max-width: 1023px){.custom-link.xsmall{font-size:10px}.custom-link.small{font-size:12px}.custom-link.medium{font-size:14px}.custom-link.large{font-size:16px}}@media(min-width: 360px)and (max-width: 767px){.custom-link.xsmall{font-size:10px}.custom-link.small{font-size:12px}.custom-link.medium{font-size:14px}.custom-link.large{font-size:16px}}@media(max-width: 768px){.card{padding:0}}