:root{--flip-height: 100px;--line-height: calc(var(--flip-height) * .5);--flip-container-color: #FF721E;--flip-color: #FF721E;--flip-text-color: #efefef;--flip-border-radius: calc(var(--flip-height) * .05);--animation-time: .4s;--animation-ease: linear;--perspective: 600px}.flip{height:80px;width:40px;border-radius:4px;box-sizing:border-box;font-family:Bebas Neue,sans-serif;box-shadow:#00000059 0 5px 15px;font-size:40px;font-weight:700;position:relative}.flip:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:var(--flip-text-color);z-index:20}.flip .flip-display{height:80px;width:40px;display:flex;flex-direction:column;z-index:1}.flip .flip-display .flip-display-top,.flip .flip-display .flip-display-bottom{position:relative;text-align:center;overflow:hidden;width:100%;height:40px;color:var(--flip-text-color);background-color:var(--flip-container-color);line-height:calc(40px * var(--i))}.flip .flip-display .flip-display-top{--i: 2;border-top-left-radius:var(--flip-border-radius);border-top-right-radius:var(--flip-border-radius)}.flip .flip-display .flip-display-bottom{--i: -2;border-bottom-left-radius:var(--flip-border-radius);border-bottom-right-radius:var(--flip-border-radius)}.flip .flipper{position:absolute;inset:0;margin:auto;height:80px;width:40px;perspective:var(--perspective)}.flip .flipper .flipper-top,.flip .flipper .flipper-bottom{position:absolute;left:-10%;right:-10%;width:40px;margin:auto;text-align:center;height:40px;line-height:calc(40px * var(--i));background-color:var(--flip-color);overflow:hidden;color:var(--flip-text-color)}.flip .flipper .flipper-top{--i: 2;top:0;transform-origin:bottom;border-top-left-radius:var(--flip-border-radius);border-top-right-radius:var(--flip-border-radius)}.flip .flipper .flipper-bottom{--i: -2;bottom:0;transform:rotateX(90deg);transform-origin:top;border-bottom-left-radius:var(--flip-border-radius);border-bottom-right-radius:var(--flip-border-radius)}.flip.play .flipper-top{-webkit-animation:flipperTopAnimation var(--animation-time) var(--animation-ease);animation:flipperTopAnimation var(--animation-time) var(--animation-ease)}.flip.play .flipper-bottom{-webkit-animation:flipperBottomAnimation var(--animation-time) var(--animation-ease);animation:flipperBottomAnimation var(--animation-time) var(--animation-ease)}@media(min-width:300px){.flip{width:50px;height:100px;font-size:50px}.flip .flip-display{height:100px;width:50px}.flip .flipper .flipper-top,.flip .flipper .flipper-bottom{width:50px;height:50px;line-height:calc(50px * var(--i))}.flip .flip-display .flip-display-top,.flip .flip-display .flip-display-bottom{height:50px;line-height:calc(50px * var(--i))}.flip .flipper{height:100px;width:50px}}@media(min-width:575px){.flip{width:100px;height:200px;font-size:100px}.flip .flip-display{height:200px;width:100px}.flip .flipper .flipper-top,.flip .flipper .flipper-bottom{width:100px;height:100px;line-height:calc(100px * var(--i))}.flip .flip-display .flip-display-top,.flip .flip-display .flip-display-bottom{height:100px;line-height:calc(100px * var(--i))}.flip .flipper{height:200px;width:100px}}@-webkit-keyframes flipperTopAnimation{0%{transform:rotateX(0)}50%,to{transform:rotateX(-90deg);opacity:1}to{opacity:0}}@keyframes flipperTopAnimation{0%{transform:rotateX(0)}50%,to{transform:rotateX(-90deg);opacity:1}to{opacity:0}}@-webkit-keyframes flipperBottomAnimation{0%,50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes flipperBottomAnimation{0%,50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.experience-dot.svelte-11cs254{left:var(--lm);top:var(--tm)}.experience-popup.svelte-11cs254{left:50%;top:var(--tm);transform:translate(-50%)}@media(min-width:768px){.experience-dot.svelte-11cs254,.experience-popup.svelte-11cs254{left:var(--ld);top:var(--td);transform:none}}mark.svelte-11cs254{background-color:transparent;background-image:linear-gradient(transparent 20%,#FF721E 20%,#FF721E 88%,transparent 88%)}.arc-half.svelte-oafrox{stroke-dasharray:1063 1063;stroke-dashoffset:1063;transition:stroke-dashoffset 1.4s ease-out}.arc-half.arc-animated.svelte-oafrox{stroke-dashoffset:738}.arc-right.svelte-oafrox{transform-box:fill-box;transform-origin:center;transform:rotate(90deg) scaleY(-1)}.arc-left.svelte-oafrox{transform-box:fill-box;transform-origin:center;transform:rotate(90deg)}
