/* One completion appearance for catalog and activity Finish actions. */
.finish-dialog, .catalog-finish-dialog {
  width:min(520px,calc(100vw - 32px)); max-height:90vh; overflow:auto;
  padding:32px; border:2px solid #bfddf6; border-radius:26px;
  background:#f8fcff; color:#103363; text-align:center;
  font-family:EveryWayNunito,system-ui,sans-serif; box-shadow:0 12px 65px #15314830;
}
.finish-dialog::backdrop { background:#18395466; }
.finish-dialog > section { margin:0; padding:0; border:0; background:transparent; box-shadow:none; max-width:none; }
.finish-dialog h2 { margin:12px 0 18px; font-size:30px; font-weight:950; line-height:1.2; }
.finish-dialog p { font-size:20px; line-height:1.45; }
.finish-flag, .catalog-finish-dialog > img { width:28px; height:28px; filter:invert(28%) sepia(99%) saturate(3234%) hue-rotate(211deg) brightness(94%) contrast(113%); }
.finish-dialog button, .finish-dialog a { display:block; width:100%; min-height:48px; margin:12px 0; padding:12px 18px; border:1.5px solid #bfddf6; border-radius:14px; background:#f6fbff; color:#103363; text-decoration:none; font:inherit; font-size:20px; font-weight:850; }
.finish-dialog button { background:#0562e9; color:white; border-color:#0562e9; }
@media(max-width:640px) { .finish-dialog { padding:24px; } }

.finish-dialog > button:not(.primary) { background:#f6fbff; color:#103363; border-color:#bfddf6; }
.finish-dialog > .dialog-icon { width:28px; height:28px; }
.finish-dialog .primary { background:#0562e9; color:white; border-color:#0562e9; }