.AccountImagesPage .ImagePanels{display:grid;grid-template-columns:33.3% 33.3% 33.3%;grid-row-gap:4rem;row-gap:4rem;padding-bottom:2rem}@media(max-width:800px){.AccountImagesPage .ImagePanels{grid-template-columns:100%}}.AccountImagesPage .CutoutImages .Tiles{display:flex;gap:1rem;flex-wrap:wrap;overflow:auto}.AccountImagesPage .CutoutImages .Tiles .Preview{width:300px}.AccountImagesPage .CutoutImages .Tiles .CutoutImage{display:inline-block;border-radius:.5rem;border:1px solid var(--color-page-hairline)}.AccountImagesPage .CutoutImages .Tiles .Actions{text-align:center}.ImageUploader{display:flex;flex-direction:column;width:100%;height:100%;max-width:50rem;max-height:30rem;margin:3rem;padding:1rem;border-radius:.5rem;background-color:#fff;box-shadow:0 .25rem 2rem rgba(0,0,0,.7)}.ImageUploader .NoneSelected{padding:.5rem;text-align:center}.ImageUploader .Preview{text-align:center}.ImageUploader .Preview .Thumbnail{height:5rem;margin-right:.4rem;border-radius:.3rem;transition:var(--transition-basic);cursor:pointer;border:1px solid gray}.ImageUploader .Preview .Thumbnail:hover{transform:scale(1.05)}.ImageUploader .Actions{padding:1rem;text-align:center}.ImageUploader .Errors{display:none}.ImageUploader .Errors.Active{display:block;padding:1rem;text-align:center;color:red}.ImageUploader .DropTarget{flex-grow:1;display:flex;align-items:center;justify-content:center;border-radius:.5rem;cursor:pointer;transition:var(--transition-basic);background-color:#f5f5f5;border:1px solid #c8c8c8}.ImageUploader .DropTarget:hover{background-color:#e6e6e6;font-size:1.05rem}.ImageUploader .DropTarget.Over{background-color:#b5d4b3;font-size:1.05rem}.ImageUploader .DropTarget>div{pointer-events:none}.ImageUploader .DropTarget>div>div{padding:.2rem;text-align:center}.ImageUploader .DropTarget>div>div.Or{font-size:.9rem}.ImageUploader.Uploading .DropTarget{background-color:#fff}.ImageUploader.Uploading .DropTarget .Uploading{display:flex;flex-direction:column;align-items:center;color:#9c9c9c}.ImageUploader.Uploading .DropTarget .Uploading .Spinner{font-size:3rem}.ImageUploader.Uploading .DropTarget .Uploading div{margin-top:.3rem;font-size:.9rem}.ImageUploader.Uploading .DropTarget:hover{background-color:#fff;font-size:1rem}.FittedImage{height:0;background-size:cover;background-repeat:no-repeat;background-position:50%}.FittedImage.Contain{background-size:contain}.FittedImage.Inline{display:inline-block}.ContentSection>h2{display:flex;align-items:center;padding-top:1.5rem;padding-bottom:.5rem;font-size:1.6rem;font-weight:400;transition:var(--transition-basic);border-bottom:1px solid transparent}@media(max-width:560px){.ContentSection>h2{font-size:1.2rem}}.ContentSection>h2>.Title{flex-grow:1;display:flex;align-items:center}.ContentSection>h2>.Title>.Thumbnail:first-child{margin-right:.5rem}.ContentSection>h2>.Expander{display:flex;align-items:center;padding-left:1rem;transition:var(--transition-basic-half)}.ContentSection>.Drawer>.Content>.Toolbar:not(:last-child){margin-left:1rem;margin-top:.5rem;margin-bottom:1rem}.ContentSection.Expandable h2{cursor:default}@media(min-width:560px){.ContentSection.Expandable h2:hover{background-color:var(--color-page-hover-bg)}}.ContentSection.Expandable>.Drawer.InMotion{overflow:hidden}.ContentSection.Expandable>.Drawer>.Content{transition:var(--transition-basic-half)}.ContentSection.Expanded .Expander{transform:rotate(90deg)}.ContentSection.Collapsed h2{border-bottom-color:var(--color-page-hairline)}.ContentSection.Collapsed>.Drawer{overflow:hidden}.ContentSection.Collapsed>.Drawer>.Content{opacity:0}.ContentSection.Collapsed>.Drawer:not(.InMotion)>.Content{visibility:hidden;pointer-events:none}:root{--scrollbar-width:0.8rem;--page-width:1024px;--page-header-height:70px;--page-header-content-height:70px;--page-header-preheader-height:50px;--nav-bar-width:15rem;--page-font-family:"Noto Sans",sans-serif;--transition-basic:0.15s all ease-in-out;--transition-basic-half:0.3s all ease-in-out;--mobile-horizontal-unpadding:-0.5rem}@media(pointer:coarse){:root{--scrollbar-width:0px}}body{--color-page-bg:#fff;--color-page-bg-stark:#fff;--color-page-bg-soft:#e5f3f3;--color-page-text:#000;--color-page-text-soft:#b3b3b3;--color-page-text-barely:#e2e2e2;--color-page-link:#215f6b;--color-page-link-hover:#22b872;--color-page-hover-bg:#d1e4de;--color-page-hover-bg-faint:#f4f8f7;--color-page-hairline:#e2e2e2;--color-header-bg:#fff;--color-header-text:#000;--color-header-hover-bg:#fdf8f2;--color-header-divider:#eee;--color-header-hover-divider:#d8d8d8;--color-header-toggle-bg:#a1a1a1;--color-header-toggle-text:#fff;--color-header-toggle-hover-bg:#ff7843;--color-contrast-block-bg:#215f6b;--color-contrast-block-text:#fff;--color-contrast-block-hover-bg:#34848a;--color-contrast-block-disabled-bg:#949494;--color-contrast-block-zing:#dd5757;--color-control-bg:#fff;--color-control-text:#000;--color-control-rim:#e2e2e2;--color-control-focus-rim:blue;--color-preheader-bg:#f7dbd1;--color-preheader-text:red}.ManagementFlavor{--color-page-bg:#fffaf0;--color-page-bg-stark:#fff;--color-page-bg-soft:#f5efe4;--color-page-text-soft:#bab5af;--color-page-text-barely:#e6e0db;--color-page-hover-bg:#ece4d5;--color-page-hover-bg-faint:#ece4d5;--color-page-hairline:#e6e0d8;--color-header-bg:#12363d;--color-header-text:#fff;--color-header-hover-bg:#26565f;--color-header-divider:#395960;--color-header-hover-divider:#4d727a;--color-header-toggle-bg:#ff8642;--color-header-toggle-text:#fff;--color-header-toggle-hover-bg:#f0b638;--color-contrast-block-bg:#26565f;--color-contrast-block-disabled-bg:#a39d8d;--color-control-rim:#e6e0d8}@media(prefers-color-scheme:dark){body{--color-page-bg:#0e0608;--color-page-bg-stark:#0e0608;--color-page-bg-soft:#351c29;--color-page-text:#d6d4d4;--color-page-text-soft:#918187;--color-page-text-barely:#664458;--color-page-link:#ff97f1;--color-page-link-hover:#ffc8cd;--color-page-hover-bg:#311119;--color-page-hover-bg-faint:#200b11;--color-page-hairline:#2e1e29;--color-header-bg:#1c0d2e;--color-header-text:#ad9e97;--color-header-hover-bg:#191c42;--color-header-divider:#292b53;--color-header-hover-divider:#383b6d;--color-header-toggle-bg:#41404d;--color-header-toggle-text:#ad9e97;--color-header-toggle-hover-bg:#8d0d54;--color-contrast-block-bg:#ec738d;--color-contrast-block-text:#100718;--color-contrast-block-hover-bg:#ee899f;--color-contrast-block-disabled-bg:#a07f86;--color-contrast-block-zing:#ff5608;--color-control-bg:#121227;--color-control-text:#fff;--color-control-rim:#54368d;--color-control-focus-rim:#b4396c}.ManagementFlavor{--color-page-bg:#241313;--color-page-bg-stark:#0e0608;--color-page-bg-soft:#362c2c;--color-page-text:#cfc3c9;--color-page-text-soft:#856969;--color-page-text-barely:#644545;--color-page-link:#d4c0a9;--color-page-link-hover:#ffc271;--color-page-hover-bg:#552736;--color-page-hover-bg-faint:#49242c;--color-page-hairline:#583a3a;--color-header-bg:#310f2b;--color-header-text:#f5decc;--color-header-hover-bg:#461827;--color-header-divider:#4b1b42;--color-header-hover-divider:#5c2437;--color-header-toggle-bg:#a32454;--color-header-toggle-text:#e9e3e7;--color-header-toggle-hover-bg:#f81069;--color-contrast-block-bg:#dfb1b9;--color-contrast-block-text:#694646;--color-contrast-block-hover-bg:#f07b8e;--color-contrast-block-disabled-bg:#52454b;--color-contrast-block-zing:#ff5608;--color-control-bg:#140a0a;--color-control-text:#fff;--color-control-rim:#574646;--color-control-focus-rim:#c4b07b}}.ProfileImageEditor{display:flex;flex-direction:column;justify-content:flex-end;padding-left:1rem;padding-right:1rem}@media(max-width:560px){.ProfileImageEditor{padding-left:0;padding-right:0}}.ProfileImageEditor .PreviewContainer{position:relative;transition:var(--transition-basic)}.ProfileImageEditor .PreviewContainer .ImagePreview{display:block;height:0;margin-left:auto;margin-right:auto;background-size:cover;background-repeat:no-repeat;background-position:50%;border-radius:.4rem;box-shadow:.2rem .4rem 1rem rgba(0,0,0,.4)}.ProfileImageEditor .PreviewContainer .Zoom{position:absolute;font-size:1.5rem;left:calc(50% - 1.5rem);top:calc(50% - 1.5rem);width:3rem;height:3rem;padding-top:.9rem;padding-left:.9rem;border-radius:10rem;transition:var(--transition-basic);pointer-events:none;opacity:0;background-color:rgba(0,0,0,.5);color:#fff}.ProfileImageEditor .PreviewContainer.Active:hover{opacity:.7}.ProfileImageEditor .PreviewContainer.Active:hover .Zoom{opacity:1}.ProfileImageEditor .PreviewContainer.Active .ImagePreview{cursor:pointer}.ProfileImageEditor h2{margin-top:.7rem;text-align:center;font-weight:400;font-size:1rem}.ProfileImageEditor .SizeSummary{margin-bottom:.5rem;font-size:.7rem;text-align:center}.ProfileImageEditor .ActionButtons{text-align:center}.ProfileImageEditor .ActionButtons .Button{margin:.1rem}