:is(button, input[type="button"], input[type="submit"]) {
    cursor: pointer
}

a:active,
a:hover {
    outline: 0
}

#page-top.is-visible {
    transform: translateY(0)
}

body.js-open {
    overflow: hidden;
    overscroll-behavior: none
}

.modal-text,
.modal-box figure {
    overscroll-behavior: contain
}

.modal-text {
    position: relative;
    overflow-y: auto;
    max-height: 16vh;
    margin-top: 1.3em;
    padding: 0 1.3em
}

.modal-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000002;
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #0c0e0f82;
    transition: opacity 0.15s;
    transition-behavior: allow-discrete;

    @starting-style {
        opacity: 1
    }
}

.modal-wrap.is-open {
    display: flex !important;
    opacity: 1;
    transition: opacity 0.55s;

    @starting-style {
        opacity: 0
    }
}

.modal-box {
    position: relative;
    width: 96%;
    max-width: 950px;
    margin: auto;
    padding: 0 0 1.3em;
    border-radius: 10px 0 10px 10px;
    background: #c9eaff
}

.modal-wrap .modal-close {
    position: absolute;
    top: -2.3em;
    right: 0;
    padding: 0.45em 0.8em;
    border-radius: 10px 10px 0 0;
    color: #042234;
    background: #c9eaff;
    font-family: sans-serif;
    font-size: 1em;
    font-weight: 500;
    transition: color 0.2s
}

.modal-close i {
    padding-right: 0.15em
}

.modal-wrap .modal-close:hover {
    color: #042234b3
}

.js-modal-open {
    color: #0066ff;
    transition: color 0.18s
}

.footer .js-modal-open {
    color: #042234
}

.animation-3 .header-second-son-right-hand {
    animation: header-second-son-right-hand 20s 3.6s infinite
}

.animation-3 .header-second-son-face {
    animation: header-second-son-face 20s 3.6s infinite
}

.animation-3 .header-second-son-smile-face {
    animation: header-second-son-smile-face 20s 3.6s infinite
}

.animation-3 .header-second-son-left-hand {
    animation: header-second-son-left-hand 20s 3.6s infinite
}

.animation-3 .header-third-son {
    animation: header-third-son 20s 3.6s ease-in-out infinite
}

.animation-3 .header-third-son-right-hand {
    animation: header-third-son-right-hand 20s 3.6s infinite
}

.animation-3 .header-third-son-left-hand {
    animation: header-third-son-left-hand 20s 3.6s infinite
}

.site-title:hover {
    filter: opacity(60%)
}

.footer {
    padding-bottom: 20px;
    background-image: linear-gradient(180deg, #60c2ff 0%, var(--c-white) 100%)
}

.footer:not(.page-id-979 .footer) {
    box-shadow: 0 -16px 16px -26.5px #000;
    position: relative
}

.seaside-scenery div,
.footer-cloud,
.sea {
    position: absolute
}

.footer-cloud.n1 {
    top: 48%;
    left: 8%
}

.footer-cloud.n2 {
    top: 49.5%;
    left: 75%
}

.animation .footer-cloud {
    transform: translate(0) !important;
    opacity: 1 !important
}

.sandy-beach {
    top: 610px;
    width: 100vw
}

.palm-tree {
    transform-origin: bottom
}

.palm-tree.n1 {
    left: calc(49.5vw - 670px);
    z-index: 1;
    margin-top: -100px
}

.palm-tree.n2 {
    right: calc(49.5vw - 670px);
    z-index: 1;
    margin-top: -100px
}

.palm-tree.n3 {
    left: calc(44vw - 220px);
    margin-top: 175px
}

.palm-tree.n4 {
    right: calc(44vw - 220px);
    margin-top: 175px
}

.stone {
    z-index: 2
}

.stone.n1 {
    left: calc(50vw + 235px);
    margin-top: 480px
}

.stone.n2 {
    left: calc(26vw - 107px);
    margin-top: 470px
}

.crab {
    z-index: 1;
    offset-distance: 100%
}

.crab.n1 {
    left: calc(50vw + 242px);
    margin-top: 473px;
    offset-path: path("M0,.47C43.98-.15,91.81,7.83,134.67,18.73")
}

.crab.n2 {
    left: calc(50vw - 363px);
    margin-top: 475px;
    offset-path: path("M.04,4.78C40.85-.9,108.76.42,108.76.42")
}

.sea {
    width: 100%;
    height: 100%;
    transform: translateY(-8px)
}

.sea.n1 {
    background: #204d69;
    top: 84%
}

.sea.n2 {
    background: #46baff;
    top: 85%
}

.home:not(.paged) .animation .carousel .item.a {
    animation: fade-in-a 5.5s cubic-bezier(0.29, 0.28, 0.16, 1)
}

.home:not(.paged) .animation .carousel .item:is(.b, .h) {
    animation: fade-in-bh 5.1s cubic-bezier(0.29, 0.28, 0.16, 1)
}

.home:not(.paged) .animation .carousel .item:is(.c, .g) {
    animation: fade-in-cg 4.7s cubic-bezier(0.29, 0.28, 0.16, 1)
}

.home:not(.paged) .animation .carousel .item:is(.d, .f) {
    animation: fade-in-df 4.1s cubic-bezier(0.29, 0.28, 0.16, 1)
}

.home:not(.paged) .animation .carousel .item.e {
    animation: fade-in-e 3.6s cubic-bezier(0.29, 0.28, 0.16, 1)
}

.home:not(.paged) .footer-cloud {
    opacity: 0;
    transition: opacity 2.4s ease-in, transform 27s cubic-bezier(0.33, 0.19, 0.53, 0.93)
}

.home:not(.paged) .footer-cloud.n1 {
    transform: translate(160px, 33px);
    transition-delay: 2s
}

.home:not(.paged) .footer-cloud.n2 {
    transform: translate(160px, -30px);
    transition-delay: 2.5s
}

.home:not(.paged) #fortress-footer-gate {
    view-timeline-name: --palm-wave;
    view-timeline-axis: block
}

.home:not(.paged) .palm-tree {
    animation-duration: auto;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-timeline: --palm-wave;
    animation-range: entry 0% entry 100%
}

.home:not(.paged) .palm-tree:is(.n1, .n3) {
    transform: rotate(9deg)
}

.home:not(.paged) .palm-tree:is(.n2, .n4) {
    transform: rotate(-9deg)
}

.home:not(.paged) .palm-tree.n1 {
    animation-name: palm-front-left
}

.home:not(.paged) .palm-tree.n2 {
    animation-name: palm-front-right
}

.home:not(.paged) .palm-tree.n4 {
    animation-name: palm-rear-right
}

.home:not(.paged) .palm-tree.n3 {
    animation-name: palm-rear-left
}

@keyframes palm-front-right {
    0%, 5.8% { transform: rotate(-9deg) }
    38.8%, 100% { transform: rotate(0deg) }
}

@keyframes palm-front-left {
    0%, 22.7% { transform: rotate(9deg) }
    55.7%, 100% { transform: rotate(0deg) }
}

@keyframes palm-rear-right {
    0%, 39.6% { transform: rotate(-9deg) }
    72.6%, 100% { transform: rotate(0deg) }
}

@keyframes palm-rear-left {
    0%, 56.5% { transform: rotate(9deg) }
    89.5%, 100% { transform: rotate(0deg) }
}

.home:not(.paged) .animation-2 .crab.n1 {
    animation: crab 10s 5s cubic-bezier(0.05, 0.06, 0.85, 0.98) alternate infinite
}

.home:not(.paged) .animation-2 .crab.n2 {
    animation: crab 7s 5s cubic-bezier(0.05, 0.06, 0.85, 0.98) alternate infinite
}

.home:not(.paged) .animation-2 .sea.n1 {
    animation: home-position 6s ease-in-out alternate infinite
}

.home:not(.paged) .animation-2 .sea.n2 {
    animation: home-position 3.3s ease-in-out alternate infinite
}

.animation-2 .carousel .item:is(.is-front,.is-held) .third-son {
    animation: overreaching 30.3s cubic-bezier(0.56, 0.04, 1, 1)
}

.animation-2 .carousel .item:is(.is-front,.is-held) .third-son .front {
    animation: rotate-while-floating 30s cubic-bezier(0.17, 0.03, 0.58, 1) infinite
}

.animation-2 .carousel .item:is(.is-front,.is-held) .third-son .rear {
    animation: rotate-while-floating-2 30s cubic-bezier(0.17, 0.03, 0.58, 1) infinite
}

.animation-2 .carousel .item:is(.is-front,.is-held) .runny-nose {
    animation: drooping-swaying-falling 30s 30s infinite
}

.animation-2 .carousel .item:is(.is-front,.is-held) .shake-the-tail {
    animation: shake-the-tail 30s infinite
}

.animation-2 .carousel .item:is(.is-front,.is-held) .shadow-of-feet {
    animation: big-small 30s cubic-bezier(0.17, 0.03, 0.58, 1) infinite
}

.animation-2 .carousel .item:is(.is-front,.is-held) .second-son {
    animation: happy-dance 30s infinite
}

.animation-2 .carousel .item:is(.is-front,.is-held) .hand.right {
    animation: wave-hands-r 30s infinite
}

.animation-2 .carousel .item:is(.is-front,.is-held) .hand.left {
    animation: wave-hands-l 30s infinite
}

.animation-2 .carousel .item:is(.is-front,.is-held) .hand.right.pen-light::after {
    animation: pen-light-r 30s infinite
}

.animation-2 .carousel .item:is(.is-front,.is-held) .hand.left.pen-light::after {
    animation: pen-light-l 30s infinite
}

.animation-2 .carousel .item:is(.is-front,.is-held) .face {
    animation: face-second-son 30s infinite
}

.animation-2 .carousel .item:is(.is-front,.is-held) .embarrassed {
    animation: face-shake-second-son 30s infinite
}

.animation-2 .carousel .item:is(.is-front,.is-held) .butterfly {
    animation: fly-around 19s ease-in-out infinite
}

.animation-2 .carousel .item:is(.is-front,.is-held) .eldest-son {
    animation: boing-boing 8s infinite
}

.animation-2 .carousel .item:is(.is-front,.is-held) .mascot.eldest-daughter {
    animation-duration: 15s;
    animation-iteration-count: infinite
}

.animation-2 .carousel .item:is(.is-front,.is-held) .mascot.eldest-daughter.n6 {
    animation-name: quick-change-of-clothes
}

.animation-2 .carousel .item:is(.is-front,.is-held) .mascot.eldest-daughter.n5 {
    animation-name: quick-change-of-clothes-2
}

.animation-2 .carousel .item:is(.is-front,.is-held) .mascot.eldest-daughter.n4 {
    animation-name: quick-change-of-clothes-3
}

.animation-2 .carousel .item:is(.is-front,.is-held) .mascot.eldest-daughter.n3 {
    animation-name: quick-change-of-clothes-4
}

.animation-2 .carousel .item:is(.is-front,.is-held) .mascot.eldest-daughter.n2 {
    animation-name: quick-change-of-clothes-5
}

.animation-2 .carousel .item:is(.is-front,.is-held) .mascot.eldest-daughter.n1 {
    animation-name: quick-change-of-clothes-6
}

.fade-up-jump.animation,
.animation .fade-up-jump {
    animation: fade-up-jump 0.3s cubic-bezier(0.15, 0.16, 0.14, 1.73) forwards
}

.fade-down.animation,
.animation .fade-down {
    animation: fade-down 0.35s cubic-bezier(0.25, 0.1, 0.1, 1) forwards
}

.mascot {
    z-index: 1
}

.footer-links ul li {
    display: inline-block
}

.footer-links ul li::after {
    margin-right: 4.5px;
    margin-left: 8.5px;
    content: "|"
}

.footer-links ul li:last-child::after {
    content: none
}

.copyright {
    margin: 67px 18px 0;
    font-size: 13px;
    letter-spacing: 0.55px;
    pointer-events: none
}

.site-mascot-third-son-silhouette {
    position: absolute;
    top: 3.54em;
    left: 50%;
    width: 45px;
    height: 50px;
    transform: translateX(-50%);
    background: url("/wp-content/uploads/site-mascot-third-son-silhouette.svg") no-repeat
}

.copyright,
#inner-footer nav {
    text-align: center
}

#inner-footer nav {
    overflow: auto;
    padding: 22px 0.5em 0.5em;
    letter-spacing: 0.5px
}

.mascot.second-son span {
    position: absolute;
    background-repeat: no-repeat
}

.btn a {
    position: relative;
    display: block;
    width: 90%;
    max-width: 338px;
    height: 57px;
    margin: 0 auto;
    border-radius: 5px;
    color: var(--c-white);
    background: center no-repeat;
    transition: 0.3s 0.02s box-shadow ease-in-out, 0.3s 0.02s transform ease-in-out
}

.carousel .third-son .front {
    background-image: url("/wp-content/uploads/third-son-of-the-site-mascot.svg")
}

.dot-3 {
    top: 18%;
    left: 0.4%;
    letter-spacing: 2px
}

.pointer-events {
    animation: pointer-events 4s forwards
}

.footer a:hover {
    color: var(--c-white)
}

.introduction-of-site-mascot {
    width: 187px;
    height: 250px;
    margin: 165px auto 278px;
    perspective: 970px;
    isolation: isolate;
    contain: layout size
}

.palm-tree img,
.footer-cloud img {
    pointer-events: none
}

.carousel {
    transform-style: preserve-3d;
    transition: transform 0.88s cubic-bezier(0.9, 0, 0.43, 1);
    will-change: transform;
    touch-action: manipulation;
    pointer-events: auto
}

.carousel.is-turning .item.is-front *,
.carousel.is-turning .item.is-front *::after,
.carousel .item.is-held *,
.carousel .item.is-held *::after,
.home:not(.paged) .carousel.is-intro .item.is-front *,
.home:not(.paged) .carousel.is-intro .item.is-front *::after {
    animation-play-state: paused !important
}

.carousel .item .notepad,
.carousel .item .mascot {
    backface-visibility: visible;
    transform: translateZ(1px)
}

.carousel-title,
#footer-top .fi-tr-caret-down {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -30px);
    opacity: 0;
    transition: transform 2s cubic-bezier(.24, .29, .16, 1), opacity 2s cubic-bezier(.24, .29, .16, 1)
}

.animation .carousel-title,
.animation #footer-top .fi-tr-caret-down {
    opacity: 1;
    transform: translate(-50%, 0)
}

#footer-top .fi-tr-caret-down {
    top: 5.4%;
    font-size: 30px;
    transition-delay: 0.2s
}

.carousel-title {
    top: 3.6%;
    width: 177px
}

.carousel .item {
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 285px;
    border-radius: 10px;
    background: rgb(251 252 254);
    contain: layout paint
}

.carousel .mascot *,
.carousel .anime-container * {
    transform: translate3d(0, 0, 0)
}

.operation-buttons {
    position: relative;
    top: 467.5px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.operation-buttons button {
    padding: 0;
    border-radius: 6px;
    background: var(--c-accent);
    box-shadow: 0 3.5px 0 #3f687f;
    font-size: 13.4px;
    transition: color 0.2s 0.03s ease-in-out, transform 0.15s ease-out, box-shadow 0.15s ease-in-out
}

.operation-buttons button:hover {
    color: var(--c-white)
}

.operation-buttons button:active {
    transform: translateY(1.5px);
    box-shadow: 0 2px 0 #3f687f
}

.operation-buttons span {
    display: flex;
    place-content: center;
    place-items: center;
    width: 77px;
    height: 38px;
    padding-top: 1.5px;
    font-weight: 400;
    user-select: none
}

.operation-buttons .prev span {
    padding-left: 9px
}

.operation-buttons .next span {
    padding-right: 9px
}

.operation-buttons .prev:after {
    margin-left: -30px;
    content: "\e375"
}

.operation-buttons .next:before {
    margin-left: 17px;
    content: "\e377"
}

.operation-buttons .next:before,
.operation-buttons .prev:after {
    position: absolute;
    top: 13.5px;
    font-family: "uicons-thin-rounded"
}

.item.a {
    transform: rotateY(0) translateZ(330px)
}

.item.b {
    transform: rotateY(45deg) translateZ(330px)
}

.item.c {
    transform: rotateY(90deg) translateZ(330px)
}

.item.d {
    overflow: hidden;
    transform: rotateY(135deg) translateZ(330px)
}

.item.e {
    transform: rotateY(180deg) translateZ(330px)
}

.item.f {
    transform: rotateY(225deg) translateZ(330px)
}

.item.g {
    transform: rotateY(270deg) translateZ(330px)
}

.item.h {
    transform: rotateY(315deg) translateZ(330px)
}

.switching {
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.carousel .background {
    position: absolute;
    top: 5.5px;
    width: 92%;
    height: 179px;
    border-radius: 34% 70% 70% 30% / 35% 39% 64% 67%;
    background-position: 186px 7px;
    background-image: url(/wp-content/uploads/check-pattern.svg);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1)
}

.carousel .repletion {
    position: absolute;
    bottom: -21px;
    font-size: 10px;
    opacity: 0.72
}

.carousel .notepad {
    position:absolute;
    bottom:5px;
    display:flex;
    flex-direction:column;
    width:177px;
    min-height:154px;
    padding:2px 4.5px;
    border-radius:5.5px;
    background:inherit;
    box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);
    font-size:0.691em;
    line-height:1.73;
    letter-spacing:0.65px;
    text-align:justify;
    -moz-osx-font-smoothing:grayscale
}
.carousel .notepad-title {
    display:grid;
    grid-template-columns:1em minmax(0, 1fr) 1em;
    align-items:center;
    margin:0;
    border-bottom:1px dashed #ededed;
    font-weight:500;
    line-height:1.63;
    text-align:center;
    text-shadow:0 0 0 #042234
}
.carousel .notepad-title .notepad-name {
    min-width:0;
    overflow-wrap:anywhere
}
.carousel .notepad-title .fi-tr-galaxy-star {
    margin:0
}
.carousel .notepad-description {
    margin:0;
    overflow-wrap:anywhere;
    background-image:radial-gradient(ellipse 2px 0.5px at 3px calc(100% - 0.5px), #ededed 98%, transparent 100%);
    background-size:6px 1lh
}
.carousel .background {
    transform:translateZ(0)
}

.carousel .third-son,
.carousel .second-son {
    position: relative;
    display: flex;
    justify-content: center
}

.carousel .third-son .front,
.carousel .third-son .rear {
    top: 34px;
    width: 80px;
    height: 83px;
    background-repeat: no-repeat
}

.carousel .third-son .rear {
    transform: rotateY(180deg);
    background-image: url("/wp-content/uploads/mascot-third-son-back-view-2.svg")
}

.carousel .runny-nose {
    position: absolute;
    top: 43px;
    left: 27px;
    width: 12px;
    height: 24px;
    opacity: 0;
    background: url("/wp-content/uploads/snot.svg") no-repeat;
    transform-origin: center top
}

.carousel .shake-the-tail {
    position: absolute;
    top: 67.8px;
    left: 33px;
    width: 8.5px;
    height: 6.5px;
    background: url("/wp-content/uploads/third-son-tail.svg") no-repeat
}

.carousel .shadow-of-feet {
    position: absolute;
    bottom: 158px;
    width: 29%;
    height: 19px;
    background: radial-gradient(60% 22% at center center, rgb(110 110 110), rgb(0 0 0 / 0))
}

.carousel .second-son .hand.right,
.carousel .second-son .hand.left {
    top: 81px;
    width: 19.5px;
    height: 12px
}

.second-son .hand.left.pen-light {
    background-image: url("/wp-content/uploads/pen-light-2.svg")
}

.second-son .hand.right.pen-light {
    background-image: url("/wp-content/uploads/pen-light.svg")
}

.second-son .hand.right {
    left: -31.6px;
    background-image: url("/wp-content/uploads/second-son-right-hand-3.svg");
    transform-origin: center right
}

.second-son .hand.left {
    right: -31.6px;
    background-image: url("/wp-content/uploads/second-son-left-hand-2.svg");
    transform-origin: center left
}

.hand.right.pen-light:after,
.hand.left.pen-light:after {
    position: absolute;
    top: -12.5px;
    width: 3px;
    height: 26px;
    content: "";
    border-radius: 10px;
    background: #97fff5;
    box-shadow: 0 -5px 7px 0.5px #d9fffb
}

.hand.right.pen-light:after {
    left: -1px;
    transform: rotate(-20deg)
}

.hand.left.pen-light:after {
    right: 0;
    transform: rotate(20deg)
}

.second-son .torso {
    top: 75px;
    width: 36px;
    height: 50px;
    background-image: url("/wp-content/uploads/body-2.svg")
}

.carousel .second-son .face {
    top: 32.3px;
    width: 89px;
    height: 72px;
    background-image: url("/wp-content/uploads/face.svg")
}

.second-son .face.embarrassed {
    opacity: 0;
    background-image: url("/wp-content/uploads/embarrassed-face.svg")
}

.butterfly {
    position: absolute;
    width: 0;
    height: 20px;
    content: "";
    background: url("/wp-content/uploads/butterfly.svg") no-repeat;
    offset-path: path("m151.12,31.4c-16.63,0-19.34-13.08-36.09-14.9-15.06-1.64-22.97,4.62-42.79,1.4-15.15-2.46-18.51-13.46-30.37-16.43C26.1-2.47,17.35,7.14.11,3.32");
    transform: rotate(150deg) rotateY(0)
}

.butterfly.n1 {
    left: 19px;
    bottom: 250px;
    z-index: 8;
    width: 18px;
    animation-delay: 11.5s !important
}

.butterfly.n2 {
    left: 19px;
    bottom: 226px;
    z-index: 8;
    width: 14px;
    animation-delay: 12.5s !important
}

.carousel .eldest-son {
    width: 100px;
    height: 100px;
    margin-top: 24px;
    background-image: url("/wp-content/uploads/eldest-son-of-mascot-2.svg");
    transform-origin: bottom
}

.carousel .pon-chan-the-raccoon-dog {
    width: 74px;
    height: 90px;
    background: url("/wp-content/uploads/pon-chan-the-raccoon-dog.svg") no-repeat
}

.pon-chan-leaf-pants {
    position: absolute;
    right: -2%;
    bottom: 55.7%;
    z-index: 1;
    width: 22px;
    height: 22px;
    opacity: 0;
    background: url("/wp-content/uploads/leaf.svg") no-repeat
}

.leaf-on-head {
    position: absolute;
    top: 0;
    left: 53.5%;
    z-index: -1;
    width: 26px;
    height: 18px;
    background: url("/wp-content/uploads/leaf-on-head.svg") no-repeat
}

.pon-chan-container {
    display: flex;
    opacity: 0;
    transform: scale(0.3)
}

.animation-2 .carousel .item.d:is(.is-front,.is-held) .anime-container {
    z-index: 1;
    animation:fall 7.77s ease-in-out forwards, fall 7.77s 25.315s ease-in-out forwards
}

.animation-2 .carousel .item.d:is(.is-front,.is-held) .pon-chan-container {
    animation:stalking 24.77s ease-in-out, stalking 24.77s 25.315s ease-in-out
}

.animation-2 .carousel .item.d:is(.is-front,.is-held) .leaf-on-head {
    animation:estrus-period 24.77s, estrus-period 24.77s 25.315s
}

.animation-2 .carousel .item.d:is(.is-front,.is-held) .pon-chan-leaf-pants {
    animation:leaves-that-have-fallen-off 11.3s 17.97s, leaves-that-have-fallen-off 11.3s 43.285s
}

.carousel .third-daughter {
    width: 80px;
    height: 93px;
    margin-top: 31px;
    background-image: url("/wp-content/uploads/site-mascot-third-daughter.svg")
}

.carousel .second-daughter {
    width: 90px;
    height: 112px;
    margin-top: 14px;
    background-image: url("/wp-content/uploads/second-daughter-of-the-site-mascot.svg")
}

.carousel .eldest-daughter {
    position: absolute;
    width: 100px;
    height: 100px;
    margin-top: 24.3px;
    opacity: 0;
    transform-origin: bottom
}

.mascot.eldest-daughter.n6 {
    opacity: 1;
    background-image: url("/wp-content/uploads/eldest-daughter-of-mascot.svg")
}

.mascot.eldest-daughter.n5 {
    background-image: url("/wp-content/uploads/eldest-daughter-of-mascot-6.svg")
}

.mascot.eldest-daughter.n4 {
    background-image: url("/wp-content/uploads/eldest-daughter-of-mascot-5.svg")
}

.mascot.eldest-daughter.n3 {
    background-image: url("/wp-content/uploads/eldest-daughter-of-mascot-4.svg")
}

.mascot.eldest-daughter.n2 {
    background-image: url("/wp-content/uploads/eldest-daughter-of-mascot-3.svg")
}

.mascot.eldest-daughter.n1 {
    background-image: url("/wp-content/uploads/eldest-daughter-of-mascot-2.svg")
}

.carousel .ugly-pegasus {
    width: 60px;
    height: 66px;
    margin-top: 58px;
    background-image: url("/wp-content/uploads/ugly-pegasus.svg")
}

.byline .cat-name,
.footer a {
    color: var(--c-text)
}

.footer-background {
    position: relative;
    z-index: 0;
    display: flow-root;
    overflow: clip;
    border-top: #bbe6ff solid 16px;
    background: #93d8ff
}

.contactbutton a:hover::after {
    opacity: 1
}

.article a:not(a.anchor) {
    font-weight: 400
}

.animation .ring {
    animation: ring-anim 2s 2.1s 6
}

@media (min-width: 768px) {

    .subnav form input:hover,
    .subnav .contactbutton a:hover {
        background: var(--c-white);
        color: var(--c-text);
        transition: var(--tr-bg-fast)
    }

    .modal-box {
        width: 50%
    }

    .stone.n2 {
        left: calc(50vw - 352px)
    }

    .nav li ul.sub-menu li li,
    .nav>li>ul.sub-menu>li>a {
        position: relative
    }

    .nav>li>ul.sub-menu>li {
        position: static
    }

    .nav li ul.sub-menu li li a {
        border-top: 0.5px #00000017 solid;
        border-bottom: 0;
        max-height: 4em
    }

    .nav li ul.sub-menu li li:first-child a {
        border-top: 0
    }

    .nav li ul.sub-menu li:last-child a {
        border-bottom: 0
    }

    .nav li ul.sub-menu li ul.sub-menu {
        left: 100%;
        top: -2px;
        z-index: 1;
        transition: opacity 0.15s ease-in-out, visibility 0s linear 0.15s
    }

    .nav li ul.sub-menu:hover>li ul.sub-menu {
        transition: none
    }

    .nav li ul.sub-menu li a:hover,
    .nav li ul.sub-menu li:hover>a {
        color: var(--c-menu-text)
    }

    .nav>li>a:after {
        position: absolute;
        top: 100%;
        left: 7.5%;
        width: 70%;
        content: "";
        opacity: 0;
        pointer-events: none;
        filter: blur(7px);
        transform: scale(1) translate(0, 120px) rotate(110deg);
        transform-origin: right;
        transition: transform 1.6s 1s cubic-bezier(0.84, 0, 0.3, 1), filter 1.6s 1s cubic-bezier(0.84, 0, 0.3, 1), opacity 1.6s 1s cubic-bezier(0.84, 0, 0.3, 1);
        border: 0.2em solid #eef4ff;
        border-radius: 20px;
        box-shadow: 0 0 1em 0.1em rgb(204 223 255), 0 0 4em 0.4em rgb(123 169 255 / 78%), inset 0 0 0.75em 0.1em rgb(204 223 255)
    }

    .nav>li>a:hover::after {
        opacity: 1;
        filter: blur(0);
        transform: scale(1);
        transition: transform 0.3s 0.2s, filter 0.3s 0.2s, opacity 0.3s 0.2s
    }

    .nav li:hover>ul.sub-menu {
        opacity: 1;
        transition: opacity 0.15s ease-in-out 0.15s, visibility 0s;
        visibility: visible
    }

    .nav li:focus-within>ul.sub-menu {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.15s ease-in-out
    }

    .nav li ul.sub-menu li a .fi-tr-angle-double-small-down {
        position: absolute;
        right: 4.3%;
        font-size: 1.2em
    }

    .nav>li::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 0;
        background: transparent
    }

    .nav>li:hover::before,
    .nav>li:focus-within::before {
        height: calc(var(--g-nav-rise) - var(--g-nav-band-height) - 100%)
    }

    .nav>li>ul.sub-menu>li.menu-item-has-children:hover::after {
        content: "";
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        height: 100%;
        background: transparent
    }

    .nav li ul.sub-menu li a .fi-tr-angle-double-small-down::before {
        content: "\f376"
    }
}

@media (min-width: 880px) {
    .read-more {
        font-size: 25.3px
    }

    label {
        cursor: pointer
    }
}

@media (min-width: 1270px) {
    .modal-box {
        width: 60%
    }

    #scrollfix {
        position: sticky;
        top: 11.5px;
        z-index: 10;
        width: 100%;
        max-height: calc(100vh - 100px)
    }
}

@media (width < 768px) {
    .mean-bar * {
        box-sizing: content-box
    }

    .modal-box img {
        aspect-ratio: 1600 / 990
    }

    .modal-text {
        max-height: 35vw
    }

    .entry-content p a {
        transition: color 0.05s
    }

    .footer-cloud.n1 {
        left: 3%;
        width: 150px
    }

    .footer-cloud.n2 {
        width: 190px
    }

    .stone.n1 {
        left: 61%;
        margin-top: 495px
    }

    .crab.n1 {
        left: calc(50vw + 135px);
        margin-top: 500px
    }

    .crab.n2 {
        left: calc(26vw - 116px)
    }

    .meanmenu-reveal.animate.meanclose::after {
        content: "CLOSE"
    }

    .meanmenu-reveal.animate span:nth-of-type(1) {
        --ty: 10px;
        --rot: 45deg;
        --w-act: clamp(16%, calc(26% + (16 - 26) * ((100vw - 480px) / (767 - 480))), 26%);
        animation: menu-close 0.8s forwards
    }

    .meanmenu-reveal.animate.meanclose span:nth-of-type(1) {
        animation: menu-open 0.8s forwards
    }

    .meanmenu-reveal.animate span:nth-of-type(2) {
        animation: bar-show 0.8s forwards
    }

    .meanmenu-reveal.animate.meanclose span:nth-of-type(2) {
        animation: bar-hide 0.8s forwards
    }

    .meanmenu-reveal.animate span:nth-of-type(3) {
        --ty: -13.5px;
        --rot: -45deg;
        --w-act: clamp(16%, calc(26% + (16 - 26) * ((100vw - 480px) / (767 - 480))), 26%);
        animation: menu-close 0.8s forwards
    }

    .meanmenu-reveal.animate.meanclose span:nth-of-type(3) {
        animation: menu-open 0.8s forwards
    }

    .subnav .contactbutton a:hover {
        opacity: 0.55
    }

}

@media (max-width: 480px) {
    .meanmenu-reveal.animate span:nth-of-type(3) {
        --ty: -10px
    }

    .modal-box {
        padding: 0 0 0.8em
    }

    .modal-text {
        max-height: 57vw;
        margin-top: 0.8em;
        padding: 0 0.8em
    }

    .modal-box.text-only,
    .text-only .modal-text,
    .modal-box.gallery,
    .modal-box.gallery-s {
        padding: 0.8em
    }

    .modal-box figure {
        margin: 0.8em 0.8em 0
    }

    .modal-box.gallery-s .modal-text {
        margin: 0.8em -0.8em 0
    }

    .modal-box.gallery .modal-text,
    .gallery-text {
        margin: 0.8em;
        padding: 0.7em
    }
}

@keyframes bar-hide {

    0%,
    49.8% {
        opacity: 1
    }

    49.9%,
    100% {
        opacity: 0
    }
}

@keyframes bar-show {

    0%,
    77% {
        opacity: 0
    }

    78%,
    100% {
        opacity: 1
    }
}

@keyframes menu-open {
    0% {
        transform: translate(0) rotate(0);
        width: 55%
    }

    50% {
        transform: translateY(var(--ty)) rotate(0);
        width: 55%
    }

    80% {
        transform: translateY(var(--ty)) rotate(0);
        width: var(--w-act)
    }

    100% {
        transform: translateY(var(--ty)) rotate(var(--rot));
        width: var(--w-act)
    }
}

@keyframes menu-close {
    0% {
        transform: translateY(var(--ty)) rotate(var(--rot));
        width: var(--w-act)
    }

    30% {
        transform: translateY(var(--ty)) rotate(0);
        width: var(--w-act)
    }

    80% {
        transform: translateY(var(--ty)) rotate(0);
        width: 55%
    }

    100% {
        transform: translate(0) rotate(0);
        width: 55%
    }
}

@keyframes pegasus-takeoff {
    0% {
        transform: translateY(0) translateZ(0) scale(1);
        animation-timing-function: ease-in-out
    }

    14.8%,
    18% {
        transform: translateY(0) translateZ(0) scale(1.12, 0.86);
        animation-timing-function: ease-in
    }

    22.5% {
        transform: translateY(0) translateZ(0) scale(0.97, 1.03)
    }

    100% {
        transform: translateY(-125vh) translateZ(0) scale(1)
    }
}

@keyframes header-second-son-right-hand {

    0%,
    11.5%,
    30%,
    34.5%,
    40%,
    44.1%,
    48%,
    52%,
    61% {
        transform: translate3d(0, 0, 0) rotate(-20deg)
    }

    1.25%,
    10%,
    31.25%,
    33%,
    41%,
    43%,
    49%,
    51%,
    53%,
    60% {
        transform: translate3d(0, 0, 0) rotate(14deg)
    }
}

@keyframes header-second-son-face {

    43.3%,
    52.3% {
        transform: translate3d(0, 0, 0) rotate(0)
    }

    44.3%,
    46.3%,
    48.3%,
    50.3% {
        transform: translate3d(0, 0, 0) rotate(2deg)
    }

    45.3%,
    47.3%,
    49.3%,
    51.3% {
        transform: translate3d(0, 0, 0) rotate(-2deg)
    }
}

@keyframes header-second-son-smile-face {
    43.3% {
        transform: translate3d(0, 0, 0) rotate(0);
        opacity: 0
    }

    43.4%,
    60% {
        opacity: 1
    }

    44.3%,
    46.3%,
    48.3%,
    50.3% {
        transform: translate3d(0, 0, 0) rotate(2deg)
    }

    45.3%,
    47.3%,
    49.3%,
    51.3% {
        transform: translate3d(0, 0, 0) rotate(-2deg)
    }

    52.3% {
        transform: translate3d(0, 0, 0) rotate(0)
    }

    60.1% {
        opacity: 0
    }
}

@keyframes header-second-son-left-hand {

    19.1%,
    31.6%,
    37.1%,
    41.5%,
    44.1%,
    48%,
    52%,
    61% {
        transform: translate3d(-5%, -22%, 0) rotate(76deg)
    }

    20.35%,
    30.35%,
    38.35%,
    40.35%,
    45.1%,
    47%,
    53%,
    60% {
        transform: translate3d(-3.5%, -3%, 0) rotate(24deg)
    }
}

@keyframes header-third-son {

    3.7%,
    6.7%,
    20.1%,
    23.1%,
    31%,
    33.5%,
    38%,
    40.5%,
    45%,
    48%,
    51%,
    54% {
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }

    4.7%,
    21.1%,
    31.53%,
    38.53%,
    46%,
    49%,
    52% {
        transform: translate3d(4.8%, 4.8%, 0) scale3d(1.1, 0.9, 1)
    }

    5.7%,
    22.1%,
    32.5%,
    39.5%,
    47%,
    50%,
    53% {
        transform: translate3d(0, -10.5%, 0) scale3d(1, 1, 1)
    }
}

@keyframes header-third-son-right-hand {

    4%,
    7.2%,
    20.4%,
    23.6%,
    31.3%,
    33.8%,
    38.3%,
    40.8%,
    45%,
    48%,
    51%,
    54%,
    66.3%,
    99% {
        transform: translate3d(-23%, -18%, 0) rotate(-10deg)
    }

    4.3%,
    6.3%,
    20.7%,
    22.7%,
    31.6%,
    33.1%,
    38.6%,
    40.1% {
        transform: translate3d(-38%, -36%, 0) rotate(-25deg)
    }

    46.5%,
    49.5%,
    52.5% {
        transform: translate3d(0, 5%, 0) rotate(7deg)
    }

    67%,
    69.1%,
    71.2%,
    77%,
    79.1%,
    81.2%,
    87%,
    89.1%,
    91.2%,
    98.3% {
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }

    67.7%,
    69.8%,
    77.7%,
    79.8%,
    87.7%,
    89.8% {
        transform: translate3d(4.8%, 4.8%, 0) scale3d(1.1, 0.9, 1)
    }

    68.4%,
    70.5%,
    78.4%,
    80.5%,
    88.4%,
    90.5% {
        transform: translate3d(0, -10.5%, 0) scale3d(1, 1, 1)
    }
}

@keyframes header-third-son-left-hand {

    0%,
    4% {
        transform: translate3d(0, 0, 0) rotate(16deg)
    }

    4.5% {
        transform: translate3d(0, 0, 0) rotate(32deg);
        animation-timing-function: ease-in-out
    }

    5.5% {
        transform: translate3d(0, 0, 0) rotate(0)
    }

    7.5%,
    20.5% {
        transform: translate3d(0, 0, 0) rotate(16deg)
    }

    21% {
        transform: translate3d(0, 0, 0) rotate(32deg);
        animation-timing-function: ease-in-out
    }

    22% {
        transform: translate3d(0, 0, 0) rotate(0)
    }

    24%,
    30.7% {
        transform: translate3d(0, 0, 0) rotate(16deg)
    }

    31.2% {
        transform: translate3d(0, 0, 0) rotate(32deg);
        animation-timing-function: ease-in-out
    }

    32.2% {
        transform: translate3d(0, 0, 0) rotate(0)
    }

    34.2%,
    38% {
        transform: translate3d(0, 0, 0) rotate(16deg)
    }

    38.5% {
        transform: translate3d(0, 0, 0) rotate(32deg);
        animation-timing-function: ease-in-out
    }

    39.5% {
        transform: translate3d(0, 0, 0) rotate(0)
    }

    41.5%,
    45% {
        transform: translate3d(0, 0, 0) rotate(16deg)
    }

    45.5% {
        transform: translate3d(0, 0, 0) rotate(32deg);
        animation-timing-function: ease-in-out
    }

    46.5% {
        transform: translate3d(0, 0, 0) rotate(0)
    }

    48.5% {
        transform: translate3d(0, 0, 0) rotate(16deg)
    }

    49% {
        transform: translate3d(0, 0, 0) rotate(32deg);
        animation-timing-function: ease-in-out
    }

    49.8% {
        transform: translate3d(0, 0, 0) rotate(0)
    }

    51.6% {
        transform: translate3d(0, 0, 0) rotate(16deg)
    }

    52.1% {
        transform: translate3d(0, 0, 0) rotate(32deg);
        animation-timing-function: ease-in-out
    }

    52.9% {
        transform: translate3d(0, 0, 0) rotate(0)
    }

    54.7%,
    63% {
        transform: translate3d(0, 0, 0) rotate(16deg) scale3d(1, 1, 1);
        animation-timing-function: ease-in-out
    }

    64% {
        transform: translate3d(0, 20%, 0) rotate(-12deg) scale3d(0.9, 1.1, 1)
    }

    65%,
    98% {
        transform: translate3d(0, 20%, 0) rotate(-12deg) scale3d(1, 1, 1)
    }
}

@keyframes site-title-anime {
    0% {
        transform: rotateY(180deg)
    }

    100% {
        transform: rotateY(0)
    }
}

@keyframes fly-around-seagull {

    0%,
    50%,
    100% {
        offset-distance: 0%
    }

    9.3%,
    10.8%,
    12.5% {
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }

    9.8%,
    11.3% {
        transform: translate3d(0, 0, 0) scale3d(1, 0.85, 1)
    }

    10.3%,
    11.8% {
        transform: translate3d(0, 3px, 0) scale3d(0.15, 1, 1)
    }

    25%,
    75% {
        offset-distance: 100%
    }
}

@keyframes home-position {
    100% {
        transform: translate(0) scale(1)
    }
}

@keyframes bounce-sun {
    0% {
        transform: translate3d(0, -43%, 0) rotateZ(0deg);
        animation-timing-function: cubic-bezier(0.83, 0.1, 0.58, 1)
    }

    43% {
        transform: translate3d(0, 5%, 0) rotateZ(90deg)
    }

    66.75% {
        transform: translate3d(0, -2%, 0) rotateZ(90deg)
    }

    85.75% {
        transform: translate3d(0, 1%, 0) rotateZ(90deg)
    }

    100% {
        transform: translate3d(0, 0, 0) rotateZ(90deg)
    }
}

@keyframes jiggle {

    38%,
    52% {
        transform: scale(1, 1)
    }

    40% {
        transform: scale(1.1, 0.9)
    }

    46% {
        transform: scale(0.9, 1.1) translate(0, -11%)
    }

    49% {
        transform: scale(1, 1) translate(0, -6%)
    }
}

@keyframes ring-anim {

    0%,
    4%,
    8%,
    12% {
        transform: rotate(-18deg)
    }

    2%,
    6%,
    10%,
    14% {
        transform: rotate(18deg)
    }

    16%,
    100% {
        transform: rotate(0)
    }
}

@keyframes fade-up-jump {
    0% {
        transform: translateY(33px);
        opacity: 0
    }

    90%,
    100% {
        opacity: 1
    }
}

@keyframes crab {

    0%,
    30% {
        offset-distance: 100%
    }

    40%,
    60% {
        offset-distance: 50%
    }

    70%,
    100% {
        offset-distance: 0
    }
}

@keyframes fade-in-a {

    0%,
    43% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in-bh {

    0%,
    39% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in-cg {

    0%,
    34% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in-df {

    0%,
    25% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in-e {

    0%,
    15% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes overreaching {

    0.6%,
    99.2% {
        transform: translateY(3.5px) scale(0.85, 1.15);
        animation-timing-function: cubic-bezier(0.59, 0.03, 1, 1)
    }
}

@keyframes rotate-while-floating {

    0%,
    100% {
        transform: rotateY(0)
    }

    50% {
        transform: translateY(-47px) rotateY(180deg)
    }
}

@keyframes rotate-while-floating-2 {

    0%,
    100% {
        transform: rotateY(180deg)
    }

    50% {
        transform: translateY(-47px) rotateY(0)
    }
}

@keyframes drooping-swaying-falling {
    0% {
        transform: translateY(-35px)
    }

    0.1% {
        opacity: 0
    }

    0.7% {
        transform: translate(0)
    }

    1.7% {
        transform: rotateZ(0);
        opacity: 1;
        animation-timing-function: ease-in-out
    }

    2.3%,
    3.9%,
    5.5%,
    7.3% {
        transform: rotateZ(15deg)
    }

    3.1%,
    4.7%,
    6.3% {
        transform: rotateZ(-15deg)
    }

    8.5%,
    10% {
        transform: translate(0) scale(1) rotateZ(0);
        animation-timing-function: cubic-bezier(1, 0, 1, 1)
    }

    12.3% {
        opacity: 1
    }

    14%,
    100% {
        transform: translateY(190px) scale(0.8, 1.7);
        opacity: 0
    }
}

@keyframes shake-the-tail {

    25%,
    47.5%,
    48.5%,
    49.5%,
    50.5%,
    51.5%,
    52.5% {
        transform: translateX(0) rotateY(0)
    }

    47%,
    48%,
    49%,
    50%,
    51%,
    52%,
    53%,
    75% {
        transform: translateX(4.8px) rotateY(180deg)
    }
}

@keyframes big-small {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(0.3)
    }
}

@keyframes pen-light-r {

    0%,
    0.85% {
        transform: translate(0) rotate(-20deg)
    }

    1.8%,
    11.1% {
        transform: translate(-8px, 6px) rotate(265deg)
    }

    12%,
    12.3%,
    17.8% {
        transform: translate(0) rotate(-20deg)
    }

    19.1%,
    21.3% {
        transform: translate(-8px, 6px) rotate(265deg);
        animation-timing-function: ease-in-out
    }

    21.8%,
    22% {
        transform: translate(0) rotate(-230deg)
    }

    22.5%,
    25.5%,
    52.1%,
    64% {
        transform: translate(0) rotate(-20deg);
        animation-timing-function: cubic-bezier(0.26, 0.54, 0.68, 1)
    }

    26.97%,
    65.6% {
        transform: translate(-13px, -32px) rotate(-1102deg);
        animation-timing-function: cubic-bezier(0.77, 0.1, 1, 1)
    }

    28.6%,
    51.4% {
        transform: translate(0) rotate(0)
    }

    67.1%,
    69% {
        transform: translate(0) rotate(-20deg)
    }

    70%,
    71.8% {
        transform: translate(-8px, 7px) rotate(-96deg)
    }

    72.3%,
    100% {
        transform: translate(0) rotate(-380deg)
    }
}

@keyframes pen-light-l {

    0%,
    0.85% {
        transform: translate(0) rotate(20deg)
    }

    1.8%,
    11.1% {
        transform: translate(-3px, -5px) rotate(-10deg)
    }

    12%,
    17.8%,
    72.8%,
    100% {
        transform: translate(0) rotate(20deg)
    }

    19.1%,
    19.4% {
        transform: translate(-3px, -3px) rotate(-17deg)
    }

    20.7%,
    22.6% {
        transform: translate(0) rotate(20deg);
        animation-timing-function: ease-in-out
    }

    23.1%,
    23.3% {
        transform: translate(0) rotate(230deg)
    }

    23.8%,
    25.5%,
    48.9%,
    67.1% {
        transform: translate(0) rotate(20deg);
        animation-timing-function: cubic-bezier(0.26, 0.54, 0.68, 1)
    }

    26.97% {
        transform: translate(13px, -32px) rotate(1102deg);
        animation-timing-function: cubic-bezier(0.77, 0.1, 1, 1)
    }

    28.6%,
    46.6% {
        transform: translate(0) rotate(0)
    }

    47.8%,
    48.06%,
    48.32% {
        transform: translate(4px, -0.5px) rotate(45deg)
    }

    47.93%,
    48.19% {
        transform: translate(-0.5px, -2.5px) rotate(5deg)
    }

    67.9%,
    69% {
        transform: translate(0) rotate(-340deg)
    }

    70%,
    72.2% {
        transform: translate(8px, 7px) rotate(-263deg)
    }
}

@keyframes wave-hands-l {
    0% {
        transform: rotate(0);
        animation-timing-function: ease-in-out
    }

    0.7%,
    0.85% {
        transform: rotate(2deg);
        animation-timing-function: ease-in-out
    }

    1.8%,
    11.1% {
        transform: rotate(-29deg);
        animation-timing-function: cubic-bezier(0.52, 0.11, 0.58, 1)
    }

    12%,
    12.3%,
    13.9%,
    22%,
    23.6%,
    25.2%,
    32.6%,
    33.4%,
    35%,
    38.1%,
    40.4%,
    41.2%,
    43.5%,
    44.3%,
    46.6%,
    48.9%,
    51.4%,
    61.4% {
        transform: rotate(0)
    }

    12.7%,
    13.5%,
    22.4%,
    23.2% {
        transform: rotate(10deg)
    }

    13.1%,
    22.8% {
        transform: rotate(-5deg)
    }

    16% {
        transform: rotate(-13deg)
    }

    17.8% {
        transform: rotate(3deg)
    }

    19.1%,
    19.4% {
        transform: rotate(-22deg)
    }

    20.7%,
    21.3% {
        transform: rotate(6deg);
        animation-timing-function: ease-in-out
    }

    25.8%,
    28.7% {
        transform: rotate(-24deg)
    }

    30.7%,
    31.8%,
    52.1%,
    53.5%,
    54.9%,
    56.3%,
    57.7%,
    59.1%,
    60.5% {
        transform: rotate(4deg)
    }

    32.2%,
    33% {
        transform: rotate(-12deg)
    }

    36%,
    39.1%,
    42.2%,
    45.3% {
        transform: rotate(-4deg)
    }

    36.5%,
    39.6%,
    42.7%,
    45.8% {
        transform: rotate(-25deg)
    }

    47.8%,
    48.3% {
        transform: rotate(-26deg);
        animation-timing-function: ease-in-out
    }

    52.8%,
    54.2%,
    55.6%,
    57%,
    58.4%,
    59.8% {
        transform: rotate(-22deg)
    }
}

@keyframes wave-hands-r {
    0% {
        transform: rotate(0);
        animation-timing-function: ease-in-out
    }

    0.7%,
    0.85% {
        transform: rotate(-2deg);
        animation-timing-function: ease-in-out
    }

    1.8%,
    11.1% {
        transform: rotate(-7deg);
        animation-timing-function: cubic-bezier(0.52, 0.11, 0.58, 1)
    }

    12%,
    12.3%,
    13.9%,
    22%,
    23.6%,
    25.2%,
    34.2%,
    35%,
    38.1%,
    40.4%,
    41.2%,
    43.5%,
    44.3%,
    46.6%,
    51.4%,
    61.4%,
    63.7%,
    67.2%,
    100% {
        transform: rotate(0)
    }

    12.7%,
    13.5%,
    22.4%,
    23.2% {
        transform: rotate(-10deg)
    }

    13.1%,
    22.8% {
        transform: rotate(5deg)
    }

    16% {
        transform: rotate(-3deg)
    }

    17.8% {
        transform: rotate(13deg)
    }

    19.1%,
    19.4% {
        transform: rotate(-6deg)
    }

    20.7%,
    21.3% {
        transform: rotate(17deg);
        animation-timing-function: ease-in-out
    }

    25.8%,
    28.7% {
        transform: rotate(24deg)
    }

    30.7%,
    33.4%,
    52.8%,
    54.2%,
    55.6%,
    57%,
    58.4%,
    59.8% {
        transform: rotate(-4deg)
    }

    33.8%,
    34.6% {
        transform: rotate(12deg)
    }

    36%,
    39.1%,
    42.2%,
    45.3% {
        transform: rotate(15deg)
    }

    36.5%,
    39.6%,
    42.7%,
    45.8% {
        transform: rotate(25deg)
    }

    52.1%,
    53.5%,
    54.9%,
    56.3%,
    57.7%,
    59.1%,
    60.5% {
        transform: rotate(22deg)
    }

    64.3%,
    66.6% {
        transform: rotate(25deg);
        animation-timing-function: ease-in-out
    }
}

@keyframes face-second-son {

    7.1%,
    8.3%,
    39%,
    44%,
    47%,
    51.4%,
    61.4%,
    100% {
        opacity: 1
    }

    7.11%,
    8.29%,
    39.01%,
    43.99%,
    51.41%,
    61.39% {
        opacity: 0
    }

    36%,
    47%,
    51.4% {
        transform: rotate(0) skew(0)
    }

    37%,
    39%,
    45% {
        transform: rotate3d(1, 1, 1, 5deg) skew(1deg, 1deg)
    }

    38%,
    44%,
    46% {
        transform: rotate3d(1, 1, 1, -5deg) skew(-1deg, -1deg)
    }
}

@keyframes face-shake-second-son {

    0%,
    7.09%,
    8.31%,
    38.99%,
    44.01%,
    51.39%,
    61.41%,
    100% {
        opacity: 0
    }

    7.1%,
    8.3%,
    39%,
    44%,
    51.4%,
    61.4% {
        opacity: 1
    }

    7.1%,
    8.3%,
    51.2%,
    51.4%,
    61.4% {
        transform: rotate(0) skew(0)
    }

    7.5% {
        transform: rotate(-7deg)
    }

    7.9% {
        transform: rotate(7deg)
    }

    39%,
    41%,
    43% {
        transform: rotate3d(1, 1, 1, 5deg) skew(1deg, 1deg)
    }

    40%,
    42%,
    44% {
        transform: rotate3d(1, 1, 1, -5deg) skew(-1deg, -1deg)
    }

    52.1%,
    53.5%,
    54.9%,
    56.3%,
    57.7%,
    59.1%,
    60.5% {
        transform: rotate3d(1, 1, 1, -10deg) skew(-1.5deg, -1.5deg)
    }

    52.8%,
    54.2%,
    55.6%,
    57%,
    58.4%,
    59.8% {
        transform: rotate3d(1, 1, 1, 10deg) skew(1.5deg, 1.5deg)
    }
}

@keyframes happy-dance {
    0% {
        transform: translate(0) rotate(0) scale(1);
        animation-timing-function: ease-in-out
    }

    0.7%,
    0.85% {
        transform: translate(0) rotate(0) scale(1.02, 0.93);
        animation-timing-function: ease-in-out
    }

    1.8%,
    11.1% {
        transform: translate(-4.2px, -3px) rotate(18deg) scale(0.98, 1.05);
        animation-timing-function: cubic-bezier(0.52, 0.11, 0.58, 1)
    }

    12%,
    12.3%,
    72.8% {
        transform: translate(0) rotate(0) scale(1);
        animation-timing-function: linear
    }

    12.7%,
    13.5%,
    47.8%,
    48.6%,
    73.2%,
    74% {
        transform: translateY(-1.5px);
        animation-timing-function: linear
    }

    13.1%,
    48.2%,
    73.6% {
        transform: translate(0);
        animation-timing-function: linear
    }

    13.9% {
        transform: translate(0) rotate(0) skew(0)
    }

    16% {
        transform: translate(0, 0.5px) rotate(3.5deg) skew(-1deg, -1deg)
    }

    17.8% {
        transform: translate(0, 0.5px) rotate(-3.5deg) skew(1deg, 1deg)
    }

    19.1%,
    19.4% {
        transform: translate(28px, 0.5px) rotate(4deg) skew(-1deg, -1deg)
    }

    20.6%,
    21.15% {
        transform: translate(-50.5px, 0.5px) rotate(-4deg) skew(1deg, 1deg);
        animation-timing-function: ease-in-out
    }

    22% {
        transform: translate(-50.5px, 0.5px) rotate(0) skew(0);
        animation-timing-function: linear
    }

    22.4%,
    23.2% {
        transform: translate(-50.5px, -1.5px);
        animation-timing-function: linear
    }

    22.8% {
        transform: translate(-50.5px, 0);
        animation-timing-function: linear
    }

    23.6%,
    29% {
        transform: translate(-50.5px, 0) rotate(0)
    }

    31%,
    31.8% {
        transform: translate(0) rotateY(360deg);
        animation-timing-function: linear
    }

    31.4%,
    32.2% {
        transform: translateY(-1.5px) rotateY(360deg);
        animation-timing-function: linear
    }

    32.6% {
        transform: translate(0) rotateY(360deg)
    }

    35% {
        transform: translate(0) rotateY(360deg);
        animation-timing-function: ease-in-out
    }

    36%,
    42.2% {
        transform: translate(-2px, -2px) rotate(12deg)
    }

    36.5%,
    42.7% {
        transform: translate(-2px, -7px) rotate(12deg);
        animation-timing-function: ease-in
    }

    37.3%,
    43.5% {
        transform: translate(-2px, -2px) rotate(12deg);
        animation-timing-function: ease-out
    }

    38.1%,
    44.3% {
        transform: translate(0) rotate(0);
        animation-timing-function: ease-in-out
    }

    39.1%,
    45.3% {
        transform: translate(2px, -2px) rotate(-12deg)
    }

    39.6%,
    45.8% {
        transform: translate(2px, -7px) rotate(-12deg);
        animation-timing-function: ease-in
    }

    40.4%,
    46.6% {
        transform: translate(2px, -2px) rotate(-12deg);
        animation-timing-function: ease-out
    }

    41.2% {
        transform: translate(0) rotate(0);
        animation-timing-function: ease-out
    }

    47.4% {
        transform: translate(0) rotate(0);
        animation-timing-function: linear
    }

    49% {
        transform: translate(0) rotate(0) scale(1)
    }

    51.2%,
    61.5% {
        transform: translateY(17px) rotateY(360deg) scale(1.1);
        animation-timing-function: ease-in
    }

    62% {
        transform: translateY(7px) rotateY(360deg) scale(1.1);
        animation-timing-function: ease-in-out
    }

    62.61%,
    70.6% {
        transform: translateY(17px) rotateY(360deg) scale(1.1);
        animation-timing-function: cubic-bezier(0.11, 0.4, 0.2, 1)
    }

    74.4% {
        transform: translate(0)
    }
}

@keyframes fly-around {
    0% {
        offset-distance: 0%;
        transform: rotate(150deg)
    }

    10%,
    11.1%,
    12.2% {
        transform: scale(1) rotate(150deg)
    }

    10.2%,
    11.3%,
    12.4% {
        transform: scale(1, 0.85) rotate(150deg)
    }

    10.8%,
    11.9%,
    13% {
        transform: scale(0.15, 1) translateY(1px) rotate(150deg)
    }

    11%,
    12.1%,
    13.2% {
        transform: scale(1) translateY(0) rotate(150deg)
    }

    49% {
        transform: rotate(150deg) rotateY(0)
    }

    50% {
        offset-distance: 100%
    }

    51% {
        transform: rotate(187deg) rotateY(180deg)
    }

    60%,
    61.1%,
    62.2% {
        transform: scale(1) rotate(187deg) rotateY(180deg)
    }

    60.2%,
    61.3%,
    62.4% {
        transform: scale(1, 0.85) rotate(187deg) rotateY(180deg)
    }

    60.8%,
    61.9%,
    63% {
        transform: scale(0.15, 1) translateY(1px) rotate(187deg) rotateY(180deg)
    }

    61%,
    62.1%,
    63.2% {
        transform: scale(1) translateY(0) rotate(187deg) rotateY(180deg)
    }

    98% {
        offset-distance: 0%;
        transform: rotate(187deg) rotateY(180deg)
    }
}

@keyframes boing-boing {
    0% {
        transform: translate(0);
        animation-timing-function: ease-in
    }

    11.25% {
        transform: translate(0) scale(1.15, 0.85)
    }

    16.25% {
        transform: translateY(-23%) scale(0.85, 1.15);
        animation-timing-function: ease-in
    }

    20% {
        transform: translateY(-6%) scale(0.85, 1.15);
        animation-timing-function: cubic-bezier(0, 0.27, 0.58, 1)
    }

    22.5% {
        transform: translate(0) scale(1.15, 0.85);
        animation-timing-function: ease-in-out
    }

    24.4%,
    28.4% {
        transform: translate(0) rotateY(0);
        animation-timing-function: cubic-bezier(0.4, 0.15, 0.21, 1.7)
    }

    35.9%,
    67.1% {
        transform: translate(0) rotateY(180deg);
        animation-timing-function: cubic-bezier(0.67, 0.16, 0.58, 1)
    }

    75.1%,
    100% {
        transform: translate(0) rotateY(0)
    }
}

@keyframes leaves-that-have-fallen-off {
    0% {
        transform: translate(105%, 45%) rotate3d(0.2, 0.6, 0.2, 0) scale(1)
    }

    20% {
        transform: translate(-300%, -160%) rotate3d(0.2, 0.6, 0.2, 1080deg) scale(1);
        animation-timing-function: ease-in-out
    }

    25%,
    58% {
        opacity: 1
    }

    37.5% {
        transform: translate(-370%, -58%) rotate3d(0, 0, 1, 1145deg) scale(1);
        animation-timing-function: ease-in-out
    }

    49%,
    53% {
        transform: translate(-300%, -10%) rotate3d(0, 0, 1, 1110deg) scale(1);
        height: 22px
    }

    56% {
        height: 60px
    }

    65% {
        opacity: 0;
        height: 30px
    }

    80% {
        transform: translate(230%, -70%) rotate3d(0.2, 0.6, 0.2, 0deg) scale(0.6)
    }
}

@keyframes fall {
    0% {
        transform: translateY(-60px);
        opacity: 0
    }
    2.7027027% {
        opacity: 1
    }
    100% {
        transform: translateY(65px);
        opacity: 1
    }
}

@keyframes stalking {
    0%, 1.81671377% {
        transform: translateZ(0) translateX(30%) rotate(-60deg) scale(0.3);
        opacity: 1
    }
    11.02139685% {
        transform: translateZ(0) translateX(-30%) rotate(20deg) scale(0.3)
    }
    20.22607994% {
        transform: translateZ(0) translateX(30%) rotate(-57deg) scale(0.3)
    }
    30.6580541%, 32.49899071% {
        transform: translateZ(0) translate(0) rotate(0) scale(0.3);
        animation-timing-function: cubic-bezier(0.12, 0.58, 0.31, 1)
    }
    38.94226887%, 40.16955995% {
        transform: translateZ(0) translate(0, -70%) rotate(1080deg) scale(1);
        animation-timing-function: cubic-bezier(0.82, 0, 0.93, 0.7)
    }
    43.54461042% {
        transform: translateZ(0) translate(0, -36%) rotate(1080deg);
        animation-timing-function: cubic-bezier(0.38, 0.23, 0.7, 1)
    }
    57.8118692% {
        transform: translateZ(0) translate(-23%, -36%) rotate(1080deg) scale(1)
    }
    58.57892612%, 67.7836092% {
        transform: translateZ(0) translate(-23%, -31%) rotate(1080deg) scale(1, 0.9)
    }
    68.55066613%, 69.31772305% {
        transform: translateZ(0) translate(-11%, -31%) rotate(1091deg) scale(1, 0.9)
    }
    70.08477998%, 70.8518369% {
        transform: translateZ(0) translate(200%, -31%) rotate(1095deg) scale(1, 0.9)
    }
    71.61889382%, 72.38595075% {
        transform: translateZ(0) translate(100%, -35%) rotate(1030deg) scale(1, 0.9)
    }
    73.15300767%, 100% {
        transform: translateZ(0) translate(200%, -31%) rotate(1100deg) scale(1, 0.9);
        opacity: 1
    }
}

@keyframes estrus-period {
    0%, 61.03350828%, 62.87444489% {
        transform: scale(1)
    }
    61.95397658% {
        transform: scale(1.2)
    }
    63.7949132% {
        transform: scale(1.3)
    }
    64.71538151% {
        transform: scale(1);
        filter: hue-rotate(0);
        animation-timing-function: ease-in-out
    }
    65.63584982%, 100% {
        transform: scale(1.5);
        filter: hue-rotate(200deg)
    }
}

@keyframes quick-change-of-clothes {
    0% {
        transform: translate(0) scale(1) rotateY(0);
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    4% {
        transform: translate(0) scale(1.1, 0.88) rotateY(0)
    }

    5%,
    45%,
    69.5%,
    100% {
        opacity: 1
    }

    5.01%,
    44.99% {
        opacity: 0
    }

    8%,
    43.99% {
        transform: translateY(-14px) scale(0.95, 1.05) rotateY(360deg);
        animation-timing-function: ease-in
    }

    44% {
        transform: translate(0) scale(1.1, 0.88) rotateY(1800deg)
    }

    48% {
        transform: translateY(-14px) scale(0.95, 1.05) rotateY(2160deg);
        animation-timing-function: ease-in
    }

    50% {
        transform: translate(0) scale(1) rotateY(2160deg);
        animation-timing-function: ease-out
    }

    51.8% {
        transform: translate(0) scale(1.1, 0.88) rotateY(2160deg);
        animation-timing-function: ease-in-out
    }

    54%,
    56% {
        transform: translate(0) scale(1) rotateY(2160deg);
        animation-timing-function: cubic-bezier(0.4, 0.15, 0.21, 1.7)
    }

    61%,
    66% {
        transform: translate(0) scale(1) rotateY(1980deg);
        animation-timing-function: cubic-bezier(0.4, 0.15, 0.27, 0.99)
    }

    90%,
    100% {
        transform: translate(0) scale(1) rotateY(0)
    }
}

@keyframes quick-change-of-clothes-2 {

    0%,
    4% {
        transform: translate(0) scale(1.1, 0.88) rotateY(0)
    }

    4.99%,
    13.01% {
        opacity: 0
    }

    5%,
    13% {
        opacity: 1
    }

    8% {
        transform: translateY(-14px) scale(0.95, 1.05) rotateY(360deg);
        animation-timing-function: ease-in
    }

    10% {
        transform: translate(0) scale(1) rotateY(360deg);
        animation-timing-function: ease-out
    }

    11.8% {
        transform: translate(0) scale(1.1, 0.88) rotateY(360deg)
    }

    16% {
        transform: translateY(-14px) scale(0.95, 1.05) rotateY(720deg)
    }
}

@keyframes quick-change-of-clothes-3 {

    0%,
    12% {
        transform: translate(0) scale(1.1, 0.88) rotateY(360deg)
    }

    12.99%,
    21.01% {
        opacity: 0
    }

    13%,
    21% {
        opacity: 1
    }

    16% {
        transform: translateY(-14px) scale(0.95, 1.05) rotateY(720deg);
        animation-timing-function: ease-in
    }

    18% {
        transform: translate(0) scale(1) rotateY(720deg);
        animation-timing-function: ease-out
    }

    19.8% {
        transform: translate(0) scale(1.1, 0.88) rotateY(720deg)
    }

    24% {
        transform: translateY(-14px) scale(0.95, 1.05) rotateY(1080deg)
    }
}

@keyframes quick-change-of-clothes-4 {

    0%,
    20% {
        transform: translate(0) scale(1.1, 0.88) rotateY(720deg)
    }

    20.99%,
    29.01% {
        opacity: 0
    }

    21%,
    29% {
        opacity: 1
    }

    24% {
        transform: translateY(-14px) scale(0.95, 1.05) rotateY(1080deg);
        animation-timing-function: ease-in
    }

    26% {
        transform: translate(0) scale(1) rotateY(1080deg);
        animation-timing-function: ease-out
    }

    27.8% {
        transform: translate(0) scale(1.1, 0.88) rotateY(1080deg)
    }

    32% {
        transform: translateY(-14px) scale(0.95, 1.05) rotateY(1440deg)
    }
}

@keyframes quick-change-of-clothes-5 {

    0%,
    28% {
        transform: translate(0) scale(1.1, 0.88) rotateY(1080deg)
    }

    28.99%,
    37.01% {
        opacity: 0
    }

    29%,
    37% {
        opacity: 1
    }

    32% {
        transform: translateY(-14px) scale(0.95, 1.05) rotateY(1440deg);
        animation-timing-function: ease-in
    }

    34% {
        transform: translate(0) scale(1) rotateY(1440deg);
        animation-timing-function: ease-out
    }

    35.8% {
        transform: translate(0) scale(1.1, 0.88) rotateY(1440deg)
    }

    40% {
        transform: translateY(-14px) scale(0.95, 1.05) rotateY(1800deg)
    }
}

@keyframes quick-change-of-clothes-6 {

    0%,
    36% {
        transform: translate(0) scale(1.1, 0.88) rotateY(1440deg)
    }

    36.99%,
    45.01% {
        opacity: 0
    }

    37%,
    45% {
        opacity: 1
    }

    40% {
        transform: translateY(-14px) scale(0.95, 1.05) rotateY(1800deg);
        animation-timing-function: ease-in
    }

    42% {
        transform: translate(0) scale(1) rotateY(1800deg);
        animation-timing-function: ease-out
    }

    43.8% {
        transform: translate(0) scale(1.1, 0.88) rotateY(1800deg)
    }

    48% {
        transform: translateY(-14px) scale(0.95, 1.05) rotateY(2160deg)
    }
}

#fortress-footer-gate.is-loaded {
    opacity: 1;
    transition: opacity 0.55s cubic-bezier(0.4, 0, 0.18, 1)
}