/* Lyse kapsler og runde ikonfelt, som albumets «Flere minner». */
:is(.portal-login .open-album,.portal-login .bot-retry,.wedding .back-link){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:44px;
  padding:6px 16px;
  border:1px solid #8c9e90;
  border-radius:999px;
  background:#f4f0e7;
  color:#183a30;
  font-family:Georgia,'Times New Roman',serif;
  font-size:18px;
  font-style:italic;
  font-weight:400;
  letter-spacing:-.01em;
  line-height:1.3;
  text-decoration:none;
  white-space:nowrap;
  touch-action:manipulation;
  pointer-events:auto;
  transition:background-color 160ms ease-out,border-color 160ms ease-out;
}
.wedding .back-link{padding:5px 18px 5px 6px}
.wedding .back-link span{margin:0}
.wedding .back-link svg,.portal-login .open-album svg{box-sizing:border-box;display:block;width:32px;height:32px;padding:7px;border:1px solid #b5bfae;border-radius:50%;flex:none}
.portal-login .open-album{display:flex;width:min(100%,260px);min-width:0;justify-content:space-between;min-height:56px;margin:22px 0 0;padding:9px 12px 9px 22px;font-size:23px}
.portal-login .open-album svg{width:36px;height:36px;padding:8px}
.portal-login .open-album{background:#e5ebdf;border-color:#b9c6b2}
.portal-login .open-album svg{border-color:transparent;background:#f4f5ed}
.portal-login .back-link{border-color:#bac6b4;background:#f4f0e7}
.portal-login .back-link svg{border-color:transparent;background:#e9eddf}
.portal-login .password-toggle{display:grid;place-items:center;align-self:center;flex:none;width:44px;min-width:44px;min-height:44px;margin:3px;padding:0;border:0;border-radius:4px;background:transparent;color:#536656;touch-action:manipulation;cursor:pointer}
.portal-login .password-toggle svg{display:block;width:20px;height:20px}
.password-toggle .password-eye-slash{display:none}
.password-toggle[aria-pressed="true"] .password-eye-slash{display:block}
.portal-login .bot-retry{max-width:100%;white-space:normal;font-size:16px}
.portal-login :is(.password-toggle,.bot-retry)[hidden]{display:none}
@media(hover:hover) and (pointer:fine){
  :is(.portal-login .open-album,.portal-login .password-toggle,.portal-login .bot-retry,.wedding .back-link):not(:disabled):hover{background:#e9e5dc;border-color:#536656;color:#183a30}
  .portal-login :is(.open-album,.back-link):not(:disabled):hover{background:#dce6d7;border-color:#a6b79e}
}
:is(.portal-login .open-album,.portal-login .password-toggle,.portal-login .bot-retry,.wedding .back-link):not(:disabled):active{background:#e3e4d7;border-color:#536656}
:is(.portal-login .open-album,.portal-login .password-toggle,.portal-login .bot-retry,.wedding .back-link,.private-album .dome-album__overview):focus-visible{outline:2px solid #183a30;outline-offset:4px}
.portal-login .open-album:disabled{color:#798477;border-color:#c4ccbf;background:#eeece4;opacity:1}
@media(prefers-reduced-motion:reduce){
  :is(.portal-login .open-album,.portal-login .password-toggle,.portal-login .bot-retry,.wedding .back-link,.private-album .dome-album__overview){transition:none}
}
@media(forced-colors:active){
  :is(.portal-login .open-album,.portal-login .password-toggle,.portal-login .bot-retry,.wedding .back-link,.private-album .dome-album__overview){border-color:ButtonText;color:ButtonText;background:ButtonFace}
  .portal-login .open-album:disabled{color:GrayText;border-color:GrayText}
}