.component.system-summary{flex-direction:column;gap:1rem;display:flex}.component.system-summary button.back{cursor:pointer;background-color:#0000;border:1px solid gray;border-radius:1rem;width:min-content;padding:.3rem .8rem;font-size:12px;font-weight:700}.component.system-summary>.header{flex-direction:column;gap:.5rem;display:flex}.component.system-summary>.header .top{align-items:center;gap:.5rem;display:flex}.component.system-summary>.header .top>.title{color:#272666;font-size:1.2rem;font-weight:500}.component.system-summary>.header .description{color:#757575}.component.system-summary main{color:#272666}.component.system-summary hr{border-top:1px solid #e6ebf5}.component.system-summary .tag-list{gap:.5rem;margin-inline:-5rem;padding-inline:5rem;display:flex;overflow:auto}@media (max-width:768px){.component.system-summary .tag-list{flex-wrap:nowrap;margin-right:-5rem;padding-right:5rem;overflow:auto}}.component.system-summary .tag-list .tag{color:#0d0d0c;white-space:nowrap;background-color:#f7f7f5;border-radius:.5rem;padding:.2rem .5rem;font-size:12px}.component.system-summary>a{width:100%}.component.system-summary a button.contact{color:#fff;cursor:pointer;background-color:#fc1e1e;border:1px solid #fc1e1e;border-radius:1rem;width:100%;padding:.5rem .3rem;font-weight:700}
.component.system-content{color:#536471;flex-direction:column;gap:1.5rem;display:flex}.component.system-content:has(>:first-child.card) img.cover{background-color:#fcfcfc;border-top:1px solid #e9e9e9;margin-top:5rem}@media (max-width:768px){.component.system-content:has(>:first-child.card) img.cover{border-top:none;margin-top:0}}.component.system-content img.cover{object-fit:cover;width:100%;height:20rem}@media (max-width:768px){.component.system-content img.cover{height:12rem}}.component.system-content .card{background-color:#f9f9f9;border-bottom:1px solid #0000001a;flex-direction:column;gap:.5rem;display:flex}.component.system-content .card:has(img.cover){padding-top:0}.component.system-content .card:not(:has(img.cover)){border-top:1px solid #0000001a}.component.system-content .card>span,.component.system-content .card>p{display:block}.component.system-content .card span.title{color:#272666;margin-block:1rem;font-size:14px}.component.system-content .card ul{margin-block:.1rem;list-style-position:inside;position:relative}.component.system-content .card ul li{padding-left:.5rem}.component.system-content .card .gif{justify-content:center;align-items:center;display:flex}.component.system-content .card .gif img{border-radius:1rem;width:100%;height:auto}.component.system-content .card .image-grid{flex-wrap:wrap;gap:1.5rem;margin-block:1rem;display:flex}.component.system-content .card .image-grid .container{border-radius:1rem;flex:45%;height:20rem;max-height:20rem;position:relative;overflow:hidden}@media (max-width:768px){.component.system-content .card .image-grid .container:not(.force-divided){height:90vw;max-height:90vw;max-width:unset;flex:100%}.component.system-content .card .image-grid .container.force-divided{height:45vw;max-height:45vw}}.component.system-content .card .image-grid .full{flex:unset;width:100%}.component.system-content .card .image-grid>img{object-fit:cover;object-position:top;border-radius:1rem;width:48%;height:20rem}.component.system-content .card>:not(img.cover){box-sizing:border-box;padding-inline:2.5rem}@media (max-width:768px){.component.system-content .card>:not(img.cover){padding-inline:1rem}}.component.system-content .card>:not(img.cover):first-child{margin-top:2rem}.component.system-content .card>:not(img.cover):last-child{margin-bottom:2rem}