/* Approved HYRIS2 interface. */
:root{
  --frame-outer:rgba(216,195,157,.18);
  --frame-inner:rgba(181,155,111,.28);
  --frame-highlight:rgba(225,208,171,.76);
  --frame-shadow-edge:rgba(148,122,80,.78);
  --frame-glints:linear-gradient(90deg,transparent,var(--frame-highlight) 18%,transparent 38%),linear-gradient(270deg,transparent,var(--frame-highlight) 18%,transparent 38%),linear-gradient(90deg,transparent,var(--frame-shadow-edge) 18%,transparent 38%),linear-gradient(270deg,transparent,var(--frame-shadow-edge) 18%,transparent 38%);
  --frame-wash:linear-gradient(135deg,rgba(225,208,171,.09),transparent 18%,transparent 82%,rgba(225,208,171,.035));
  --frame-face:linear-gradient(rgba(36,31,25,.98),rgba(20,17,13,.99));
  --frame-ease:cubic-bezier(.22,1,.36,1);
  --frame-rule:linear-gradient(90deg,transparent,rgba(186,160,115,.36) 22%,rgba(215,192,151,.43) 50%,rgba(186,160,115,.3) 78%,transparent);
}
.hyris-current .bronze-panel{
  isolation:isolate;border-color:var(--frame-outer);border-radius:8px;
  background:radial-gradient(circle at 18% 4%,rgba(205,182,141,.045),transparent 32%),var(--frame-face);
  background-clip:padding-box;
  box-shadow:0 18px 38px #0006,inset 0 0 0 1px #080706b8;
  transition:border-color .32s var(--frame-ease),box-shadow .32s var(--frame-ease);
}
.hyris-current .bronze-panel:before{
  content:'';position:absolute;inset:5px;z-index:2;border:1px solid var(--frame-inner);border-radius:3px;
  background-image:var(--frame-glints);background-size:50% 1px;background-position:left top,right top,left bottom,right bottom;background-repeat:no-repeat;
  pointer-events:none;transition:border-color .32s var(--frame-ease),opacity .32s;
}
.hyris-current .bronze-panel:after{
  content:'';position:absolute;inset:0;z-index:3;border:0;border-radius:inherit;
  background:var(--frame-wash);box-shadow:inset 0 1px #ffffff09,inset 0 -1px #0007;pointer-events:none;
}
.hyris-current a.bronze-panel:hover,.hyris-current a.bronze-panel:focus-visible{
  border-color:rgba(216,195,157,.37);box-shadow:0 20px 42px #0007,0 0 24px #b6985d09,inset 0 0 0 1px #080706b8;
}
.hyris-current a.bronze-panel:hover:before,.hyris-current a.bronze-panel:focus-visible:before{border-color:rgba(201,176,130,.43)}
.hyris-current .login-popover{border-color:var(--frame-outer);background:radial-gradient(circle at 18% 4%,#cdb68d0c,transparent 32%),var(--frame-face);background-clip:padding-box;box-shadow:0 18px 40px #0008,0 4px 13px #0005,inset 0 0 0 1px #080706b8}
.hyris-current .login-popover:after{inset:5px;border:1px solid var(--frame-inner);border-radius:3px;background-image:var(--frame-glints);background-size:50% 1px;background-position:left top,right top,left bottom,right bottom;background-repeat:no-repeat;z-index:2}
.hyris-current .login-popover:before{background:#242019;border-color:var(--frame-outer)}
.hyris-current .login-panel-inner{background:var(--frame-wash);border-radius:inherit}
.hyris-current .login-close{z-index:3}
.hyris-current .login-submit{
  border:1px solid #d4bb8a38;border-radius:6px;background:linear-gradient(#937d58,#60492f);color:#f3e5ca;text-shadow:0 1px 2px #0005;
  box-shadow:inset 0 0 0 1px #f0d6a31a,inset 0 1px #ffffff0f,0 8px 22px #0004;
  transition:filter .24s var(--frame-ease),background .24s var(--frame-ease),box-shadow .24s var(--frame-ease);
}
.hyris-current .login-submit:hover{background:linear-gradient(#9d865f,#6a5237);color:#fff7e9;filter:none;box-shadow:inset 0 0 0 1px #f0d6a329,inset 0 1px #ffffff12,0 8px 24px #0005}
.hyris-current .portal-panel-heading{position:relative;border-bottom:0}
.hyris-current .portal-panel-heading:after{content:'';position:absolute;left:18px;right:18px;bottom:0;height:1px;background:var(--frame-rule);pointer-events:none}
.hyris-current .portal-rank{position:relative;border-bottom:0}
.hyris-current .portal-rank:not(:last-child):after{content:'';position:absolute;left:7px;right:7px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#af935c26 18%,#af935c26 82%,transparent);pointer-events:none}
.hyris-current .portal-ranking-more{position:relative;border-top:0}
.hyris-current .portal-ranking-more:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--frame-rule);pointer-events:none}
.hyris-current .portal-story{border-color:#b3986230;box-shadow:inset 0 0 0 1px #0c0a0799}
.hyris-current .portal-story-image:after{background:linear-gradient(0deg,#201b14 0%,#201b1480 25%,#201b141a 65%)}
.hyris-current .portal-story-image img{transition:filter .32s var(--frame-ease)}
.hyris-current .portal-footer{border-top:0;background:var(--frame-rule) left top/100% 1px no-repeat}
.hyris-current .portal-footer-bottom{border-top:0;background:linear-gradient(90deg,transparent,#b99b6029,transparent) left top/100% 1px no-repeat}
@media(prefers-reduced-motion:reduce){.hyris-current .bronze-panel,.hyris-current .bronze-panel:before,.hyris-current .login-submit{transition:none}
}