.fade-enter-active[data-v-4f6fa9f7]{animation:fade-4f6fa9f7 .4s ease}.fade-leave-active[data-v-4f6fa9f7]{animation:fade-4f6fa9f7 .4s ease reverse}@keyframes fade-4f6fa9f7{0%{opacity:0}to{opacity:1}}.demo-inner[data-v-4f6fa9f7]{background-color:var(--color-grey-100);border-radius:30px;display:grid;gap:20px 40px;min-height:490px;overflow:hidden;padding:var(--gutter-x)}@media screen and (min-width:768px){.demo-inner[data-v-4f6fa9f7]{grid-template-columns:repeat(2,1fr)}}.demo-menu-image[data-v-4f6fa9f7]{height:430px;-o-object-fit:cover;object-fit:cover;place-self:center}@media screen and (max-width:767.98px){.demo-menu-image[data-v-4f6fa9f7]{height:350px}}.demo-menu-list[data-v-4f6fa9f7]{align-self:center;justify-self:start;max-width:390px}@media screen and (max-width:767.98px){.demo-menu-list[data-v-4f6fa9f7]{display:flex;justify-self:stretch;margin:0 var(--gutter-x-negative);max-width:unset;order:-1;overflow-x:auto;overscroll-behavior-inline:contain;padding-left:var(--gutter-x);padding-right:var(--gutter-x);scroll-snap-type:inline mandatory}}.demo-menu-list .demo-menu-item[data-v-4f6fa9f7]{min-width:90%;scroll-snap-align:center}.demo-menu-list .demo-menu-item[data-v-4f6fa9f7]:not(:last-child){margin-bottom:25px}@media screen and (max-width:767.98px){.demo-menu-list .demo-menu-item[data-v-4f6fa9f7]:not(:last-child){margin:0 5px}}.demo-menu-list .demo-menu-button[data-v-4f6fa9f7]{background-color:transparent;border:none;border-left:3px solid transparent;color:var(--color-grey-500);font-size:18px;font-weight:500;line-height:22px;padding:3px 0 3px 20px;text-align:left;text-decoration:none;transition:color .3s,border-color .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (max-width:767.98px){.demo-menu-list .demo-menu-button[data-v-4f6fa9f7]{border-bottom:3px solid var(--color-grey-200);border-left:none;height:100%;padding:3px 20px 20px 0;width:100%}}@media screen and (min-width:768px){.demo-menu-list .demo-menu-button[data-v-4f6fa9f7]:hover{color:var(--color-accent-500)}}.demo-menu-list .demo-menu-button--active[data-v-4f6fa9f7]{border-color:currentColor;color:var(--color-accent-500)}