.utabs{--bd:#f2dfdf;--bg:#fff9f9;--accent:#f95a5a;color:#131232;padding:4rem 0}.utabs--purple{--bd:#f7e4ff;--bg:#fcf6ff;--accent:#c94afd}.utabs--purpleblue{--bd:#ebdfff;--bg:#faf7ff;--accent:#995dff}.utabs--green{--bd:#b3dfc1;--bg:#ecf7f0;--accent:#458268}.utabs-head{margin-bottom:2.5rem;max-width:760px}.utabs-head .label-tag{display:inline-block;margin-bottom:1rem}.utabs-title{margin:0 0 1rem}.utabs-body{align-items:start;display:grid;gap:2.5rem;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.utabs-list{display:flex;flex-direction:column;gap:1rem}.utabs-btn{align-items:center;background:var(--bg);border:1px solid var(--bd);border-radius:5px;color:#131232;cursor:pointer;display:flex;font:inherit;gap:.75rem;justify-content:space-between;padding:1.5rem;text-align:left;transition:border-color .2s,box-shadow .2s;width:100%}.utabs-btn-title{margin:0;width:100%}.utabs-btn.is-active,.utabs-btn:hover{border-color:var(--accent)}.utabs-btn.is-active{box-shadow:0 4px 20px rgba(19,18,50,.06)}.utabs-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.utabs-arrow{flex:0 0 30px;opacity:.5;transition:opacity .2s}.utabs-arrow path{stroke:var(--accent)}.utabs-btn.is-active .utabs-arrow,.utabs-btn:hover .utabs-arrow{opacity:1}.utabs-panels{display:grid}.utabs-panel{display:flex;flex-direction:column;gap:1.5rem;grid-area:1/1;opacity:0;position:relative;transition:opacity .25s ease,visibility .25s;visibility:hidden}.utabs-panel.is-active{opacity:1;visibility:visible}.utabs-media{border-radius:10px;margin:0;order:-1;overflow:hidden}.utabs-media img{aspect-ratio:16/9;display:block;height:auto;object-fit:cover;width:100%}.utabs-panel-title{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);white-space:nowrap}.utabs .text,.utabs .text p{display:block!important}.utabs .text a{display:inline!important;width:auto!important}.utabs .text p{margin:0 0 1rem}.utabs .text p:last-child{margin-bottom:0}.utabs-link{align-self:flex-start;margin-top:.5rem}@media (max-width:950px){.utabs{padding:3rem 0}.utabs-body{gap:0;grid-template-columns:1fr}.utabs-list{display:none}.utabs-panels{display:flex;flex-direction:column;gap:1rem}.utabs-panel{background:var(--bg);border:1px solid var(--bd);border-radius:5px;grid-area:auto;opacity:1;padding:1.5rem;visibility:visible}.utabs-panel-title{height:auto;position:static;width:auto;clip:auto;margin:0;white-space:normal}}@media (prefers-reduced-motion:reduce){.utabs-arrow,.utabs-btn,.utabs-panel{transition:none}}