.dot-accordion{--dot-outer-size:35px;--dot-inner-size:30px}.dot-contain{height:auto;margin:0 auto;position:relative;overflow:visible}.dot-accordion-trigger{width:var(--dot-outer-size);height:var(--dot-outer-size);min-width:var(--dot-outer-size);min-height:var(--dot-outer-size);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.doc-item{width:var(--dot-outer-size);height:var(--dot-outer-size);background-color:var(--corporative-yellow);top:0;left:0}.doc-into-item{width:var(--dot-inner-size);height:var(--dot-inner-size);background-color:var(--corporative-yellow);border-radius:50%;justify-content:center;align-items:center;display:flex;top:50%;left:50%;transform:translate(-50%,-50%)}.line-doc-item{left:calc((var(--dot-outer-size)/2) - 1px);top:calc(var(--dot-outer-size)/2);bottom:calc(var(--dot-outer-size)/2);background-color:var(--corporative-yellow);border-radius:50%;justify-content:center;align-items:center;width:2px;display:flex}@media screen and (max-width:780px){.dot-accordion{--dot-outer-size:30px;--dot-inner-size:25px}.dot-contain{width:250px}}@media screen and (max-width:570px){.dot-contain{width:300px}}