.bodys{display:flex;flex-direction:column;align-items:center}.soras-snapBar{position:sticky;top:0;width:90%;max-width:410px;padding:10px 0;z-index:1}.soras-snapBar-button{margin:0 10px;padding:10px 20px;border:none;background-color:#42444b;cursor:pointer;transition:box-shadow .3s ease-in-out,background-color .3s ease-in-out;border-radius:20px;color:#fff}.soras-snapBar-button:hover{background-color:#72cff7}.soras-snapBar-button.glow{box-shadow:0 0 10px 2px #3a748e;background-color:#3a748e;color:#fff}.soras-snapBar-button:active{transform:translateY(2px)}.sectionDescription{padding:0 5vw}.linkIcon{margin-top:20px;transition:1s}.linkIcon:hover{scale:2}.linkIcon:active{transform:translateY(2px)}.iconSocialMedia{flex-direction:row;display:flex;gap:20px}.videoComponents{width:10vw;min-width:200px}.sectionComponents,.sectionQuickStart{padding:20px 5vw}.containerComponentDetail{padding-top:10px;display:flex;flex:1;flex-direction:row;gap:10px}.containerComponent{gap:10px;padding:20px 30px;background-color:#42444b;border-radius:10px;margin-bottom:10px}.searchContainer{display:flex;justify-content:flex-end;padding-right:5vw}.searchBox{background-color:transparent;border-width:2px;border-radius:10px;border-color:#72cff7}.table{border-collapse:collapse;border-spacing:0;width:100%}td,th{text-align:left;color:#fff}.expandContainer{padding:10px;border-radius:10px;display:flex;flex:1}.RowContainer{flex:1;padding:5px 15px;display:flex;word-wrap:break-word;word-break:break-all;overflow-wrap:anywhere}.evenleftContainer{border-left-width:1px;border-bottom-width:1px;border-top-width:1px;border-color:#3a748e;border-radius:10px 0 0 10px;min-width:150px}.evenRightContainer,.evenleftContainer{background-color:#42444b;height:100%;align-items:center;flex:1;display:flex}.evenRightContainer{border-bottom-width:1px;border-right-width:1px;border-top-width:1px;border-color:#3a748e;border-radius:0 10px 10px 0;min-width:200px}@media (max-width:700px){.containerComponentDetail{flex-direction:column;justify-content:center;align-items:center;gap:30px}.videoComponents{justify-items:center;align-items:center;display:flex}}.buttonCopy{padding:.5rem;border:none;border-radius:5px;cursor:pointer}.popupText{position:absolute;transform:translateX(-50%);color:#fff;font-size:16px;animation:flyAround 1s ease-in-out;z-index:5}.container{position:relative;padding:1rem;border-radius:5px;background-color:#52575d;display:flex;flex-direction:row;justify-content:space-between}.code{text-wrap:wrap;color:#f1f0e8}@keyframes flyAround{0%{transform:translate(-50%,-20px) scale(1);opacity:1}50%{transform:translate(-50%,-50px) scale(1.2);opacity:.8}to{transform:translate(-50%,-80px) scale(1);opacity:0}}.expandableContent{border-radius:5px;margin:0 10px;background:#52575d;border-top:1px solid #434343}.expandableView{border-radius:5px;margin-bottom:10px;overflow:hidden}.expandableHeader{justify-content:space-between;align-items:center;padding:10px;background:#52575d;cursor:pointer;border-radius:10px;margin:0;flex-direction:row;display:flex;background-color:#52575d}.expandableContentWrapper{transition:height .3s ease}.rotateDiv{width:25px;height:25px;justify-content:center;align-items:center;transition:transform .5s ease}.rotate180{transform:rotate(180deg)}.rotate0{transform:rotate(0deg)}