.sd-flap{--flap-w:.78em;--flap-h:1.22em;--flap-gap:.07em;--flap-bg:#1b1b1a;--flap-bg-2:#232322;--flap-fg:#f4efe2;--flap-hinge:#0c0c0b;--flap-radius:.09em;gap:var(--flap-gap);perspective:6em;font-family:Helvetica Neue,Arial Narrow,Arial,sans-serif;font-weight:700;font-stretch:75%;line-height:1;display:inline-flex}.sd-flap__cell{width:var(--flap-w);height:var(--flap-h);border-radius:var(--flap-radius);display:inline-block;position:relative;box-shadow:0 .04em #000,0 .1em .2em #00000059}.sd-flap__half{background:var(--flap-bg);height:50%;color:var(--flap-fg);backface-visibility:hidden;position:absolute;left:0;right:0;overflow:hidden}.sd-flap__half>span{height:var(--flap-h);place-items:center;font-size:1em;display:grid;position:absolute;left:0;right:0}.sd-flap__top{border-radius:var(--flap-radius) var(--flap-radius) 0 0;background:linear-gradient(var(--flap-bg-2), var(--flap-bg));transform-origin:50% 100%;top:0}.sd-flap__top>span{top:0}.sd-flap__bottom{border-radius:0 0 var(--flap-radius) var(--flap-radius);transform-origin:50% 0;bottom:0}.sd-flap__bottom>span{bottom:0}.sd-flap__cell:after{content:"";background:var(--flap-hinge);z-index:3;height:.024em;position:absolute;top:calc(50% - .012em);left:0;right:0}.sd-flap__anim>.sd-flap__half{z-index:2}.sd-flap__fold{animation:sd-flap-fold var(--flip) ease-in forwards}.sd-flap__land{animation:sd-flap-land var(--flip) ease-out calc(var(--flip) * .5) forwards;transform:rotateX(90deg)}@keyframes sd-flap-fold{to{filter:brightness(.6);transform:rotateX(-90deg)}}@keyframes sd-flap-land{0%{filter:brightness(1.4);transform:rotateX(90deg)}to{transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.sd-flap__anim{display:none}}