:root{--uncoder-acc-color-white: #ffffff;--uncoder-acc-color-deep-purple: #6b0f9c;--uncoder-acc-color-light-gray: #f7f7f7;--uncoder-acc-color-dark-grayish-blue: #54595f;--uncoder-acc-color-dark-gray: #474f53;--uncoder-acc-panel-rgba: rgba(255, 255, 255, 0.1);--uncoder-acc-shadow-one: rgba(0, 0, 0, 0.72);--uncoder-acc-shadow-two: rgba(0, 0, 0, 0.45)}.uncoder-acc-panels{height:600px;overflow:hidden;display:flex;gap:10px}.uncoder-acc-panel{background:var(--uncoder-acc-color-deep-purple);box-shadow:inset 0 0 0 5px var(--uncoder-acc-panel-rgba);color:var(--uncoder-acc-color-white);text-align:center;transition:font-size .7s cubic-bezier(0, 1.09, 1, -2.06),flex .3s ease-in-out,background .2s,height .3s ease-in-out;font-size:20px;background-size:cover;background-position:center;flex:1;justify-content:center;display:flex;overflow:clip;position:relative;align-items:flex-start;isolation:isolate}.uncoder-acc-panel::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);transition:opacity .5s;z-index:1}.uncoder-acc-content{position:absolute;inset:0;transform:translateY(110%);transition:all 300ms ease-in-out;display:flex;height:100%;flex-direction:column;justify-content:end;text-align:left;z-index:2;overflow:hidden}.uncoder-acc-content .uncoder-acc-title{color:var(--uncoder-acc-color-white)}.uncoder-acc-panels .uncoder-acc-panel.open img{filter:none !important}.open .uncoder-acc-content{transform:translateY(0)}.open .uncoder-acc-panel-title{visibility:hidden}.uncoder-acc-panel>*:first-child{transform:translateY(-100%)}.uncoder-acc-panel.open-active>*:first-child{transform:translateY(0) rotate(-90deg)}.uncoder-acc-panel .uncoder-acc-panel-title.tb-rl{writing-mode:tb-rl;transform:rotate(180deg)}.uncoder-acc-panel .uncoder-acc-panel-title.rl{writing-mode:rl;transform:rotate(0deg)}.uncoder-acc-panel .uncoder-acc-panel-title{text-transform:uppercase;text-shadow:0 0 4px var(--uncoder-acc-shadow-one),0 0 14px var(--uncoder-acc-shadow-two);font-size:1.5em;z-index:11;transform-origin:center;padding-inline:60px;word-break:break-all;text-align:left;line-height:61px;cursor:default}.uncoder-acc-content .uncoder-acc-title{text-transform:uppercase;font-size:1.5em;z-index:11;transform-origin:center;word-break:break-all;text-align:left;line-height:61px;font-size:32px;margin-bottom:0}.uncoder-acc-panel .uncoder-acc-panel-title,.uncoder-acc-content{padding:20px 20px 20px 20px}.uncoder-acc-content .uncoder-acc-description *{margin-bottom:0}.uncoder-acc-bg-img{position:absolute;inset:0;width:100% !important;height:100% !important;object-fit:cover;z-index:-1}.uncoder-acc-cta{white-space:nowrap;font-size:18px;font-weight:500;background:#f7f7f7;color:#000;border-radius:.25rem;padding:.5rem 1rem;width:fit-content;margin-top:1rem;display:flex;align-items:center;gap:.25rem;text-decoration:none}.open.uncoder-acc-panel{flex:2}@media only screen and (max-width: 880px){.uncoder-acc-panels{display:block;height:auto !important}.uncoder-acc-panel{height:100px}.uncoder-acc-panel p{font-size:1em;transform:rotate(0deg);writing-mode:horizontal-tb;text-align:start}.uncoder-acc-panel .uncoder-acc-panel-title.tb-rl{writing-mode:rl;transform:rotate(0deg)}.uncoder-acc-panel .uncoder-acc-panel-title.rl{writing-mode:lr;transform:rotate(0deg)}.uncoder-acc-panel.open-active>*:first-child{transform:translateY(0) rotate(0deg)}.uncoder-acc-panel.open-active>*:last-child{transform:translateY(0) rotate(0deg)}.open.uncoder-acc-panel{height:400px}}@media(max-width: 1201px){.uncoder-acc-panel p.tb-rl-laptop{writing-mode:tb-rl;transform:rotate(180deg)}.uncoder-acc-panel p.rl-laptop{writing-mode:rl;transform:rotate(0deg)}}@media(max-width: 1025px)and (orientation: landscape){.uncoder-acc-panel p.tb-rl-tab{writing-mode:tb-rl;transform:rotate(180deg)}.uncoder-acc-panel p.rl-tab{writing-mode:rl;transform:rotate(0deg)}}@media(max-width: 880px)and (orientation: landscape){.uncoder-acc-panel p.tb-rl-mobile-extra{writing-mode:tb-rl;transform:rotate(180deg)}.uncoder-acc-panel p.rl-mobile-extra{writing-mode:rl;transform:rotate(0deg)}}@media(max-width: 767px){.uncoder-acc-panel p.tb-rl-mobile{writing-mode:tb-rl;transform:rotate(180deg)}.uncoder-acc-panel p.rl-mobile{writing-mode:rl;transform:rotate(0deg)}}
.uncoder-acc-panel:focus-visible{outline:2px solid var(--uncoder-acc-color-white);outline-offset:-4px}