section.roam-ocpi-drive-api{gap:var(--spacing-xxs);width:100%;padding:var(--spacing-xxs);border:1px solid var(--color-translucent-500)}@media not (max-width:1024px){section.roam-ocpi-drive-api{padding:var(--spacing-s);gap:var(--spacing-xs)}}section.roam-ocpi-drive-api .card{gap:var(--spacing-m);padding:var(--spacing-2m) var(--spacing-s) 0 var(--spacing-s);position:relative;overflow:clip}@media not (max-width:1024px){section.roam-ocpi-drive-api .card{gap:var(--spacing-2m) 0;text-align:left;padding:0 0 0 var(--spacing-2l);grid-template:"heading image"min-content"content image"min-content"button image"/1fr 1fr;display:grid}}section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-heading{gap:var(--spacing-m);z-index:2;flex-direction:column;display:flex}@media not (max-width:1024px){section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-heading{gap:var(--spacing-s);flex-direction:row;grid-area:heading;margin-top:5rem;margin-bottom:-.5rem}}section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-heading h2{font-size:var(--font-size-ml);line-height:var(--font-lineheight-28)}@media not (max-width:1024px){section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-heading h2{font-size:var(--font-size-xl);line-height:var(--font-lineheight-xl);align-content:center}}section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-heading span{font-size:var(--font-size-ml);font-weight:600;line-height:var(--font-lineheight-28);color:var(--color-blue-200)}@media not (max-width:1024px){section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-heading span{font-size:var(--font-size-xs);font-weight:500;line-height:var(--font-lineheight-s);padding:var(--spacing-s);background:var(--color-white);border:1px solid var(--color-translucent-500);border-radius:var(--border-radius-m);box-shadow:0 1px 2px #12162005,0 4px 8px #12162005,0 8px 16px #12162008,0 24px 56px #1216200d}}section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-content{gap:var(--spacing-m);z-index:2;flex-direction:column;display:flex}@media not (max-width:1024px){section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-content{gap:var(--spacing-2m);grid-area:content}}section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-content ul{gap:var(--spacing-xxs);flex-direction:column;padding-left:0;list-style-type:none;display:flex}@media not (max-width:1024px){section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-content ul{gap:var(--spacing-s);padding-left:20px;list-style-type:disc}}section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-content li{font-size:var(--font-size-s);font-weight:500;line-height:var(--font-lineheight-20);text-align:center;padding:var(--spacing-s) var(--spacing-2l);background:var(--color-blue-75);border:1px solid var(--color-translucent-500);border-radius:var(--border-radius-l)}@media not (max-width:1024px){section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-content li{font-size:var(--font-size-default);font-weight:400;line-height:var(--font-lineheight-l);text-align:left;background:0 0;border:none;border-radius:0;padding:0}}section.roam-ocpi-drive-api .card .btn{z-index:2}@media not (max-width:1024px){section.roam-ocpi-drive-api .card .btn{padding:.6875rem var(--spacing-xl);grid-area:button;margin-bottom:5.625rem}}section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-image{z-index:2;width:100%;height:304px;margin:0;position:relative}@media not (max-width:1024px){section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-image{grid-area:image;height:100%}}section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-image img{width:471.35px;height:395px;margin:0;position:absolute;top:20px;right:-225px}@media not (max-width:1024px){section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-image img{top:40px;left:119px;right:unset;width:842.47px;height:706px}}section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-bg{z-index:1;justify-content:center;width:100%;height:100%;margin:0;display:flex;position:absolute;bottom:0;left:0;right:0}section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-bg img{object-fit:contain;opacity:.7;width:1257.01px;height:959px;margin:0;position:absolute;bottom:-40px}@media not (max-width:1024px){section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-bg img{width:2071.97px;height:1580.75px;bottom:-500px;right:-900px}}section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-on-top{background:var(--color-white);border:1px solid var(--color-translucent-500);z-index:3;border-radius:16px;width:219px;height:195px;margin:0;padding-top:14px;position:absolute;bottom:20px;right:73px;box-shadow:0 1px 2px #12162005,0 4px 8px #12162008,0 8px 16px #1216200a,0 24px 56px #1216200d}@media not (max-width:1024px){section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-on-top{top:214px;left:0;right:unset;grid-area:image;width:350px;height:292px}}section.roam-ocpi-drive-api .card .roam-ocpi-drive-api-on-top svg{width:100%;height:auto}section.roam-ocpi-drive-api .card:nth-of-type(2) .roam-ocpi-drive-api-image img{right:-189px}section.roam-ocpi-drive-api .card:nth-of-type(2) .roam-ocpi-drive-api-bg img{opacity:.5;bottom:122px}@media not (max-width:1024px){section.roam-ocpi-drive-api .card:nth-of-type(2) .roam-ocpi-drive-api-bg img{width:2655.11px;height:2025.64px;bottom:-900px;right:-1150px}}