:root{--envelope-max-width:366px}.envelope{position:relative;background:0 0;max-width:366px;width:100%;min-height:250px;margin-top:40px;border-radius:12px}.envelope-lid{width:100%;height:110px;background-color:#eafbe5;border-top-left-radius:12px;border-top-right-radius:12px}.branding-triss .envelope-lid{background-color:#fffbcc}.content-image{position:absolute;max-width:45%;max-height:100%;box-shadow:6px -2px 6px 0 rgba(0,0,0,.2)}.content-images>*{transform:translateX(-50%);left:calc(50% - var(--child-number) * 7px);top:calc(var(--number-of-images) * 5px - var(--child-number) * 5px)}.content-images>.wide{--offset-weight:calc(var(--number-of-images) - var(--child-number));--start-position:calc(50% - var(--number-of-images) * 5px);max-height:80%;max-width:80%;left:calc(var(--start-position) + calc(var(--offset-weight) * 7px));top:calc(var(--number-of-images) * 9px - var(--child-number) * 9px)}.content-images>:first-child{--child-number:0}.content-images>:nth-child(2){--child-number:1}.content-images>:nth-child(3){--child-number:2}.content-images>:nth-child(4){--child-number:3}.content-images>:nth-child(5){--child-number:4}.envelope-body{--bgColor:white;position:relative;width:100%;min-height:140px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:10px;background-color:var(--bgColor)}/*# sourceMappingURL=/stylesheets/5fc64b80ee06ad42ebe491dfce1494d64a4eec05.map */