/* IransiteAuth - owl template: the default styles (css/style.css) plus the owl perched on the top edge of the card.
   Colors: override the --ia-owl-* variables in the site's CSS. */
.ia {
    --ia-owl-body: #8a6544;
    --ia-owl-dark: #4e3826;
    --ia-owl-wing: #6b4d33;
    --ia-owl-quill: #c4a27a;
    --ia-owl-face: #ecdcc0;
    --ia-owl-belly: #dcc6a2;
    --ia-owl-iris: #f0a020;
    --ia-owl-beak: #3d3530;
    --ia-owl-feet: #cdb185;
}
.ia-card:has(> .ia-owl) { position: relative; margin-top: 104px; }
.ia-owl { position: absolute; bottom: 100%; left: 50%; width: 150px; margin: 0 0 -7px -75px; pointer-events: none; }
.ia-owl svg { display: block; width: 100%; height: auto; overflow: visible; filter: drop-shadow(0 3px 4px rgba(60, 40, 20, .18)); }
.ia-owl-body { fill: var(--ia-owl-body); }
.ia-owl-belly { fill: var(--ia-owl-belly); }
.ia-owl-streaks { fill: none; stroke: var(--ia-owl-body); stroke-width: 2.2; stroke-linecap: round; opacity: .8; }
.ia-owl-face { fill: var(--ia-owl-face); stroke: var(--ia-owl-dark); stroke-width: 2; }
.ia-owl-disc { fill: none; stroke: var(--ia-owl-dark); stroke-width: 1.6; stroke-linecap: round; opacity: .55; }
.ia-owl-iris { fill: var(--ia-owl-iris); stroke: var(--ia-owl-dark); stroke-width: 1.2; }
.ia-owl-pupil { fill: #1a1209; transform: translate(var(--ia-owl-x, 0px), var(--ia-owl-y, 0px)); transition: transform .15s ease-out; }
.ia-owl-eye { transform-box: fill-box; transform-origin: center; animation: ia-owl-blink 6s infinite; }
.ia-owl-eye + .ia-owl-eye { animation-delay: .04s; }
.ia-owl-brow { fill: none; stroke: var(--ia-owl-dark); stroke-width: 3; stroke-linecap: round; }
/* raised brows and a little blush: a friendly owl */
.ia-owl-cheeks { fill: #f2a08a; opacity: .55; }
.ia-owl-glad { display: none; fill: none; stroke: var(--ia-owl-dark); stroke-width: 3.5; stroke-linecap: round; }
.ia-owl-beak { fill: var(--ia-owl-beak); }
.ia-owl-feet ellipse { fill: var(--ia-owl-feet); }
.ia-owl-feet path { stroke: var(--ia-owl-dark); stroke-width: 2.4; stroke-linecap: round; }
.ia-owl-wing { fill: var(--ia-owl-wing); transform-origin: 0 0; transition: transform .35s cubic-bezier(.3, 1.4, .5, 1); }
.ia-owl-quill { fill: none; stroke: var(--ia-owl-quill); stroke-width: 1.6; stroke-linecap: round; opacity: .8; }
/* at rest the wings hang at the sides */
.ia-owl-wing-a { transform: translate(37px, 94px) rotate(14deg); }
.ia-owl-wing-b { transform: translate(123px, 94px) rotate(-14deg); }
/* typing a password: both eyes covered */
.ia-owl[data-state="hide"] .ia-owl-wing-a { transform: translate(62px, 59px) rotate(-78deg); }
.ia-owl[data-state="hide"] .ia-owl-wing-b { transform: translate(98px, 59px) rotate(78deg); }
/* the password is shown: one wing lifts a little and the owl peeks down through the gap under it, at the password */
.ia-owl[data-state="peek"] .ia-owl-wing-a { transform: translate(62px, 45px) rotate(-82deg); }
.ia-owl[data-state="peek"] .ia-owl-wing-b { transform: translate(98px, 59px) rotate(78deg); }
.ia-owl[data-state="peek"] .ia-owl-pupil { transform: translate(-1px, 5px); }
/* signed in */
.ia-owl[data-state="glad"] .ia-owl-eyes { display: none; }
.ia-owl[data-state="glad"] .ia-owl-glad { display: inline; }
@keyframes ia-owl-blink { 0%, 95%, 100% { transform: scaleY(1); } 97% { transform: scaleY(.1); } }
.ia-modal-dialog .ia-card:has(> .ia-owl) { margin-top: 96px; }
@media (max-width: 480px) {
    .ia-card:has(> .ia-owl) { margin-top: 86px; }
    .ia-owl { width: 124px; margin-left: -62px; margin-bottom: -6px; }
}
@media (prefers-reduced-motion: reduce) {
    .ia-owl-eye { animation: none; }
    .ia-owl-wing, .ia-owl-pupil { transition: none; }
}