.R-nf{color:var(--1i);font-family:var(--v);font-size:calc(var(--10) + var(--r));font-style:normal;font-weight:var(--13);letter-spacing:0;line-height:calc(var(--11) + var(--s));margin:0;margin-top:var(--1z);outline:none;padding:0;text-align:left}
.TDb{display:flex;flex-direction:column;margin:var(--1z) 0}.TDb:only-child{margin:var(--3) 0}.TDb:last-child{margin-bottom:0}.TDarl{margin-left:var(--1y);margin-right:var(--1y)}@media screen and (min-width:630px){.TDarl{margin-left:var(--48);margin-right:var(--48)}}.TDarn{height:auto;overflow:visible}.TDarp{overflow:hidden}.TDae9{width:100%}.TDarr{height:0;overflow:hidden}.TDoz{height:auto}
:root{--fi:16px}.MZah1{align-items:flex-start;display:flex;flex-direction:column;margin:var(--1z) 0;position:relative;width:100%}.MZah1:only-child{margin:var(--3) 0}.MZah1:last-child{margin-bottom:0}.MZhl{background-color:rgba(var(--1c),.06);max-height:var(--20);object-fit:contain}body.dark .MZhl{background:rgba(var(--18),.098)}
.TVaif{cursor:pointer;width:inherit}
.IBul{margin-top:var(--0);width:100%}.IBxt{color:var(--1m);margin-right:var(--0)}.IBxv{height:12px;width:16px}
.VPep{color:var(--1k);font-size:1.1rem;hanging-punctuation:first;letter-spacing:-.001em;line-height:1.6em;margin:var(--1z) 0;outline:none;overflow-wrap:break-word;text-indent:0}.VPep:only-child{margin:var(--3) 0}.VPep:last-child{margin-bottom:0}.VPep ol,.VPep ul{margin:var(--1z) 0 0;padding-left:28px}.VPep li{padding-left:var(--2)}.VPep li::marker{color:var(--color-brand);font-weight:700}body.dark :is(.VPep li::marker){color:var(--color-brand-white)}.VPep a{color:var(--1k);font-weight:var(--13);text-decoration-color:var(--52);text-decoration-line:underline;text-decoration-thickness:2px}.VPep a:active,.VPep a:focus{text-decoration-color:#0000}.VPep a:hover{background-color:rgba(var(--3x),.3)}.VPep a:visited{color:var(--4w)}.VPep a[rel~=sponsored]{margin-right:3.5rem}.VPep a[rel~=sponsored]>span[data-last-word]{position:relative;white-space:nowrap}.VPep a[rel~=sponsored]>span[data-last-word]:after{content:"REKLAMA";font-size:var(--25);font-style:normal;font-weight:var(--12);line-height:var(--2l);padding:0 var(--0);pointer-events:none;position:absolute;right:0;top:0;transform:translate(100%,50%)}.VPep ol+p,.VPep ul+p{margin-top:var(--1z)}.VPep blockquote{color:var(--1k);color:var(--1m);font-size:1.1rem;font-style:italic;hanging-punctuation:first;letter-spacing:-.001em;line-height:1.6em;outline:none;overflow-wrap:break-word;padding:0 var(--4);text-indent:0}.VPav3{font-weight:var(--13)}@media screen and (min-width:630px){.VPav3{font-size:1.375rem;line-height:1.273em}}.VPav5{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}
.IFx1{color:var(--1l)}@media screen and (min-width:630px){.IFx1{display:inline-block}}
.X3yd{margin:var(--1z) 0;margin-left:var(--1y);margin-right:var(--1y)}.X3yd:only-child{margin:var(--3) 0}.X3yd:last-child{margin-bottom:0}@media screen and (min-width:630px){.X3yd{margin-left:var(--48);margin-right:var(--48)}}.X3ul{padding:0 var(--3)}@media screen and (min-width:1140px){.X3ul{padding:0}}.X3azv{display:flex;justify-content:center}
.NRahz{height:100%;width:100%}
.X1b{margin:var(--1z) 0}.X1atx{width:100%}
.X9az1{background-color:var(--4o);border-radius:var(--b);padding:var(--1)}.X9r1{display:flex;flex-direction:column;margin-bottom:var(--0)}@media screen and (min-width:1140px){.X9r1{margin-bottom:var(--1)}}.X9nf{font-size:.875rem;line-height:1.5em;margin:0}@media screen and (min-width:1140px){.X9nf{font-size:1.125rem;line-height:1.5em}}.X9anb{color:var(--1m);text-transform:uppercase}.X9mt{border-radius:var(--b);height:100%;overflow:hidden}@media screen and (min-width:1140px){.X9mt{border-radius:0}}
.MXahz,.MXd{width:100%}.MXahz{height:100%}
.XZb{margin:var(--1z) 0;margin-left:var(--1y);margin-right:var(--1y)}.XZb:only-child{margin:var(--3) 0}.XZb:last-child{margin-bottom:0}@media screen and (min-width:630px){.XZb{margin-left:var(--48);margin-right:var(--48)}}.XZatx{width:100%}
.X7az1{background-color:var(--4o);padding:var(--3)}@media screen and (min-width:630px){.X7az1{border-radius:var(--b);padding:var(--1)}}@media screen and (min-width:1140px){.X7az1{padding:var(--3)}}.X7r1{display:flex;flex-direction:column;margin-bottom:var(--0)}@media screen and (min-width:1140px){.X7r1{margin-bottom:var(--1)}}.X7nf{font-size:.875rem;line-height:1.5em;margin:0}@media screen and (min-width:1140px){.X7nf{font-size:1.125rem;line-height:1.5em}}.X7anb{color:var(--1m);text-transform:uppercase}.X7mt{border-radius:var(--b);height:100%;overflow:hidden}@media screen and (min-width:1140px){.X7mt{border-radius:0}}
.YBb,.YBb:only-child{margin:0}
.W-ep{margin:var(--1z) 0}.W-ep:only-child{margin:var(--3) 0}.W-ep:last-child{margin-bottom:0}
.IDd{max-width:100%;overflow:hidden;position:relative;z-index:1}.IDxx{border-bottom:var(--0) solid var(--color-brand);transition:border-color .3s}.IDc-{background-color:var(--color-brand);border:none;border-radius:var(--b) var(--b) 0 0;bottom:0;color:var(--16);cursor:pointer;display:block;font-size:.75rem;font-weight:var(--13);left:50%;letter-spacing:1px;line-height:1.5em;line-height:1em;opacity:0;padding:var(--1) var(--3);position:absolute;transform:translateX(-50%);transition:opacity .3s,visibility .3s;visibility:hidden;z-index:2}.IDc-:hover{text-decoration:underline}.IDc-:after{border-bottom:1px solid var(--16);border-right:1px solid var(--16);content:"";display:inline-block;height:6px;margin:0 0 var(--0) var(--1);position:relative;transform:rotate(45deg);width:6px}.IDxz{opacity:1;transition:opacity .3s,visibility .3s;visibility:visible}
.XBep{margin:var(--1z) 0}.XBep:only-child{margin:var(--3) 0}.XBep:last-child{margin-bottom:0}
:root{--nn:-15px}.YNgh{margin-bottom:var(--0)}.YNa0t{border:2px var(--5d);border-style:dotted none;display:grid;margin:var(--1z) 0;margin-top:calc(var(--1z) + var(--nn)*-1);padding:var(--3) 0;position:relative;row-gap:var(--3)}.YNa0t:only-child{margin:var(--3) 0}.YNa0t:last-child{margin-bottom:0}.YNa0v{background:var(--4l);box-sizing:initial;color:var(--1m);height:32px;left:50%;position:absolute;top:var(--nn);transform:translateX(-50%);width:41px}.YNajn{color:var(--1j);margin:unset}@media screen and (min-width:1366px){.YNajn{font-size:1rem;line-height:1.5em}}.YNa0x{color:var(--1m);font-style:italic;line-height:1.667em;margin:unset}.YNa0x>p:before{content:"\201C"}.YNa0x>p:after{content:"\201D"}.YNa0z:before{background-color:var(--1m);border-radius:var(--e);content:"";height:6px;margin-bottom:var(--1);width:6px}.YNa01{display:grid;justify-items:center;margin-top:var(--1)}.YNl1{color:var(--1m)}
.XLb{margin:var(--1z) 0;max-width:100%;overflow-x:auto}.XLb:only-child{margin:var(--3) 0}.XLb:last-child{margin-bottom:0}.XLb table{border-bottom:1px solid var(--1l);border-collapse:collapse;border-top:1px solid var(--1l);font-variant-numeric:lining-nums tabular-nums;margin:0 auto}.XLb th{color:var(--1k);font-size:.75rem;font-weight:var(--13);hanging-punctuation:first;letter-spacing:-.001em;line-height:1.5em;outline:none;overflow-wrap:break-word;padding:.25em .5em;text-align:left;text-indent:0}.XLb th:empty{padding:0}@media screen and (min-width:630px){.XLb th{font-size:1rem;line-height:1.5em}}.XLb td{color:var(--1k);font-size:.75rem;hanging-punctuation:first;letter-spacing:-.001em;line-height:1.5em;outline:none;overflow-wrap:break-word;padding:.25em .5em;text-indent:0}.XLb td:empty{padding:0}@media screen and (min-width:630px){.XLb td{font-size:1rem;line-height:1.5em}}
:root{--ox:var(--4j)}.AAFbb{background-color:var(--4o);column-gap:var(--1);display:grid;grid-template-columns:110px 1fr;margin:0;text-decoration:none}.AAFbb .AAFa3x{align-items:center;background-color:var(--4l);border-radius:var(--b);display:flex;height:82px;justify-content:center;width:110px}@media screen and (min-width:630px){.AAFbb .AAFa3x{height:100px;width:135px}}.AAFbb .AAFa3z{font-size:.875rem;line-height:1.5em}@media screen and (min-width:630px){.AAFbb .AAFa3z{font-size:1.375rem;line-height:1.273em}}.AAFbb .AAFa31{color:var(--ox);display:inline;height:16px;margin-left:var(--1);transform:translateY(-2px);width:16px}@media screen and (min-width:630px){.AAFbb .AAFa31{height:20px;transform:translateY(calc(var(--0)*-1));width:20px}}.AAFbb .AAFa33{color:var(--1m)}.AAFbb:hover .AAFa3x{opacity:.8}.AAFbb:hover .AAFa33,.AAFbb:hover .AAFa31,.AAFbb:hover .AAFa3z{opacity:.6}@media screen and (min-width:630px){.AAFbb{align-items:center;column-gap:var(--3);grid-template-columns:135px 1fr}}.AAFa35{height:100%;width:100%}.AAFa37{color:var(--ox);height:48px;width:48px}@media screen and (min-width:630px){.AAFa37{height:64px;width:64px}}.AAFa39{display:flex;flex-direction:column;margin:var(--1) 0;row-gap:var(--0)}
.AAHbb{background-color:var(--4o);display:grid;gap:var(--1);grid-template-columns:110px 1fr;margin:0;text-decoration:none}@media screen and (min-width:630px){.AAHbb{column-gap:var(--3);grid-template-columns:135px 1fr}}.AAHyd{border-radius:var(--b);height:82px;overflow:hidden;width:110px}@media screen and (min-width:630px){.AAHyd{height:100px;width:135px}}.AAHhl{background-color:var(--16);display:block}.AAHr1{display:flex;flex-direction:column;margin:var(--1) 0;row-gap:var(--0)}@media screen and (min-width:630px){.AAHr1{margin:0}}.AAHnf{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;font-size:.875rem;line-height:1.5em;overflow:hidden}@media screen and (min-width:630px){.AAHnf{font-size:1.375rem;line-height:1.273em}}.AAHa3-{color:var(--1m)}.AAHa4b{object-fit:fill}.AAHa4d{object-fit:contain}.AAHgf{grid-template-columns:1fr}.AAHgf .AAHyd{border-radius:unset;height:auto;overflow:hidden;position:relative;width:auto}@supports (not (aspect-ratio:auto)){.AAHgf .AAHyd{height:0;padding-bottom:59.52381%;width:100%}.AAHgf .AAHyd>div:first-child,.AAHgf .AAHyd>iframe:first-child,.AAHgf .AAHyd>img:first-child,.AAHgf .AAHyd>picture:first-child{height:100%;left:0;position:absolute;top:0;width:100%}}@supports (aspect-ratio:auto){.AAHgf .AAHyd{aspect-ratio:1.68}}@media screen and (min-width:630px){.AAHgf .AAHyd{border-radius:var(--b);height:100px;width:135px}}.AAHgf .AAHr1{margin:0}.AAHgf .AAHnf{font-size:1rem;line-height:1.5em}@media screen and (min-width:630px){.AAHgf .AAHnf{font-size:1.375rem;line-height:1.273em}.AAHgf{grid-template-columns:135px 1fr}}.AAHbb:hover .AAHhl{opacity:.8}.AAHbb:hover .AAHr1{opacity:.6}
.XVazn,.XVazp{background-color:var(--4o);margin:var(--1z) 0}.XVazn:only-child,.XVazp:only-child{margin:var(--3) 0}.XVazn:last-child,.XVazp:last-child{margin-bottom:0}.XVazp{border-radius:var(--b);padding:var(--1)}@media screen and (min-width:630px){.XVazp{padding:var(--3)}}.XVazn{display:flex;flex-direction:column;gap:var(--1);padding:var(--2)}@media screen and (min-width:630px){.XVazn{border-radius:var(--b);padding:var(--3)}}
@media screen and (min-width:630px){.W9ayh{display:flex;justify-content:center}}
.XJkn{background:#0000;border-radius:var(--b);display:grid;gap:var(--3);grid-template-columns:1fr;margin:var(--1z) 0}.XJkn:only-child{margin:var(--3) 0}.XJkn:last-child{margin-bottom:0}@media screen and (min-width:630px){.XJkn{grid-template-columns:1fr 1fr}}.XJkr{background:var(--4i);display:flex;flex-direction:column;gap:var(--1);padding:var(--4)}.XJq-{display:grid;gap:var(--3);list-style:none;margin:0;padding-left:var(--1)}.XJay1{align-items:baseline;display:flex;gap:var(--1)}.XJay3{flex:1}.XJcl{align-items:center;border-radius:var(--f);display:flex;height:16px;justify-content:center;width:16px}.XJcl.XJay5{background-color:#559b98}.XJcl.XJay7{background-color:#ba6d78}.XJbt{color:var(--16);height:10px;width:10px}
.XNb{display:grid;margin:var(--1z) 0;place-items:center;text-align:center;grid-gap:var(--3);background:var(--4o);border-radius:var(--c);padding:var(--3) 0 var(--5)}.XNb:only-child{margin:var(--3) 0}.XNb:last-child{margin-bottom:0}.XNay9{align-items:center;display:flex}.XNay-{color:var(--1j);font-size:1.75rem;font-weight:var(--13);margin:0 var(--1)}.XNazb{color:var(--1m)}
.M7b{display:flex;justify-content:center;margin:var(--1z) 0}.M7b:only-child{margin:var(--3) 0}.M7b:last-child{margin-bottom:0}.M7ah9{width:658px}
.XPd1{height:400px}.XPmn{height:720px}@media screen and (min-width:630px){.XPmn{height:760px}}
:root{--63:15px}@media screen and (min-width:630px){.Lb{display:flow-root}.Lb:empty{padding:var(--63) 0}.Lb .closed{margin:var(--63) auto!important}}@media screen and (min-width:630px){.Lal{display:flow-root}.Lal:empty,.Lal>div>div:empty{padding:var(--63) 0}}.Lr{min-height:250px}.Lr,.Lv{margin:var(--63) auto}.Lv{min-height:300px}
twitter-widget{margin-left:auto;margin-right:auto}.NDb{margin:var(--1z) 0}.NDb:only-child{margin:var(--3) 0}.NDb:last-child{margin-bottom:0}
.G7vf{align-items:center;color:var(--1m);column-gap:var(--1);display:flex;margin-bottom:var(--3);overflow:hidden;white-space:nowrap}.G7vf.G7vh{flex-wrap:wrap}@media screen and (min-width:1140px){.G7vf{margin-bottom:var(--1)}}.G7bt{display:flex;height:16px;width:16px}.G7vj{flex-shrink:0;height:8px;width:5px}.G7vl{overflow:hidden;text-overflow:ellipsis}
.NBb{margin:var(--1z) 0;text-align:center}.NBb:only-child{margin:var(--3) 0}.NBb:last-child{margin-bottom:0}.NBwx{overflow-x:scroll}
.XHayz{border-bottom:1px solid var(--4o);border-top:1px solid var(--4o);color:var(--1m);margin:var(--1z) 0;padding:var(--3) 0}.XHayz:only-child{margin:var(--3) 0}.XHayz:last-child{margin-bottom:0}
.XRb{margin:var(--1z) 0}.XRb:only-child{margin:var(--3) 0}.XRb:last-child{margin-bottom:0}.XRazd{height:auto;max-width:100%}
/* -- container -- */
.rodal,
.rodal-mask {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.rodal {
  position: fixed;
}

/* -- mask -- */
.rodal-mask {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
}

/* -- dialog -- */
.rodal-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 101;
  padding: 15px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.rodal-dialog:focus {
  outline: none;
}

/* -- close button -- */
.rodal-close {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
}

.rodal-close:before,
.rodal-close:after {
  position: absolute;
  content: '';
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #999;
  border-radius: 100%;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.rodal-close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.rodal-close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.rodal-close:hover:before,
.rodal-close:hover:after {
  background: #333;
}

/* -- fade -- */
@-webkit-keyframes rodal-fade-enter {
  from {
    opacity: 0;
  }
}

@keyframes rodal-fade-enter {
  from {
    opacity: 0;
  }
}

.rodal-fade-enter {
  -webkit-animation: rodal-fade-enter both ease-in;
  animation: rodal-fade-enter both ease-in;
}

@-webkit-keyframes rodal-fade-leave {
  to {
    opacity: 0;
  }
}

@keyframes rodal-fade-leave {
  to {
    opacity: 0;
  }
}

.rodal-fade-leave {
  -webkit-animation: rodal-fade-leave both ease-out;
  animation: rodal-fade-leave both ease-out;
}

/* -- zoom -- */
@-webkit-keyframes rodal-zoom-enter {
  from {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes rodal-zoom-enter {
  from {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.rodal-zoom-enter {
  -webkit-animation: rodal-zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);
  animation: rodal-zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes rodal-zoom-leave {
  to {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes rodal-zoom-leave {
  to {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.rodal-zoom-leave {
  -webkit-animation: rodal-zoom-leave both;
  animation: rodal-zoom-leave both;
}

/* -- slideDown -- */
@-webkit-keyframes rodal-slideDown-enter {
  from {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }
}

@keyframes rodal-slideDown-enter {
  from {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }
}

.rodal-slideDown-enter {
  -webkit-animation: rodal-slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);
  animation: rodal-slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes rodal-slideDown-leave {
  to {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }
}

@keyframes rodal-slideDown-leave {
  to {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }
}

.rodal-slideDown-leave {
  -webkit-animation: rodal-slideDown-leave both;
  animation: rodal-slideDown-leave both;
}

/* -- slideLeft -- */
@-webkit-keyframes rodal-slideLeft-enter {
  from {
    -webkit-transform: translate3d(-150px, 0, 0);
    transform: translate3d(-150px, 0, 0);
  }
}

@keyframes rodal-slideLeft-enter {
  from {
    -webkit-transform: translate3d(-150px, 0, 0);
    transform: translate3d(-150px, 0, 0);
  }
}

.rodal-slideLeft-enter {
  -webkit-animation: rodal-slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);
  animation: rodal-slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes rodal-slideLeft-leave {
  to {
    -webkit-transform: translate3d(-150px, 0, 0);
    transform: translate3d(-150px, 0, 0);
  }
}

@keyframes rodal-slideLeft-leave {
  to {
    -webkit-transform: translate3d(-150px, 0, 0);
    transform: translate3d(-150px, 0, 0);
  }
}

.rodal-slideLeft-leave {
  -webkit-animation: rodal-slideLeft-leave both;
  animation: rodal-slideLeft-leave both;
}

/* -- slideRight -- */
@-webkit-keyframes rodal-slideRight-enter {
  from {
    -webkit-transform: translate3d(150px, 0, 0);
    transform: translate3d(150px, 0, 0);
  }
}

@keyframes rodal-slideRight-enter {
  from {
    -webkit-transform: translate3d(150px, 0, 0);
    transform: translate3d(150px, 0, 0);
  }
}

.rodal-slideRight-enter {
  -webkit-animation: rodal-slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);
  animation: rodal-slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes rodal-slideRight-leave {
  to {
    -webkit-transform: translate3d(150px, 0, 0);
    transform: translate3d(150px, 0, 0);
  }
}

@keyframes rodal-slideRight-leave {
  to {
    -webkit-transform: translate3d(150px, 0, 0);
    transform: translate3d(150px, 0, 0);
  }
}

.rodal-slideRight-leave {
  -webkit-animation: rodal-slideRight-leave both;
  animation: rodal-slideRight-leave both;
}

/* -- slideUp -- */
@-webkit-keyframes rodal-slideUp-enter {
  from {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
}

@keyframes rodal-slideUp-enter {
  from {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
}

.rodal-slideUp-enter {
  -webkit-animation: rodal-slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);
  animation: rodal-slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes rodal-slideUp-leave {
  to {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
}

@keyframes rodal-slideUp-leave {
  to {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
}

.rodal-slideUp-leave {
  -webkit-animation: rodal-slideUp-leave both;
  animation: rodal-slideUp-leave both;
}

/* -- flip -- */
@-webkit-keyframes rodal-flip-enter {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes rodal-flip-enter {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.rodal-flip-enter {
  -webkit-animation: rodal-flip-enter both ease-in;
  animation: rodal-flip-enter both ease-in;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes rodal-flip-leave {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
  }
}

@keyframes rodal-flip-leave {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
  }
}

.rodal-flip-leave {
  -webkit-animation: rodal-flip-leave both;
  animation: rodal-flip-leave both;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

/* -- rotate -- */
@-webkit-keyframes rodal-rotate-enter {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);
    transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes rodal-rotate-enter {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);
    transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);
  }
}

.rodal-rotate-enter {
  -webkit-animation: rodal-rotate-enter both;
  animation: rodal-rotate-enter both;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes rodal-rotate-leave {
  to {
    -webkit-transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);
    transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes rodal-rotate-leave {
  to {
    -webkit-transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);
    transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);
  }
}

.rodal-rotate-leave {
  -webkit-animation: rodal-rotate-leave both;
  animation: rodal-rotate-leave both;
  -webkit-transform-origin: center;
  transform-origin: center;
}

/* -- door -- */
@-webkit-keyframes rodal-door-enter {
  from {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
  }
}

@keyframes rodal-door-enter {
  from {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
  }
}

.rodal-door-enter {
  -webkit-animation: rodal-door-enter both cubic-bezier(0.4, 0, 0, 1.5);
  animation: rodal-door-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes rodal-door-leave {
  60% {
    -webkit-transform: scale3d(0.01, 1, 1);
    transform: scale3d(0.01, 1, 1);
  }
  to {
    -webkit-transform: scale3d(0, 1, 0.1);
    transform: scale3d(0, 1, 0.1);
  }
}

@keyframes rodal-door-leave {
  60% {
    -webkit-transform: scale3d(0.01, 1, 1);
    transform: scale3d(0.01, 1, 1);
  }
  to {
    -webkit-transform: scale3d(0, 1, 0.1);
    transform: scale3d(0, 1, 0.1);
  }
}

.rodal-door-leave {
  -webkit-animation: rodal-door-leave both;
  animation: rodal-door-leave both;
}